HTML5やCSS3を使ったコーディングにおいて、役に立つ様々なTipsをまとめた記事。と言っても実際にはXHTML+CSSといった、従来のワークフローでも使えるものが多く紹介されてます。IEのテキストエリアからスクロールバーを排除、IEのバージョンごとの対策、YUI Fontリセット、強制的にスクロールバーを表示、画像のプリロード、角丸化、IEで使えるMin-Height、垂直方向にセンタリングなど。コーダーが知っておくと便利な小ネタ集といった内容です。
HTML5を使ったビデオプレーヤーがまとめられた記事。プレーヤーによって使っているJSライブラリが違っていたり（jQueryだったりmootoolsだったり）、インターフェースが違ってたりします。サイト内において動画を見せる手段も、徐々にFlashベースのものからHTML5ベースのものに移行していくんでしょう。動画配信したい時のプレーヤー探しの際に重宝しそうなまとめ記事。
Firefox4の販促コンテンツがなかなかアツいです。HTML5とCSS3で作られた、いわゆる「こんな事できちゃYO！」的な作例集なんですが、クオリティぱねぇっす。とりあえず最初の「The Planetarium」あたりを見てみましょう。太陽系を題材にした教育系コンテンツなんですが、色々動きます。Flashみたいな事が普通にできるんだなーと感心できる内容。自分の場合Safariで見てたんですが、「WebGLをサポートしたブラウザで見て」というアラートが出ました。けどFirefox4で見た時と特別差は感じられませんでした。ウェブ屋の人ならきっとワクワクできます。
HTML5のCanvasタグを使ったグラフ描画の作例集。ほとんどの作例はコード付きで解説されてます。いやこれなかなかアツいです。今までFlashで作ってたような動きのあるグラフなんかもCanvasだけで描画できるようです。見てるとHTML5の中でもわりと難易度高そうな分野ですが、グラフなどの汎用性が求められるグラフィックには多く使われる事になりそうです。
HTML5 Canvas Graphing Solutions Every Web Developers Must Know
HTML5 + CSS3でコーディングされたWebUIキット。モダンブラウザー向けにはモダンコーディングで、またレガシーブラウザにも対応しているようです。ウェブでよく使われるボタン、フォーム、水平ナビゲーション、垂直ナビゲーション、ログインパネル、テーブルなどがその内容。コードも美しく、また各パーツの背景には共通の画像が使われているため、サイト内においてデザイン的な統一を図りつつ汎用性やメンテ時の効率化を行えそうです。早速ソースをDLしてみましたが、コードもキレイでなかなか使えそうな印象。アラいいですねぇ。右も左もイイですねぇという感じでございます。
HTML5に関するチュートリアルやテクニックなどを紹介したサイトのまとめ記事。HTML5での基本的なコーディングの仕方や、WebAppの作り方、サンプルコード、テンプレート、レイアウト、フォーム、Canvas、Video、CSS3と合わせた作例、スライドショーなどが紹介されてます。正式策定前なのにもうすっかり実用化されてるHTML5ですが、実際にHTML5でコーディングしてくれって案件ってまだそんなにないですよね。このへんの新技術って、レガシーブラウザの存在しないモバイル市場が引っ張ってるような感じしますね。ようするにI Hate IEEEEEE!!!!というアレですわ。
HTMl5とCSS3に関するリソースサイトがまとめられた記事。ブラウザごとのサポートチェックリスト、文字装飾ジェネレーター、チートシート、色指定一覧、角丸コードジェネレーター、ギャラリー、レイアウトモジュール、グラデーションジェネレーターなどが紹介されてます。HTML5 & CSS3を使ったモダンコーディングを今から始めようって人多いと思いますが、この手のお助けサイトには色々とお世話になりますな。
HTML5でコーディングされたWordpress用テーマがまとめられた記事。ってかHTML5で書かれたテーマってこんなにあるんですね。このブログもぼちぼち5への移行を考えてますが、素体としてシンプルなテーマを選んでから始めようかなと思っちょります。レガシーブラウザへの対応とかどうなんでしょうね。まぁ自分の場合はサクっと切り捨てる予定ですが。
