栞/#css
- 2007年7月
1枚の画像とCSSでスターレーティングの星を表示。
「キャンバスを表示する要素の違い」、標準準拠モードの有効/無効による配置コンテナの変化。
IEで透過PNGを表示させるためのHTC。
IEでa要素以外でもhover擬似クラスを有効にするbehaviorスクリプト。
Operaのwidget、CSSのヘルプを表示。
ユーザの体感速度向上のため、CSSは先に/JavaScriptは後に。
CSSハック、各ブラウザ対応表。
- 2007年6月
Google AdSenseのテンプレートいろいろ。
パンくずリストのデザイン、区切りPNG画像を使用、透過フィルタ。
進捗度合いをステップで表示、CSSの例。
リキッド/エラスティック・レイアウトの画像を拡大縮小する方法、サイドバーの背景を下まで伸ばす方法。
SEO観点から見た画像置換の是非。
JavaScriptで画像のロールオーバー。
IE7/Operaのzoom機能を考慮に入れてCSSレイアウト。
長い文字をうまい具合に改行させるための方法。
タブインタフェース作成例、素材配布。
タブインタフェースのレイアウト方法。
各フォントサイズの対応/換算表。
「li要素の背景にロールオーバー時の画像を配置しておき、a要素にマウスがかかった際にimg要素のvisibilityをhiddenにして対応しています。」
CSSによるレイアウトサンプル。