CSSを使ってデザインされた、クールなリストスタイル。実際コーディングする時にul, liタグってメニュー周りでよく使いますよね。メニュー表示以外でもこんな使い方もイカすだろ！みたいな作例が色々と紹介されてます。いくつか見てみたけど、こんな事もできるのかーみたいなのもあって勉強になります。
CSS-Styled Lists: 20+ Demos, Tutorials and Best Practices >>
最近じゃ目にする機会も増えたHTMLメール。けど会社などでウェブ系の仕事してる人って、配信する側の人もいたりするんじゃないでしょうか。そんな時に便利なのがこの記事。各種あるメールソフトのCSS対応状況がまとめられてます。メールソフトの表示ウィンドウ内でレンダーできるCSS定義についてのチェックシートは、配信する側にとっては心強いですね。個人的にはOutlook ’07, Mac Mail, Thunder Bird 2あたりさえ押さえておけばイイような気がします。
幅やカラム数、フォントの大きさを変更できるJavascript。サイトを閲覧するユーザー側でそれらを見やすいよう変更できるという点がナイス。もちろんこれにより、サイトオーナーにはデザイン的な工夫が求められるだろうけど、なかなか新しいんじゃないでしょうか。記事下部より実際に動いているデモと、ダウンロードが行えます。
CSSでデザインする事を前提にしたXHTML記述をコピペする事で、CSSの定義名一覧を出力してくれるサイト。これなかなか便利。CSSで何て定義名に関して記述すればイイのか分かります。「よく考えたらこのclass指定いらなかったな」といった発見もあるかも。だいたいのコーダーの人は、XHTMLから書き始めてその後でCSSを書くと思うので、CSSを書き始める際にここから定義名一覧を出力しておけば、凡ミスが防げたりするかもしれません。
ブログのデザイニングにおいて、コメント部分というのは地味かもしれないけど個人的には見せ場だと思っている俺です。といってもmBlogのコメント部はテキトーにしか作ってませんが。こちらの記事では、ナイスなコメントの見せ方が30例ほど紹介されてます。これ参考になるなー。いずれ参考にしたいなーと思えるものばかり。勉強になります。
自由に使えるウェブのテンプレート集。XHTML 1.0に準拠して、テーブルを使わずにレイアウトしたものだそうです。数が結構豊富にあるので、いちからサイト作れない人にとっては便利かも。デザインもわりとしっかり作ってあるものが多いですね。
CSSでデザインされたメニューのジェネレーター。“Start Now – Free!”を押すと始まります。メインメニューだけでなく、サブメニューについても指定でき、指定できる項目やテンプレートの数も豊富。テンプレートの指定は、右側にある“Menus Catalogue”タブから選ぶ事ができます。最近のオンラインジェネレーターって多機能なんですね。
知っておくとハッピーになれそうなCSSトリックが12個紹介されています。画像なしで丸角を描く、テーブルなしでフォームを整形、テキストにグラデーションをかける、縦方向にセンタリング、class指定の重ねがけ、p要素の最初の1文字だけ大きく表示、といった感じのTipsが盛りだくさん。コーディングする際の参考になりそう。
