タイトルだけじゃ何の事か分かりませんね。左のサムネール上部にある“Switch View”ボタンをクリックする事で、リスト表示の方法を変更するというJS。デモページで触ってみるとだいたいどんなものか分かりますが、これってECサイトとかでスゴくナイスな気がする。基本サムネール表示で、詳細表示にすれば遷移なしである程度の商品詳細が見れるっていうような配慮って、なかなか気が利いてるような気がします。
CSSと、あとソース見たところjQueryを使ったToolTip。リンク上にマウスオーバーすると、リンク先の解説が見れるというもの。こういう配慮って地味に親切ですよね。いつか何かに使えるかな、という感じの備忘録。
ウェブデベロッパーなあなたなら、知っておいて損はないCSSに関するTipsまとめ。おなじみCSSの初期化から、100% Height、ブラウザウィンドウ下部に張り付くフッター、CSSで描く角丸DIVといった感じで、方法までは知らないまでも、可能だという事くらい知っておいても悪くないですよね。それぞれリンク先でXHTMLとCSSの記述例が掲載されてます。コーダーのみなさんの引き出しの拡充に是非これひとつ。
SmashingAppsの選んだ、2月アツかった色々、という記事。これが見てると実際アツいんです。デザインやフォトレタッチに関するもの、JSに関するもの、CSS周り、フォント、テクスチャ、アイコンといった感じでジャンル分けされて紹介されてます。っていうか1ヶ月でこれだけ色々なものが生まれてくる業界なんだもんなぁ。全部を追おうとすると疲れちゃうけど、こうしてまとめてくれる人がいるのは助かりますな。
jQueryを使って、来るべきCSS3で使えるようになるテクニックを先取りしちゃおう！みたいな記事。角丸のDIVボックス、ボーダー部にイメージ配置、バックグラウンドに複数のイメージ配置、テキストへのドロップシャドウ、透明度の設定などが紹介されてます。っていうか色々便利になるんだなぁ。デザイナー的にこういうのって待ち遠しいですな。まぁ着いていくのが大変と言えば大変だけど。
5 CSS3 Techniques For Major Browsers using the Power of jQuery >>
CSSだけで描く折れ線グラフ。この前WebCreators誌で書いた記事では、CSSを使って棒グラフを描くというネタをあつかったけど、やろうと思えば折れ線グラフもイケちゃうんスね。グラフ描画を実現する理屈についても解説されてますが、途中で頭痛くなりました。制作業務にガチで役立ちそうなTipsです。
メジャーなCSSフレームワークが5個と、それぞれのチュートリアルが紹介されてます。いやもうCSSだってフレームワークだそうですよ奥さん。わたしゃつい最近自前のフレームワーク作りましたってば（数行）。いやそういうのはフレームワークとは言わないか。こういうの使った事ないんだけど、ガッツリ今時な巨大、もしくは多機能サイトを作る時には必要になってくるんでしょうね。こういうのも勉強しないとなー。貧乏暇なしってこのことだな。
5 Popular CSS Frameworks + Tutorials & Tools for Getting Started >>
最近アツい動画サービス、Vimeoのナビゲーションの作り方。あのナビゲーション、使いやすい上にデザイン的にも変わってて結構好き。ソースのダウンロードもできるので、似た仕組みのナビゲーションを自作してみるのもイイかも。というか個人的にはいつか使いたいという感じ。このインターフェース好きなんだよねー。
