タグ

ブックマーク / www.lucky-bag.com (6)

  • IE6で閲覧するとモノクロ - lucky bag

    IE で閲覧するとアナログって出るようにするネタに乗っかって、IE で閲覧すると全部モノクロで表示させるようにするのはどうか的なネタ。一応、スターハック使って IE6 だけ。 * html { filter: gray; } レンダリング重くなる :P Twitter / hamashun: IE6を使って閲覧すると右上に『アナログ』って出るよ ... IE6で閲覧すると。|CSS HappyLife

  • 俗に言う clearfix と言われるコードのバリエーション色々 - lucky bag

    clearfix ネタに乗っかってみる。 スタイルシートをめぐる冒険: CSS実験室: clearfixの決定版を作る -モダンブラウザ編- clearfixはちゃんと考えられてた .clearfix:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; } .clearfix { _height: 1px; min-height: 1px; /*¥*//*/ height: auto; overflow: hidden; /**/ } ホップでもうーたんが解説してるんだけど、構造に手を加えずに float を clear させるためのいわゆる clearfix ってやつ。結構色々なサイトで紹介されているのを目にすると思うけど、最初の content 生成して clear させる

  • CSS フィルタリング一覧表 - lucky bag

    centricle.com が纏めた、ブラウザごとの CSS フィルタリング一覧表。 特定のブラウザを CSS ハックを使って弾きたい場合なんかに、この一覧表を参考にすると良いかも知れない。各規則をクリックすると、サンプルソースコードを見ることが出来、尚かつ、詳細を知りたい場合は、ボックスモデルハックなら Tantek にリンクしてあったりと、纏めサイトっぽい感じ。

    akbd
    akbd 2009/03/10
  • Safari に CSS を適用させない方法

    And all that Malarkey で紹介されていた Apple 謹製 ブラウザ Safari に CSS を適用させないメソッド、Malarkey Safari Import Hack 略して MSIH 。果たして、使う機会があるのかが疑問だったりもするし、IE であればまだしも、Safari の場合はバグ修正されてしまうのも時間の問題だろうなぁとか思った。ま、とりあえず、メソッドとしては下記の通り。 /* これ以降、Safari は読み込まない */ @media all { @import url(hoge.css); /* ここに適用させたくないコードを */ } /* ここまで */ 不思議なことに、Safari は @media 内に @import を置くと、@media 内の指定を全て無視してしまうらしい。Safari 1.3.1 で確認してみたところ、確かに無視さ

  • Lucky bag::blog: 維持しやすい CSS を考える

    wg:Maintainable CSS CSS を維持・管理していく上で、保守性の高い CSS を作成するにはどういったことを意識して作成するだろうか。上記サイトでは個人的な好みと前置きし、いくつかアイデアを述べている。コメント欄なんかでもちょっと盛り上がってて、激しく同意できる部分もあったりそりゃ違うなとか思ったりと、色々と考えさせられた。 CSS を作成する際に自分が考えること 自分でも改めてまとめてみると何か新しい事が見えてくるかもしれないし、コメントで何かヒントやアイデアを教えてくれる人も居るかもしれないなぁとか思ったんで、ちょっとまとめてみた(上記サイトと被ってるのが多いけど)。 CSS ファイルの肥大化を抑えるよう、作成中にボツになったスタイルは必ず削除しておく。頻繁にスタイルを変えるような場合は、指定する必要のないスタイルが残っていないかチェックする。 どれだけ些細な事でも、

    akbd
    akbd 2009/03/10
  • CSS ハックまとめ Lucky bag::blog: IE7 を含むモダンブラウザ向け

    Internet Explorer 7 は、 8 月にも beta3 がリリースされるかも知れないんだけど、今現在、IE7 beta2 を含むモダンブラウザに有効そうだと思われる CSS ハックを自分用にまとめておく。以前に IE 7 用の CSS ハックを紹介したことがあったけど、今回の Easy CSS hacks for IE7 - Nano See, Nano Do で紹介されていたハックは、比較的シンプルかも知れない。想定ブラウザは下記のとおり。 バージョン 6 以下の IE IE7 それ以外のモダンブラウザ(Safari、Opera、Firefox) ブラウザごとのハック 全てのサンプルは body 要素を指定の対象としている。 バージョン 6 以下の IE にのみ適用 * html body サンプルページ バージョン 7 の IE にのみ適用 *+html body サンプ

  • 1