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

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

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

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

   

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

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

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

   

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

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

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

   

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

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

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

   

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

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

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

   

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

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

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

   

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

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

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

   

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

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

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

   

9. 画像が左側で右にタイトルと本文があるときのマークアップ

   • 2007/12/28
   • category:XHTML/CSS
   • Comment(0)
   • Trackback(0)

   今年もいよいよあとわずかになりました。年末は実家に帰省するのでこれが今年最後のエントリーです（実家にはパソコンなんていう近代機器はないので）。最後のエントリーは何にしようかと思っていたのですが、やはりマークアップの話しで締めようと思います。

   

10. IE7用のハック（*+html body）で指定したスタイルがOperaにも適用される

    • 2007/12/10
    • category:XHTML/CSS
    • Comment(0)
    • Trackback(0)

    僕は普段、IE7だけにスタイルを適用させたい場合「*+html body」を使用していたのですが、このハックで指定したスタイルがOperaにも適用される場合があるようなのです。

    

« 前のページ — 次のページ »