Home - Lio-MephAJAX is a term that describes how to use existing technology to receive data from the server in the background and use it to update the page (without reloading).
Languages Selector in Corporate Websites | Graphic Rating
Languages are one of the few defining features for masses. Together with borders and several specific features, languages help us labeling ourselves. And since we are walking towards a interconnected future, I want to see how some corporate sites tackle diversity. So, in this article I’ve tried to analyze language selectors in corporate websites. HTC HTC, as one of the major players in the mobile
jQuery Time Slider
This is a demo of jQuery plugin that supports choosing of the time using dragging of slider. Change event listener Time is Span to be converted into time slider Time slider span: 5:00 Input field to be converted into time slider Time slider: Input field to be converted into time slider with not shown value Time slider: Actions
Time Slider JS
Mouse-X： Position-X： %（0 - 1）： Step： singleTime：： ： StartTime：： EndTime：： ： 〜 ： StartTime：： EndTime：： ： 〜 ： singleTime：： ：
jQuery UI Slider from a Select Element - now with ARIA Support | Filament Group, Inc.
jQuery UI Slider from a Select Element - now with ARIA Support We’ve updated our popular jQuery UI selectToUISlider plugin with ARIA support, making the jQuery UI slider widget more accessible to users on assistive devices. The plugin uses progressive enhancement to replace an already-functional HTML select element with a jQuery UI slider control, and adds a number of features for both visual user
フォーカル・ポイント by ブライアン・トレーシー 書評 〜 どうしても人生を突破したい人だけに送る10の法則
法則1 潜在能力を解き放て 第1の法則で、著者はいきなり「半分の労働時間で収入を2倍にしろ！」と言っている。 「そんなことできるわけない」と本を投げ出してしまうのは簡単だ。 でもちょっと待って欲しい。そうする前に、この問いかけと法則1を見比べてほしい。 そう、「どうせ無理」と決めてしまっては、潜在能力は発揮できない。 「どうやったらそんなことができるんだろう？」と必死で考えると、アイデアが湧いてくるものだ。 だから、まずは一緒に進んでみよう。 労働時間を半分にして成果を倍にするために最初にするべきことは、「上位20%の仕事に集中する」ことだ。 僕自身も経験があるから良く分かる。 たとえば営業仕事では、大口で自分のことを気に入ってくれて、いつも仕事をたくさんくれる上位20%のお客さんが、実は売上の80%をもたらしてくれている。 そして、ほんのちょっとのオーダーしかくれないくせに、いつもクレー
Create a Responsive Web Design Template
The web is buzzing with responsive web designs right now. To have a single site that will change its styling accordingly to fit to the device it’s being viewed on. In this tutorial, I’m going to make a (very simple looking) web template that is responsive from desktop size down to mobile version. [tut demo=”https://onextrapixel.com/examples/responsive-website-template/” download=”https://onextrapi
意外と要注意 HTML5データ属性とjQuery Data APIの関係まとめ | ゆっくりと…
前の記事「HTML5でモダンブラウザのCSS3バグを回避するためのハック方法」に関連して、jQuery で HTML5 データ属性にユーザーエジェント文字列を格納する方法を調べていました。その結果、ちょっと整理をしておいた方が良いかなと思う点を共有したいと思います。 ご存知の方も多いと思いますが、jQuery には .data() や jQuery.data() という、DOM 要素に データ を紐付けて記憶しておく仕組みが元々ありました。jQuery 1.4.3 からは、 API レベルでの 親和性 が考慮された形で HTML5 data-* 属性を取り込む仕様が導入されました。 HTML5 時代では、クライアント・サイドで実行されるコード量も増え、データ属性を扱う機会もちょくちょく出てくるのではないでしょうか。そこで今回は、 HTML5 data-* 属性のおさらい jQuery Da
How To Enable HTML5 In Chrome | Robots.net
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
HTML5でセマンティックなマークアップ
4. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><body><div> <div> <div> <div>HTML4では、こんなマークアップが普通でした。 </div> <div> <div> </div> </div> </div> <div> <div> <div> <div>「分け入っても分け入ってもdiv」 </div> <div> </div> </div> </div> </div> <div> </div> </div></div></body></html> 6. エンジニアがマークアップに意味を「吹きこむ」Chrome+HTML5 Conference 開催のご案内最近、スマートフォンサイトを中心に活用事例が目立つようになり
jQuery Time Entry
A jQuery plugin that sets an input field up to pick a time value using a spinner. Complement this plugin with the jQuery Datepicker plugin, for a popup calendar, the jQuery Calendars plugin, for support of other world calendars and a datepicker that works with them, or the jQuery Date Entry plugin, for spinner entry of dates, or combine date and time entry with the jQuery Date/Time Entry plugin. T
ウェブサイトの課題発見のために、筆者が普段から使っている「解析系ツールボックス」の中身を紹介！ - Real Analytics （リアルアナリティクス）
新しいサイトを分析する際に私がよく利用している無料ツールを紹介いたします！これら良く使う「道具」は私にとっての大切なツールボックスです。今回はその中から15個のツールをピックアップして紹介いたします。どのツールも無料で、私自身定期的に利用しているものばかりです。「定番物」も多いですが、使い方などの関連記事もあわせて紹介していますので、一緒にチェックしてみてください。 1:GoogleAnalytics+GAwithSBM+Excellent Analytics サイト：Google Analytics 言わずと知れた無料のアクセス解析ツールです。関連書籍やオンライン上での情報も豊富で、アクセス解析という分野を広めるのに大きく貢献したツールです。アクセス解析ツールが入っていない場合は、まずはこのツールを必ず導入しています。 そしてGoogleAnalyticsをパワーアップさせるために以下の
かしこい人のニュース読解法／議論の苦手な人は何ができていないのか - デマこいてんじゃねえ！
ヒトは「頭の使い方」を覚えると賢くなる生き物だ。 かけ算九九しかり、元素記号の語呂合わせしかり、丸暗記してしまうことで思考をスピードアップできる。理系大学生のサイフは平均的に文系大学生のサイフよりも軽い。なぜなら彼らは数字に強く、「おつりのコインを最小にする計算方法」を身につけているからだ。それに加えて実験とレポートに追われてバイトができないという涙ぐましい事情がある。 私は学生時代に、ちょっとだけ英語ディベートをやっていた。その時に先輩に教えてもらった「ニュースの読み方」が今でも役に立っている。ニュースを読むにはトレーニングが必要で、読み慣れないうちは、「なにが問題なのか分からない」のが最大の問題となる。逆に「読み方のテンプレート」を覚えてしまえば、そのニュースの論点を即座に見抜けるようになる。かしこい人はこうやってニュースを読むのか！ と当時は感心した。 今回のエントリーでは、その一部
プログレッシブエンハンスメント（Progressive Enhancement）という考えかた｜ウェブユーザビリティ向上を支援するWebsite Usability Info
公開日 : 2010年6月6日 (2021年2月2日 更新) カテゴリー : アクセシビリティ 最近、プログレッシブエンハンスメント（Progressive Enhancement）という言葉をよく目にするようになりました。Webユーザーの増加、ユーザーの閲覧環境の多様化（パソコンだけでなく、携帯電話やスマートフォン、支援技術など）、ユーザーの抱える身体的状況の多様化（障害、加齢、怪我、など）、といった背景を踏まえて、より幅広く、多くの人が情報にアクセスできるようにすることを目指したWebサイトの開発理念です（Webアクセシビリティを実現するための技術的方法論のひとつとも言えますね）。以下、簡単にご紹介したいと思います。 基本的な考えかた あらゆるユーザーに対して、基本的な体験ができるようにします（たとえば、そのサイトが伝えたい情報には、どんな閲覧環境下にいるユーザーでもちゃんと到達できる
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Mobile HTML5
企業がFacebookページを始める時に押さえておきたい28個の手順 【準備&プランニング編】 | Facebookページ活用 実践ガイド
Facebook Statistics, Application Statistics, Page Statistics - Socialbakers
JavaScript UI Components - Build Better Apps Faster - Progress Kendo UI
Registrant WHOIS contact information verification | Namecheap.com
Progressive Enhancement vs Graceful Degradation. Which Path to Follow?