デザイナーのためのHTML5リソースまとめ
2010年には、正式な勧告としてリリースされる予定のHTML5。
徐々にブラウザの対応も進んでいて、すでに、多くのデザイナーたちは、この次世代HTMLを使って、様々な活動を始めています。
だんだんとHTML5のリソースも増えてきたので、今回はHTML5についてまとめてみました。
まずは、HTML5を使ってどういう事ができるのか？実際に見る事ができるサイトをいくつかご紹介。
HTML5 Gallery | A showcase of sites using HTML5 markup
HTML5で構築されたウェブサイトをまとめてくれているギャラリーサイトです。
Dive Into HTML5
HTML5を解説してくれている現在もコンテンツがどんどん増えている進行中のウェブサイト。もちろんこのサイト自体もHTML5で構築されています。
HTML5 Canvas and Audio Experiment
HTML5のCanvasとAudioで動く実験ページ。まるでFlashやSilverlightを使っているかのような動きですね！新しい可能性を感じるページです。
では、実際にHTML5を書いて試してみましょう！
HTML 5 Cheat Sheet
プリントアウトして手軽に使えるHTML5のチートシート。慣れるまでは、このチートシートをデスクに置いておくとなにかと便利ですね。
HTML 5 pocket book
こちらはHTML5のポケットブック。折り畳んで、手帳や財布に入れておくと、いつでも確認できますね。
Modernizr
まだまだブラウザの対応がすすんでいないHTML5。Modernizrは、CSS3各プロパティやHTML5のエレメントが有効かどうかを検出してくれるライブラリ。
HTML5 and The Future of the Web – Smashing Magazine
Smashing Magazineさんがまとめてくれている、HTML5の解説エントリ。
Coding A HTML 5 Layout From Scratch
スクラッチからHTML5のレイアウトを作るチュートリアルです。英語の解説ですが、とてもわかりやすく解説してくれています。
HTML 5 and CSS 3: The Techniques You’ll Soon Be Using – Nettuts+
HTML5とCSS3でつくるウェブサイトのチュートリアル。ちらもとてもわかりやすく解説されています。
jQuery Visualize Plugin: Accessible Charts & Graphs from Table Elements using HTML 5 Canvas
jQueryとHTML5のCanvasをつかって作るチャートやグラフののデモページです。
70 Must-Have CSS3 and HTML5 Tutorials and Resources | Web Resources | WebAppers
70種類ものHTML5のチュートリアルをまとめてくれているエントリ。
|
|
|
11月 10th, 2009 at 6:48 AM
[...] デザイナーのためのHTML5リソースまとめ | DesignWalker (tags: internet html5) [...]
11月 10th, 2009 at 7:01 AM
[...] デザイナーのためのHTML5リソースまとめ | DesignWalker 2010年には、正式な勧告としてリリースされる予定のHTML5。徐々にブラウザ の対応も進んでいて、すでに、多くのデザイナーたちは、この次世代HTMLを使っ て、様々な活動を始めています。だんだんとHTML5のリソースも増えてきたので 、今回はHTML5についてまとめてみました。まずは、HTML5を使ってどういう事が… original article [...]
11月 10th, 2009 at 12:42 PM
[...] デザイナーのためのHTML5リソースまとめ | DesignWalker (tags: webdesign html5 list まとめ) [...]
11月 11th, 2009 at 6:09 PM
[...] デザイナーのためのHTML5リソースまとめ [...]
11月 12th, 2009 at 4:51 PM
[...] デザイナーのためのHTML5リソースまとめ | DesignWalker http://www.designwalker.com/2009/11/html5.html [...]
11月 15th, 2009 at 5:37 AM
[...] デザイナーのためのHTML5リソースまとめ | DesignWalker [...]
1月 27th, 2010 at 2:58 PM
[...] http://www.designwalker.com/2009/11/html5.html [...]