CSS HappyLifeさんからの引用
さて、CSSってある程度覚えてしまえば思った以上に簡単に組めたりして、何となく組めている気がするって思ったりしないっすかね。もしくは、その逆になーんかイマイチ成長してないようなって感じてる時とか。そんな状況のときに、今よりちょっとだけコーディングのクオリティや効率を上げるのに意識する事とかやっておくべきこととかを思いつくままに上げてみます。
繰り返しの背景画像を小さく切り過ぎてはいけない
CSSを書くときのポイント・心得を19個ほど挙げ連ねてくれています。（まだ増えるかもしれないとのこと）
すべて勉強になりますが、次のことは曖昧だったので明確になって良かった。やはり、それなり大きい方が良いのだね。現状、ヘッダ部分の背景なんかが10×10なので、もう少し大きくしてみようかな。（以下、引用）
「繰り返しの背景画像を小さく切り過ぎないよーに。」：容量を抑える目的でリピートさせる系の背景を切る時に、最小サイズで切って並べると、レンダリングスピードがかなり落ちて、PCにも意外と負荷が掛かってしまう。横で繰り返す画像の場合、1px×50pxとかで切らずに20px×50pxとかで切った方が実は早かったりする。時代遅れな低スペックマシンでやってみるとその差が体感できるんす。
IEではまらないための方法
次のことも何となく耳にしたことはあるのだけれど、まさか「zoom」がそんなに万能だとは思わなんだ。覚えておこう。
引用：「IEではまらないよーに。」：IE6/7で変だなっていうときは、何も考えずにとりあえず「zoom: 1;」を試してみれば、9割方問題が解決しちゃったり。zoomプロパティはIE独自なので、使いたくない人はwidthプロパティの指定をするとかで乗り切れちゃいます。IE6だけ変だぞ？っていう場合、「display: inline;」やってみると直ったり。如何にIE対策を早い段階で覚えるかってのも作業効率を上げるには重要だと思うっす。
平澤さん、勉強になりました。ありがとうございます。
コメント
コメントするには、サインインが必要です。
また、SPAM、誹謗中傷などの不快なコメントは、当方の判断で削除させていただきますので、予めご了承ください。
コメント入力欄