タグ

2013年2月3日のブックマーク (3件)

  • clearfix のアレンジ版作ってみました - understandard

    Firefox 3.6 が clearfix の影響で margin-bottom が margin-top にもかかるという話を聞いて、普段使ってた clearfix で試してみたところ、同様の現象が出たので、対応版を作ってみました。 追記(2012年2月7日): 公開当初のコードでは問題があったので、最後に追記しました。 ネタ元の記事は以下。 firefoxでmargin-bottomがmargin-top | 乱雑モックアップ この記事で紹介されていた clearfix は以下ようなもの。 僕はこの指定から height:0; を抜いたものを使っていました。 .clearfix:after{ content: ''; display: block; clear: both; height: 0; } .clearfix{ /zoom: 1; } この記事の公開時点(2012年2月1日

  • hasLayout メモ - understandard

    IE7に付いたズーム機能を使って拡大・縮小したときに body に指定した背景画像が拡大・縮小されず、理由が分からず困ったことがありました。 「原因は haslayout の値が false になっているから」 隣にいた同僚にそう教えてもらってなんとかズーム機能に対応はできましたが、今後同様の事例が出た時に困らないようにメモ。 で hasLayout って何? hasLayout は IE 独自のプロパティで、各要素がレイアウト情報を持っているかどうかを示すもののようです。 上に書いた背景画像の拡大・縮小時のバグは hasLayout プロパティの値が false になっている場合に起こるそうです。 その他のバグの情報は Microsoft の Internet Explorer 7におけるズーム機能の問題 ( http://support.microsoft.com/kb/933053/

  • 黒髪キャラを「黒以外」の色で塗る場合のチェックポイント - ピアノ・ファイア

    「自然の黒」は「絵の具の黒」じゃない 小中学校の美術の授業で習ったことがあると思うのですが、絵の具で人間の髪の毛を塗る場合、「黒の絵の具だけで色を出すな」と教わりませんでしたか? ぼくの母校では、何も知らない生徒が真っ黒にベタ塗りしてから「なんか変だぞ」と悩んでいるところに、先生が「ちょっとだけ緑や茶色を混ぜればいいよ」と教えてくれていたものでした。 (同じように、「肌色」を真っ茶色やピンクに塗ってしまった生徒にも「ほんのちょっとだけ緑を混ぜよう」と教えていたのを良く覚えています。) 光の反射で色が変わる 専門的な絵画の技術としては「黒は三原色の混色で作れ、絵の具の黒は使うな」と指導されることもあると思います。 なぜ「黒の絵の具」をそのまま使わないのか、美術の基から考えてみましょう。 美術史の発展にともない、「ものの色とは、もの自体に色があるのではなく、ものが反射する光の色なのだ」という

    黒髪キャラを「黒以外」の色で塗る場合のチェックポイント - ピアノ・ファイア