HML5とCSS3でコーディングされたWebテンプレートのまとめ記事。クールなテンプレートが多いので、単純にWebデザインのネタ帳にもなりそうです。レガシーブラウザをばっさり切り捨てる事でWebサイトはこんなにも表現豊かになるんだな、とか考えると、IEの業の深さみたいなものをしみじみ感じずにはいられません。
CSS3やHTML5を使った作例の紹介と、そのライブコーディングを見る事のできるサイト。作例を選択すると、まずは動作デモを見る事ができます。作例デモ画面内で「Play Walkthrough」を押せばライブコーディングが始まります。また「View Code」では単純にコードだけを見る事もできます。コーディングの時間の進み方は最大20倍速まで上げる事ができ、徐々に形になっていく様子を見る事ができます。これなかなか勉強になりますね。時期的に新人の教育にも使えそうです。
CSS3やHTML5を使ったWeb用コードスニペットの配布サイト。とは言っても紹介されているコード類はほぼCSS3がらみの内容です。サムネールクリックで詳細画面に遷移、そこからライブデモとダウンロードに遷移できます。ナビゲーションやボタン、プログレスバーなどがその内容。まだ若いサイトらしく数があまりありませんが、配布されてる内容が有用なものが多いので今後に期待。
HTML5で作られたシングルページWebサイト作例色々。どのサイトも1ページしかないので、スライドだったりスクロール芸だったりマウス追従で画面が動いたりして、色々と工夫してコンテンツを見せようとしてます。HTML5でコーディングされてるという点もポイント。シングルページサイトって最近ちょっと下火になった印象がありますが、実際どうなんでしょ。
Web制作で使えるコードスニペットを紹介するサイトをまとめた記事。CSSやHTML、Javascript、PHPなどの各種コードスニペットが紹介されてます。コーダーやプログラマーの人にオススメ。CSSDeckあたりは自分もよく見ます。
Web制作で使えるコードスニペットやクールな作例、デザイン事例などを紹介するブログ。というかココ超有名なので知ってる人は多いと思いますが、見どころは定期的に発行されるCollectiveというまとめ記事（ちょうど新しいのが公開されてました）。特に使えそうなコードやデザイン事例などについてピンポイントでまとめられてます。紹介されている内容の質が高く、見やすく整理されているので、デザイナーの方のネタ帳にオススメです。
Web制作に使えるコードスニペットギャラリー。CSS3やHTML5、JSあたりを使った作例と、そのコードが紹介された記事へのリンクまとめサイトです。最近この手のサイトって、こうした可変グリッドレイアウトで見せる例が多いような気がします。実際見やすいですしね。サイト制作のネタ帳に是非これひとつ。
HTML5やCSS3のジェネレーターまとめ記事。ボタンやグラデーション、ドロップシャドウ、角丸など、装飾に関するものが多いので、HTML5というよりはCSS3のジェネレーターの方が多く紹介されてます。こういうのって単機能だと「手書きした方が早いよ」とかなりますが、総合的にコード生成してくれるジェネレーターだと結構役に立ちますな。コード直書きするのがメンドいという人に是非。
