知っておいて損はない、ウェブデベロッパーのための150のテクニック。150という数がスゴいですが、実際この記事ハンパないっす。1記事内の量がスゴいので決して見やすい内容というわけではありませんが、フォント関係、フォーム関係、Lightbox亜種、CSSを使ったTips、JSを使ったTips、スライドショー、表の表現、入力補助、CSSボタン制作のTipsなどなど、ジャンルを問わず盛りだくさんの内容です。全部確認せずとも、斜め読みしてるだけでイイのが見つかりそうな感じ。ウェブデザイナーやコーダーの人にオススメです。
ウェブデザインにおける例外的なデザインのサイトが30例紹介されています。「例外的」とはこの場合どういう事かというと、例えば横スクロールだったり、JSを使ったページ内遷移しかないサイトであったり、極大イメージを使った画像一発モノのデザインであったり、その「例外」っぷりは様々です。けど一貫して言えるのは、どのサイトもJSを使った新たなUIを模索しているという点。「例外」の対義語である「通例」が、必ずしも優れたUIだとは限らないからです。こういう野心的なサイト制作って、実際関われる機会こそ少ないけど、デザイナーにとってはやり甲斐のある仕事ですよね。
jQueryを使ったナイスなJSやそのチュートリアルが55個まとめられています。よく見かけるスライドやフェード系の動きのあるJSや、スタイルスイッチャー、タブ表現、グラフ化など色々まとめられてます。見てるだけでも「へーこんなことできるんだ」的な発見があるかもしれません。
55 Jquery Tutorials, Resources, Tips And Tricks: Ultimate Collection >>
興味深いjQueryプラグイン10種。フォームの自動ハイライト、DIVスライダー、フォトスライドショー、リンクの自動Favicon表示、パンくずリスト生成、ページの端がめくれた表現などが紹介されています。以前は画像が担当してたような事を、最近じゃJSサイドで行う事が増えたなーという印象。生産性とか汎用性の観点から見れば好ましい変化ですよね。まぁデザイナーからコーダーに仕事が移ったというか。
MacOS Xのドック風のメニュー表現。jQueryを使って、まさにそのものという動きに仕上がってます。さらにホットなのが、Leopardから実装されたStack（書類フォルダとかのあの動き）からのポップアップまで再現されてるという点。サイトのメニュー表現で遊びたい時なんかにイイんじゃないでしょうか。
iPhoneのスライドボタンのインターフェースを、Javascriptを使って再現したもの。iPhone同様、マウスによるスライド操作にも、OnやOffのボタンクリックにも対応しています。ただしスライド操作の場合は、マウスアウトの場所が結構シビア。iPhoneユーザー的にはついついスライドさせちゃいますが、実際にはクリックによる操作の方がやりやすい感じ。ウェブのインターフェースにiPhone臭さを取り入れたい場合にとってもナイス。
