月別アーカイブ 2007年02月

前後の月

lucky-bag.com ドメイン内ページの被リンク数トップ 10

この記事が属するカテゴリー
web&blog

そんな感じのネタををどこかがやってるのを見た気がするのでウチのも調べてみた。Google ウェブマスター ツールで外部リンクのテーブルを落として、ソートしてみた現時点での結果は以下の通り。

  1. トップページ
    被リンク数 : 5814
  2. 背景画像に使える透過 GIF
    被リンク数 : 1757
  3. IE7 を含むモダンブラウザ向けの CSS ハックまとめ
    被リンク数 : 1726
  4. ピュア CSS なプレゼン用スライドショー
    被リンク数 : 1440
  5. CSS3 の target 疑似クラスで脚注を動的に表示する
    被リンク数 : 1297
  6. CSS デザインギャラリー
    被リンク数 : 1116
  7. line-height の値には単位なしが良いとされる理由
    被リンク数 : 1051
  8. 個人的に気に入ってるユーザースタイルシート
    被リンク数 : 1017
  9. 使用中のブラウザの CSS セレクタ対応状況をチェックできる CSS Selectors testsuite
    被リンク数 : 1013
  10. CSS を作成する際のお約束
    被リンク数 : 936

リンク元のドメインは圧倒的に hatena.ne.jp が多いのだけれども、はてなブックマーク - www.lucky-bag.com の人気エントリーの上位 10 件とは同じ結果にはなっていないのね。多分、ブックマークしたものをダイアリーの方に表示している場合なんかは、そっちも拾われてカウントされているみたいだから、新しめの記事でなおかつブクマ数の多さってのがポイントなのかも。ちなみに、ドメイン内すべての総被リンク数は 34922 。ホントかよ。

2007-02-24T16:35:51+09:00 | コメント (0) | トラックバック (0) |はてなブックマーク

「実践 Web Standards Design」という本を書きました

この記事が属するカテゴリー
Misc

お知らせというか宣伝。九天社より出版される「実践 Web Standards Design - Web 標準の基本と CSS レイアウト &Tips」の執筆をさせて頂きました。3ping.org の wu さんと hxxk.jp の真琴さんとの共著です。2007 年 2 月 23 日頃 から書店に並び始めるみたいです。Amazon にはまだ載っていないようです。ちなみに、カバーデザインを見せて頂いた瞬間から執筆者の間では通称「ホップ本」（真琴さん命名）ということになってます。たぶん。

「実践 Web Standards Design」のカバー画像
  • 書籍名 : 実践 Web Standards Design - Web 標準の基本と CSS レイアウト &Tips
  • ページ数 : 436 ページ
  • 定価 : 3,200 円

最初に wu さんから共著のお誘いを頂いたのが 2006 年の 5 月頃。6 月に行った打ち合わせ後の著者 3 人での飲みは、気のせいかもしれないけど下ネタで終わったような気もします。そして、7 月頃から執筆作業に入り、2006 年内刊行予定だったのが色々とあって、結局、総ページ数 436 ページとボリュームアップしてようやく刊行の運びとなりました。

九天社の大内さん、および出版に関わった全ての方々にこの場を借りて感謝申し上げます。特に大内さんには色々とご迷惑をおかけしました。著者校を 2 回もとっていただき、おかげさまで納得のいく校正ができました。

書籍の内容

内容としては、真琴さんが (X)HTML および CSS の基本を仕様面から解説、wu さんによる float や position によるレイアウト方法の解説、またそれらの実践的なレイアウトパターン、そして最後に Tips ってな感じです。著者 3 人の特徴が良く出ている構成になっていると思います。

Tips では、このサイトで紹介しているものもありますが、それらについては、より詳細に解説していたりします。Tips の内容をそのまま使って頂いても良いのですが、そこからヒントを得て他のアイデアに応用したり、肝となる部分のコードを抜き出してガリガリとコードを書いてみたりしてください。たぶん、色々と見えてくるものがあると思います。最後に、目次を載せておくんで購入の参考にしてください。

「実践 Web Standards Design」の目次

  1. 1 章 Web Standards の基本
    1. Web Standards とは
  2. 2 章 (X)HTML の基本
    1. HTML と XHTML に共通して覚えておくべきこと
    2. HTML と XHTML における違い
    3. (X)HTMLはまず文章ありき
  3. 3 章 CSS の基本
    1. これだけは守らなければならない書式
    2. 心がけるとメンテナンスしやすい書式
    3. CSS 管理のコツ
    4. 視覚整形フォーマット
  4. 4 章 float プロパティを利用したレイアウト
    1. 寄せと流し込み
    2. 重なったブロックボックスにマージン
    3. 複数フロートの横並び
    4. ネガティブマージンを利用したレイアウト
    5. float プロパティを利用したレイアウトの使い分け
    6. フロートしたボックスを含む親ボックスの高さの算出
  5. 5 章 position プロパティを利用したレイアウト
    1. 指定できる 4 つの配置方法
    2. 絶対配置を利用したレイアウト
    3. 固定配置を利用したレイアウト
  6. 6 章 実践レイアウト
    1. レイアウトパターン
    2. 複合レイアウトで情報を整理したブログページの制作
    3. ボックスを自由に配置したページデザイン
  7. 7 章 XHTML&CSS Tips
    1. トピックパスのマークアップ
    2. outline プロパティによるドロップシャドウ
    3. Mac OS X の Dock 風ナビゲーション
    4. CSS による自動番号付け（カウンタ生成）
    5. CSS でフォトギャラリー
    6. アイコンリモート表示メニュー
    7. CSS を使って画像をポップアップ表示
    8. CSS だけで動作するドロップダウンメニュー
    9. 背景画像を利用したロールオーバー効果
    10. visibility プロパティを利用して img 要素をロールオーバー
    11. さまざまなブラウザでフォントの見栄えを揃える CSS ライブラリ
    12. IE 6以下での子供セレクタの使用
    13. 印刷用 CSS の作成
    14. line-height プロパティの指定値
    15. 定義リストの dt と dd を横並びさせる
    16. 背景画像を利用して訪問済みリンクを一工夫する
    17. img 要素のサイズを CSS で指定
    18. position プロパティを利用して要素を画面中央に固定
    19. position プロパティでフッタを常に画面の下部に固定
    20. 行ボックスの高さで垂直センター配置
    21. 背景画像を利用した画像置換
    22. リンク先のファイルタイプを CSS で明示する
    23. CSS でフォームをスタイリング
    24. モダンブラウザ向けの CSS ハック
  8. Appendix
    1. DTD の読み方ガイド
    2. DOCTYPE スイッチの一覧表
    3. CSS 2.1 の各プロパティリファレンス

関連エントリー

2007-02-20T23:00:00+09:00 | コメント (16) | トラックバック (6) |はてなブックマーク