タグ

cssとhtmlに関するmaruyanmaのブックマーク (4)

  • 我的春秋: タグクラウドのマークアップ

    最近 巡回しているサイトで、ちょっと面白いエントリーがあったので、紹介がてら、自分でも考えてみようかと。 Marking Up a Tag Cloud (24 Ways) del.icio.us, Flickr, Technorati の (X)HTML ソースを比較しながら、タグクラウドの適切なマークアップについて考察しているエントリーです。といっても、著者の Mark Norman Francis は、これらにいきなりダメ出しをしています。いわく、「問題は、みんな間違っていることだ」(The problem is, everyone's doing it wrong.)と。

    我的春秋: タグクラウドのマークアップ
  • Reset Reloaded

    After a bit of time to bake and a few more suggestions from readers, I have what I’m willing to call the final version of my take on the topic of reset styles.  To wit: html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt,

    Reset Reloaded
  • 【特集】正式版完全対応! Internet Explorer 7 CSS攻略法 (18) 04-02 コンディショナルコメント | クリエイティブ | マイコミジャーナル

    IEでは、特定のIEだけにスタイルシートを適用する方法として、コンディショナルコメントと呼ばれる機能が用意されている。HTML/XHTMLのコメントを利用したもので、コメント内に外部スタイルシートを読み込む<link />を記述する。コメントは<!-- 〜 -->という形で記述することになっており、コンディショナルコメントを記述しても標準規格には違反しない。 たとえば、以下のソースでは文字の色を変える外部スタイルシートを3つ用意し、IE7にはred.css、IE6以下にはblue.css、IE以外のブラウザにはyellow.cssを適用するように指定している。なお、Macintosh版のIEはコンディショナルコメントに対応しておらず、「IE以外のブラウザ」として処理される。 用意したスタイルシート red.css: 文字を赤色で表示/li> blue.css: 文字を青色で表示/li> y

  • 画像の使用を極力控えてかっこいいCSSデザインをやってみよう大会

    この文書について この文書は、画像の使用を控え、スペース、ボーダー、配色などを駆使し、どれだけ美しいCSSのデザインが作れるか、皆で挑戦しよう!という試みです。 CSSといくつかの画像を用いてレイアウトを行っています。 まとめサイトが無い気がするよ 世間には、イケてるCSSデザインを集めた、CSSショーケース、CSSギャラリーと呼ばれるサイトがいくつか存在します。 ところが、そういったサイトの多くは、画像を沢山用いたグラフィカルでリッチなデザインのCSSデザインばかりです。私は、そんなギャラリーを見るのが趣味だったのですが、次第に飽きてきてしまいました。そして、シンプルなデザインを好むようになりました。 誤解をして欲しくないのですが、CSSのショーケースやギャラリーに掲載されているサイトのデザインはとても優れています。単に、私が求めているものとは、違ったというだけのお話です。 そこで私は、

  • 1