CSS3を使って表現する、各種ソーシャルメディアのアイコン。興味深いのが、これらのアイコンがCSS記述だけで表現されている点で、画像は1点も使ってません。デモサイトはこちら。ただしどのモダンブラウザでもオッケーというわけではなく、Safariでは角丸の表現が欠けており、またFirefox3.5ではグラデーションがうまく表示されませんでした。Firefox3.6環境で初めて作例のように表示されます。CSS3を思いっきり使った表現が、まだまだ実用的でない事が分かる作例です。けどFlickrやDeliciousのアイコンとかなかなか気合いが入ってます。

Create Social Media Icons in Pure CSS

トランジションがモザイク状に行われるスライダー。通常これ系の動きって、横にスライドするんだけど、これはボックスエリア内を複数のパーツに分けてモザイク状に切り替わります。なかなか手が込んでます。他とはちょっと違うスライドの見せ方をしたい時に使えそうです。ちなみに中身の画像ファイル自体は、特別切り刻んだりする必要はないようです。

Making a Mosaic Slideshow With jQuery & CSS

もいっちょJSガラみの記事。Ajaxフォームのまとめ記事です。Ajaxを使ったフォームというと、いわゆるページ遷移なしのエラー表示や入力の補完機能がメインですが、他にもパスワードの脆弱性チェッカー、フォーム装飾（パーツ置換）、アップローダーなどがあります。一手間かけたフォーム制作の際に便利なまとめ記事。

Astounding Ajax/CSS Forms: 30+ Modern Trends , Tips and Techniques

デザイナーやビギナーのためのjQueryまとめ記事。ガリガリのコーダーでなくても実装できちゃうYO！というのが趣旨のようなので、わりと導入に関しては簡単なものが紹介されてます。各リンク先ではチュートリアルも紹介されているので、JSの導入に不慣れなパイロットの方でも色々安心です。

20 Best And Highly Useful jQuery Tutorials For Designers And Beginners

テクスチャの使い方がうまいウェブサイトが50集められた記事。テクスチャ系のネタ帳となると、わりとコッテリな印象のサイトばかりかと思ったらそうでもない。シンプルで上品なデザインのサイトもいくつか紹介されてます。うまい見せ方できないかなー、って時のネタ調に是非。

50 Inspiring Textured Web Designs

フリーで配布されているウェブテンプレートのまとめ記事。どれもXHTML + CSSでコーディングされたもので、わりと最近のものばかり揃っているようです。中にはJavascriptを使ったスライド表現を行うものもあり、わりとモダンな印象。この手の記事はテンプレートそのもの以外にも、ネタ帳としてデザイナーに好まれそうです。

30 Latest High-Quality Free (X)HTML/CSS Templates Must See Now

デザインのネタ帳の宝庫とも言えるDeviantartに上がっているウェブデザインを批評してみる、という内容の記事。批評の内容についてはともかく、紹介されているデザインのどれもが相当キテます。クオリティの高いものが多く、単純にネタ帳として素晴らしく機能しそうな記事です。英語圏のデザインらしく、日本のウェブサイトと比べるとかなりコッテリ気味で、あっさりトリガラスープが好きな人には胸焼けしそうな物が多いんですが、個人的にツボったデザインが多かったのでちょっとハッピーな気持ちになりました。あ、けど俺ラーメンはトリガラが好きです。

40 Exclusively Reviewed And Criticized Deviantart Designs

JSのメジャー化とともに目にする機会の増えたコンテンツスライダー。それらをウマくサイト内に利用したクールな作例ばかりを集めた記事。スライドさせて見せるコンテンツの内容や、周辺のデザイニングなど、スライダーを導入する場合に大いに参考になりそう。よく使われる手法なだけにネタ帳としてなかなかイイ感じ。あと紹介されているサイトがかっちょいいの多くてホットです。

Fantastic Content Sliders for your Inspiration

サイト制作の初期段階においてよく使われるのがワイヤーフレーム。モックアップと言ったりプロトタイピングと言ったり色々な呼び方をされますが、まぁ作業をデザイナーにトスする前の骨組みですね。それらの制作をウェブ上で行えるウェブアプリケーションばかりを集めた記事。「PowerPointでやるから別にいいよ」というディレクターの人が多いだろうけど、この手のウェブアプリはローカルアプリケーション並みのドロー機能があって、さらにウェブでよく使われるパーツ類があらかじめプリセットされている事が多く、思ってた以上に使えます。Mockingbirdとか個人的にアツいです。

15 Quality Web-Based Applications to Create Mock-Ups and Wireframes

CSS3で新しく出来るようになる事の中で、わりと基礎的な事を紹介した記事。内容についてもシンプルで、RGBAについて、テキストシャドウ、ボックス要素の丸角描画、ボックスシャドウといった順に紹介されてます。RBGAやテキストシャドウについては、すでに導入しているサイトやブログが結構ありますね。

The Basics of CSS3

CSS3のアニメーション機能を使って、ローディング用のクルクルを作るというもの。作例一覧はこちら。Javascriptは使われていないようですが、当然ながら現状Firefox 3.5以上とWebkit環境でないと動かないそうです。画像使わなくてもいいとなると、単純にソースさえコピってしまえば動く事になるので、生産性が高まりますね。

CSS3 Loading Spinners Without Images

CSS3からの新機能であるグラデーション描画についての考察記事。このプロパティ使えばいちいち画像作る必要がなくなって、作業が効率的になるYO！的な内容です。デモページはこちらから。ソース一式のダウンロードもできます。指定がわりと細かいというか面倒なので、今後グラデーション指定のウェブサービスとか出てきそうです。

Speed Up with CSS3 Gradients