アーカイブ::XHTML/CSSのエントリー一覧

1. font-familyの憂鬱

   • 2008/06/03
   • category:XHTML/CSS
   • Comment(0)
   • Trackback(2)

   最近font-familyの指定で悩んでます。少し前までは、下記エントリーのような理由で、ヒラギノ→メイリオ→MS P ゴシックみたいな感じで指定していました。
   CSSのfont-family：ヒラギノとＭＳ Ｐゴシックとメイリオの悩ましい関係

   

2. DreamweaverCS4のベータ版でLiveView機能を試してみた

   • 2008/05/28
   • category:XHTML/CSS
   • Comment(0)
   • Trackback(0)

   DreamweaverCS4のベータ版が出たので、一番気になっていたLiveViewの機能を早速試してみました。LiveViewというは、CS4の新機能で、safariにも搭載されているレンダリングエンジン、webkitでレンダリングしてプレビューできる機能です。

   

3. font-sizeのパーセント表記一覧

   • 2008/05/16
   • category:XHTML/CSS
   • Comment(5)
   • Trackback(0)

   自分用のメモです。font-sizeはpxやptなどで指定するとIEで拡大、縮小ができないので、パーセントなどで指定することが多いと思います。しかし、パーセントで指定すると、ブラウザごとに大きさが違ったりします。そこで、基本サイズが12px～16pxのときに10px～26px相当を表示するパーセントの数値を計算して、各ブラウザで確認したものをまとめました。

   

4. target疑似クラスを用いて、CSSのみでLightBox風UIを実現する方法

   • 2008/04/21
   • category:XHTML/CSS
   • Comment(2)
   • Trackback(0)

   DesignWalkerさんのScriptを使わないCSSエフェクト、Tipsいろいろというエントリーの中に、「Scriptを使わないLightbox」というのがありました。本当にCSSのみで実現させていて、すごいなぁと思ったのでやり方を紹介します。

   

5. 上下中央ハックの別の使い道

   • 2008/03/28
   • category:XHTML/CSS
   • Comment(2)
   • Trackback(0)

   最近話題になっていた、ヨモツネットさんのCSSで簡単に上下中央揃えを実現する方法ですが、ちょっと別の使い道もあるなと思いました。

   

6. IE6でmin-widthを実装する方法のまとめ

   • 2008/03/26
   • category:XHTML/CSS, javascript
   • Comment(2)
   • Trackback(0)

   先日書いたmin-widthとmin-heightに関する記事の補足です。以下のようなコメントをいただいたのでIE6でmin-widthを実装する方法をまとめました。

   

7. IE6のmin-width、min-heightハックに関して

   • 2008/03/25
   • category:XHTML/CSS
   • Comment(11)
   • Trackback(0)

   CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』
   という記事を見かけたんですが、min-widthってこれじゃダメな気がするんです・・・

   

8. h7以上の見出しをマークアップすることのことを考えてみる

   • 2008/02/14
   • category:XHTML/CSS
   • Comment(4)
   • Trackback(0)

   HTMLで見出しを表すためにはh1～h6要素が用意されています。しかし、7以上のレベルの見出しを必要とする場合の要素は用意されていません。

   

9. FireFoxのアドオンHtml Validatorについての覚え書き

   • 2008/02/07
   • category:XHTML/CSS
   • Comment(2)
   • Trackback(0)

   マークアップをする人は必ずHTMLのバリデーションを行うと思うんですが、そんなときにすごく便利なFirefoxアドオンがHtml Validatorです。いちいちlintやW3Cバリデーターを開いてバリデーションするのって結構面倒でじゃないですか？このアドオンを入れておくと、ブラウザの表示チェックと同時にバリデーションできます。

   

10. Re:検索結果ページのマークアップ

    • 2008/01/25
    • category:XHTML/CSS
    • Comment(0)
    • Trackback(0)

    最近寒いですね。天達も今日は今年一番の寒さだと言っていました。
    まぁそんなことはどうでもいいんですが、Go my wayさんのエントリーで検索結果ページのマークアップというエントリーがあったので自分なりの考えを書いてみることに。

    

次のページ »