CSSを使ってデザインされた、クールなリストスタイル。実際コーディングする時にul, liタグってメニュー周りでよく使いますよね。メニュー表示以外でもこんな使い方もイカすだろ！みたいな作例が色々と紹介されてます。いくつか見てみたけど、こんな事もできるのかーみたいなのもあって勉強になります。
CSS-Styled Lists: 20+ Demos, Tutorials and Best Practices >>
よく見てるSmashing Magazineになかなかナイスな記事が。フリーで配布されているエクセレントなアイコンのまとめ記事です。結構クオリティ高めのアイコンが多数紹介されてます。見た感じアップル関係のものが多いなーという印象。こうした素材って結構お世話になること多いですよね。
ウェブサイトの壁紙に最適なタイル表示できるリピート画像のジェネレーター。多数のパターンが用意してあり、パターン、背景色、キャンバス地（質感）、サイズ調整、ロテイトなどを調整しつつ生成できます。ある程度イイ感じに出来上がったら、“Apply background”をクリックすることでサイトそのものの背景に指定して確認もできます。他の人が作ったナイスなパターンも紹介されてます。一時期サイトの背景にパターンを使わなくなったけど、最近こういう背景使ったクールサイト多いですよね。多機能な事もあって結構実用的なジェネレーター。
これ素晴らしい。ユーザーがフォームのフリガナ欄に入力する手間を省いてくれるというJavascript。リンク先にサンプルが用意されているので、試しに“お名前”欄に入力してみましょう。リアルタイムにフリガナが入力されていくのが分かると思います。導入も簡単そう。ユーザーの事を考えた素晴らしいアイデアですね。
渦巻き、カール、花模様といった類のフォトショップ用ブラシファイルを集めた記事。自分の場合コレ系の模様ってたまに仕事で使うので、とってもありがたいまとめ記事。フェミニンなデザインする時にイイ感じ。各配布元にリンクが張られているので、使用に関してはそれぞれの使用許諾を参照してくださいな。
ウェブの制作をする上で、わりと早い時期に決めなきゃならないのが背景色と文字色。こちらのサイトでは、その組み合わせを簡単に試す事ができます。右側にズラっと並んでるカラーパレットをクリックするとサイトの背景色が変わり、別の色の上にマウスポインタを乗せる事で左側に表示されているテキスト色が変わります。サクっと色の相性を確認できるので、結構便利。クライアントとの打ち合わせ時にも使えそうです。
2カラムのサイト制作時に便利かもしれないサイト。1対1.618とされる黄金比の比率となるよう、それぞれのカラムの数値を出力してくれます。左側の“Start with Container”では全体のWidthから算出でき、右の“Start with a Column”ではどちらか片方のカラム幅から、他方のカラム幅を算出できます。ウェブデザインというのはごく最近始まった仕事であり作品形態ですが、何かをデザインする事そのものは昔からずっと続いてきたものです。そういう意味じゃ過去の賢人たちから学ぶ事も多くて当然と言えるような気がします。
