ウェブデベロッパー向けの、CSSやJSを使ったナイスなツールというかTipsが紹介されてます。オーバーレイするウィンドウ内DIV、任意DIVのハイライト、スライドするメニュー、コメント欄のオーサーフラグ、角丸DIVを透過、タグのグラフ化などがその内容。わりと具体的なものばかりです。見てるだけで「へーこんなことできるんだ」とか思います。頭の片隅にでも可能フラグ立てておくと、いつか使えるかもしんないっす。
知っておいて損はない、ウェブデベロッパーのための150のテクニック。150という数がスゴいですが、実際この記事ハンパないっす。1記事内の量がスゴいので決して見やすい内容というわけではありませんが、フォント関係、フォーム関係、Lightbox亜種、CSSを使ったTips、JSを使ったTips、スライドショー、表の表現、入力補助、CSSボタン制作のTipsなどなど、ジャンルを問わず盛りだくさんの内容です。全部確認せずとも、斜め読みしてるだけでイイのが見つかりそうな感じ。ウェブデザイナーやコーダーの人にオススメです。
CSSを使ってクールにデザインされた入力フォームが20例紹介されてます。サイトの中でわりと味気ない表現で終わってしまいがちの入力フォームだけに、デザインする余地がたっぷりある感じです。各リンク先ではソースも配布されているので、素材集としても優秀な記事。
CSSの勉強を初めてまだ間もない人、またはこれから始めるYO！という感じの人のための必読記事がまとめられてます。CSS初期化、IEにおけるボックスの扱いについて、CSSスプライト、CSSボタンの作り方、CSSで行うタイポグラフィー、CSS3についてなど。CSSリセット（初期化）についてはわりと必須とも言える知識ですね（最近じゃしない方がイイという意見もありますが）。CSSとXHTMLはセットで覚えて初めて現場で活きてくる技術なので、こうした勉強はしておいて損はないですね。「ウチの会社まだテーブルレイアウトだから」という人にこそオススメの記事。
jQueryとCSSを使って表現する多階層メニュー色々と、そのチュートリアル。大規模サイトでよくある、マウスオーバーするとサブメニューが出てくるアレです。紹介されている例の中では、サブメニューの中にさらにサブメニューがあるものもあります。あんまし細分化し過ぎるのも逆にナビゲーション悪くなっちゃいますが、コンテンツ量の多いサイトでは効果的な表現ですよね。
これは便利！ YouTubeやGoogle、Yahoo!などの、いわゆるCSSスプライトを使用したサイトでこのブックマークレットを使う事で、画像一覧をウィンドウ内にポップアップして表示してくれるというもの。導入の仕方は簡単で、“drag this link!”と書いてある“SpriteMe”のリンクをブックマークに放り込みましょう。これで準備はオッケー。後は見たいサイトに行って、このブックマークレットを選択するだけ。CSSスプライトが使われているサイトであれば、それ用の画像を見せてくれます。モダンなコーディングをしたいという全てのコーダーにオススメ。
水平のラインをうまく使ったウェブデザイン35例。初めて見るサイトがほとんどなのですが、どれもクールにデザインされていて勉強になります。いかにも最近のデザインという雰囲気がイイ感じ。デザインのネタ帳として是非これひとつ。
Javascriptを使わずに、XHTMLとCSSだけで行うLightboxっぽい表現。画像をクリックすると、Lightboxのようなフェード効果こそないものの、ちゃんとオーバーレイする形で画像がウィンドウ内でポップアップします。背景がグレーアウトする点も再現されてます。JSが使えない案件というのも実際にはあると思うので（ヘッダに1行書けないとか）、そんな場合に便利ですね。
