Webのスタンダードな技術を使って、サイトをインタラクティブにするためのテクニックの紹介。やや抽象的な表現ですが、ようするにウェブデザインにおけるモダンな手法についての記事です。スライドショー、CSS3を使ったトランジション、SVGを使ったアニメーション、Canvasを使ったアニメーションの4つの内容が紹介されてます。主に動きに力点を置いた記事内容で、それぞれの実装方法や作例も紹介されてます。今まではこうした動きを使った見せ方はFlashが専門に担当してましたが、今後はよりWebスタンダードな手法が主流になっていくんでしょうね。なかなか興味深い内容でした。
CSS3でコーディングレベルで描画できるようになったグラデーションですが、複雑なグラデにすればするほど記述がちょい面倒というか、グラフィック系のソフトでちょいちょいっとやるようにはいかなかったりします。このウェブアプリを使えば、見た目に分かりやすく、かつ簡単にグラデーションを描画してCSSをDLする事ができます。ちなみにプリセットもいくつかあるので、目指すグラデに近いものを素体にする事もできます。この手のグラデジェネレーターとしてなかなか使いやすいんじゃないでしょうか。
CSS3に関するチュートリアル記事をまとめたもの。ボタン、ロゴ、フォーム、テーブル、アニメーション、ロテーションなど、CSS3独自の機能を使った作例と、その制作工程に関するものです。この記事のナイスな点は、紹介されている点数が多い事。かなり多くの作例が紹介されているので、ダラダラ見ているだけでも勉強というかネタ収集になります。なかなかホットです。
HTML5で記述されたクールなサイトの作例を18例紹介した記事。この手のサイトの多くは装飾に関してはCSS3で行う場合が多いため、デザイン面だけでなくコーディング面でもナイスなネタ帳と言えます。サイトがHTML5かどうかというのは、実際ソースを見て見ないと分からないもんですが、CSS3を使っているかどうかはなんとなく分かったりしますよね。わりと前衛的というか実験的なサイトが多く、新しもの好きにおすすめな良記事。
HTML5で記述されたウェブテンプレートのまとめ記事。15の作例が紹介されてます。主にビジネスシーンにおいて使い勝手の良さそうなものが多く、いくつかポートフォリオ系のレイアウトのものも含まれます。HTML5で記述されたとなると、CSS3も当たり前のようにセットになってくるので、モダンなコーディングのお手本としてもナイスなまとめ記事。来年はHTML5を使ったコーディングが一気に普及しそうです。
HTML5とCSS3に関するチュートリアルやTips記事のまとめ。HTML5に関しては、ゲーム制作、マークアップ、JSとの連動など。CSS3に関してはボックス要素のロテイト、テキストデコレーション、アニメーション、角丸、ボタンデザイン、ベンダープレフィックス（-moz-とか-webkit-とかいうアレ）などについて紹介されてます。この仕事やってると色々覚える事ありますよね。けどソレってわりと波があって、覚える事が多い年もあればそうでない年もある。そういう意味じゃ来年は色々勉強する事が多そうな予感。
CSS3の機能を使ったテクニックと、そのチュートリアルの紹介記事まとめ。アップルのグローバルナビを模したものや、スティッキーズのUIを画像なしで再現したもの、MacOS Xのドックを再現したものといった「アップル大好き！」的な内容から、アイコンのテカりやグラデーションをCSS3で記述した装飾方法、モバイル環境のためのCSS3を使ったレイアウトなど、いろんなテクニックが紹介されてます。数こそそれほど多くないけど、なかなかホットな記事。
CSS3の角丸指定を使えば円が描けたり、テキストシャドウを使えば文字のアウトラインも描けるYO！という、一工夫したアツい指定方法について解説された記事。CSS3も最近じゃ業務レベルで使われるようになったので、こうしたTips記事もチラホラ出てきました。記事下部では動きを使ったトランジションに関しても考察されてます。いやこれイイですね。スマートフォン対応サイトではファッキンIEの事とか気にせずに、今できる最高のコーディング表現が自由に行えるので、そんな案件に対応する際に使えます。時期的になかなかタイムリー。勉強になります。
