Asynch JS - The power of $.Deferred | Articles | web.dev
One of the most important aspects about building smooth and responsive HTML5 applications is the synchronization between all the different parts of the application such as data fetching, processing, animations, and user interface elements. The main difference with a desktop or a native environment is that browsers do not give access to the threading model and provide a single thread for everything
意外と要注意 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
HTML5をIE8で認識してもらうメモ with JQuery – capeknote
無い物を認識してもらう html5で書いたのをIE8でもみれないとイヤ〜っていうことになったので対応させることにしたが、なにかと面倒だったのでメモ。 要点は以下の通り。 ベタにhtmlファイルに書いてあるhtml5新要素の認識 →html5.jsをつかう タグつくって動的にappendされるhtml5新要素の認識 → innershiv.jsをつかう それでも認識しないやつ(初期レンダリングでhiddenになってるやつとか) →$(“#hoge”).html($(“#hoge”).html()); で強制認識 具体的には headのCSSやJSより先に読み込む。 JS内でhtml5新要素を生成するようなところで、 var html5NewElement1 = innerShiv("ほげ"); $("div#main").append(html5NewElement1); こん
jQueryやHTML5を使ってiPhoneやiPad向け電子書籍を作成する為のフレームワーク・Laker - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 iPadや、iPhoneなどのタッチデバイス の普及で、個人的にも電子書籍への 関心がかなり高まりました。そんな中、 割と良さそうな電子書籍専用のフレーム ワークがあったのでメモがてらご紹介。 こういうの覚えておくと重宝しそうですね。 なかなか動きが良かったです。ただ読むだけの電子書籍ではなく、HTML5やjQueryを使って、より「電子」らしく表現出来ると楽しそうですね。 HTML5で作る電子書籍用のフレームワークです。jQueryやiPadのようなタッチデバイス向けのフレームワークとなっています。 複数フレームワークを併用 Lakerには定番のjQueryや、iPhone、iPadで黄金比を保つcssフレームワークのLess Framework、HTML5+jQ
Progressively Enhancing HTML5 Forms | CSS-Tricks
Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. This is what I’m thinking is the best current way to progressively enhance forms. That is, use HTML5 features when they are available and fall back to JavaScript alternatives when they are not. Load up Yepnope.js <script src="scripts/yepnope.js"></script> Yepnope is a “script loader” which will loa
Cross-Browser Support for HTML5 Placeholder Text in Forms - CSS Reset
<input type="text" placeholder="Start typing to begin searching." /> The only new bit is the placeholder attribute, but it results in this: I love placeholder text because it can help make large, complex forms easier to navigate. What better place to explain the requirements of an input field than right inside the field itself? And on short forms (like a search bar), placeholder text could be used
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.chrome-life.com/html5/5528/