[DESIGN] 85 Free High Quality Silhouette Sets – ハイクオリティーなシルエット素材
ハイクオリティーなシルエット素材が山ほど集められた記事。人、動物、植物、スポーツ、乗り物、都市、銃、楽器、雑貨などが用意されてます。各素材ごとに配布フォーマットは違うと思いますが、たまたまDLしたものはEPS形式でした。PNGとか軽くて扱いやすそうです。シルエットってわりと使いやすい素材なので、こりゃ助かるなぁと。
[MISC] Hiroshima, 64 years ago – 64年前の広島
8月6日。今から64年前の今日、広島に原爆が投下されました。当時の写真（その多くはモノクロ写真です）が高解像度で紹介されています。当時の悲惨な状況や、透過されたリトルボーイの写真、そして今日の広島の様子などを見る事ができます。ちょうど今日、広島では平和記念式典が行われているはず。平和を願わずにはいられません。
[JAVASCRIPT] In-Field Labels jQuery Plugin – フォームフォーカスでフェードアウトするラベル
ブログのコメント欄や検索欄など、入力フォームにフォーカスしたタイミングで、ラベルがフェードアウトするJS。jQueryのプラグインだそうです。試しにフォームに入力しようとすると、“Name”などの初期入力文字がフェードして薄いグレーになります。入力を始めると完全に消え、入力した文字を消してフォーカスアウトするとまた復活します。フォーム横に“Name”とか書いておくよりもこっちの方がスマートですね。装飾面だけでなく機能的でもあるナイスなJS。
[WALLPAPER] 30+ Creative Hi-Res Wallpapers Only for Designers – デザイナーのための壁紙集
デザイナーのための壁紙集。とは言っても別に壁紙にルーラーが引いてあったりするわけではありません。誰が使ってもイイ感じにオシャレなデスクトップ用壁紙がまとめられてます。壁紙コレクター的にはこれはなかなかホットですね。写真ものよりは、イラストや3DCGなどがメインのようです。ちなみに自分は集めに集めた壁紙を1つのフォルダに突っ込んでおいて、「システム設定＞デスクトップとスクリーンセーバ」内でフォルダを指定。そして「ピクチャを変更＞30分ごと」に指定してあります。たまに気が向いた時にまとめて収集の旅に出たりします。
[ICON] 75 Best Free Graphics Design Icon Sets – クールなデザインのフリーアイコンまとめ
クールにデザインされた、フリーのアイコン素材の配布先がまとめられた記事。いわゆるウェブ向きのアイコンセットももちろんありますが、デスクトップアイコン向けに作られたものも多く含まれています。この手の記事の中では特別クオリティの高いアイコンばかり紹介されてて、見た感じその多くはベクターでデザインされています。こんなのよく描くなぁと感心するものもいくつか。みなさんイイ仕事されてます。
[HTML 5] HTML5 Canvas and Audio Experiment – HTML 5ってこんな事もできるの！？
こ、これはスゴい。HTML 5を使ったデモサイト。「こんな事もできちゃうYO！」的な、技術面でのデモンストレーションです。最初Flashかなと思ったけど、ソース見てみると“swf”の文字はどこにもない。代わりに＜audio＞タグなどの見慣れないタグが並んでました。描画についてはprocessing.jsを使っているみたい。センスといいスキルといい、こりゃたまげたなという感じです。
[WEB DESIGN] 25 Magazine-Style Layouts for Your Design Inspiration – マガジンスタイルのウェブレイアウト
マガジンスタイルの優れたウェブレイアウト25例が紹介された記事。ウェブジンと言い換えても差し支えないこれらのサイトの特徴は、まず第一に情報が多い事。そしてそれらの情報をユーザーに分かりやすくレイアウトするために自然と多カラムになるという事でしょうか。またカラム割りだけでなく、どんな情報をどこに置けばイイのか等、勉強になる点は多いと思います。情報系サイトを制作する時の参考になりそうです。
[CSS] Sticky (Fixed) SideNav Layout with CSS – CSSを使ってフレームのような表現を
CSSを使って、メニューバー固定のフレームのような表現をするというTips記事。昔よくありましたよね、サイドメニューが固定でコンテンツエリアだけがスクローラブルなサイト。今それをやると「えぇっ！？」って話になっちゃいますが、機能面を見ればあれはあれで使いやすいインターフェースだと思います。スクロールするとJSで追従してくるというUIもよく見かけるし。んでこの記事では、CSSだけを使ってサイドメニューを固定してます。デモはこちらから。スクロールすると右側のコンテンツエリアだけが動いて、左側のメニューバーは固定されてます。JSを使った表現のように動きこそありませんが、実用的で手堅い見せ方ですね。特に縦方向にページが長くなりがちなサイトに有効のような気がします。