2007年06月05日

世界の「最先端」事例に学ぶCSSプロフェッショナル・スタイル

「Web Designing」誌のCSS Analysisのコーナーの書籍化です。
CSSの勉強のために読みました。
世界のプロフェッショナルなサイトを分析しつつ、そのテクニックを紹介しています。
特に参考になったのはhover時の画像の変化を画像の座標指定で行う方法です。
ロールオーバー時に画像を入れ替える場合に、その数分の画像を用意しないといけなかったのですが、すべての状態をつなげた画像を1つ用意して、CSSで表示座標を切り替えて、必要な画像を表示するテクニックです。
基本的なCSSのテクニックやブラウザ対策のCSSハックネタも満載しているので、非常に有意義な本です。
CSSとJavaScriptの組み合わせで実現している機能もあるのですが、JavaScriptの部分のソースは記載されていないのが残念でした。
サイトのURLが紹介されているので、実際に確認してみるのもよいかと思います。


世界の「最先端」事例に学ぶCSSプロフェッショナル・スタイル
大藤 幹
毎日コミュニケーションズ (2005/12)
売り上げランキング: 146285
おすすめ度の平均: 4.5
5 ナゼcssを使うのがイイのかが分かる1冊。
4 基本を学んだ人のHack&Tips書として
4 本としては読みやすい


posted by jp1bxx at 06:51| 東京 ☀| Comment(0) | iPod | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
※ブログオーナーが承認したコメントのみ表示されます。

広告


この広告は60日以上更新がないブログに表示がされております。

以下のいずれかの方法で非表示にすることが可能です。

・記事の投稿、編集をおこなう
・マイブログの【設定】 > 【広告設定】 より、「60日間更新が無い場合」 の 「広告を表示しない」にチェックを入れて保存する。


×

この広告は1年以上新しい記事の投稿がないブログに表示されております。