都内でWEB作ってます。(2)画像の下にできる隙間をなくす方法。Comment画像をdivやh1タグなどのブロック要素に入れると画像の下に数ピクセルほどの隙間ができてしまいます。気にするほどのことでもない範囲ではありますが、デザイン上1pxのずれもだしたくない場合はこの不要な余白を取り除く必要があります。ここではそれを解決する3つの方法を紹介します。Comment背景の明度を自動的に判別し、要素の色を最適化してくれるスクリプト「backgroundcheck」を紹介します。CommentsMacBookAirにWindows8をインストールして使っていますが、OSによって操作方法が若干違うために使っていて違和感を感じることがよくあります。Macではトラックパッドのスクロール方向をナチュラルにしているので、Windows8のスクロール方向とは逆になってしまい、OSをスイッチする度に「あれ?スクロール方向はどっちだったかな?」と混乱してました。そんな状況を打開するために私がした3つの設定を紹介します。readingpositionのabsolute指定で親要素の高さが潰れてしまったときの対処法。Commentpositionを多用してレイアウトしていると親BOXの高さが潰れてしまうことがよくありますね。デザイン上問題なければそのまま放ったらかしにしてもよいのですが、CSSなどで親要素を装飾したい場合はしっかり高さを復活させてあげましょう。Comment画像を画面の中心に配置する方法です。Webページをレイアウトする上で一つ重要になってくるのが、様々な大きさ(解像度)のスクリーンでも崩れることなく表示させるようにすることですよね。いうことは、パソコン、タブレット、スマートフォンの端末からアクセスを想定して作ることになります。パソコンのスクリーンだけでも小さいものから大きいものまであるので一概に「このサイズで作れば大丈夫」というのがありません。768pxも実は一番解像度の低いパソコンのスクリーンを想定したサイズです。そのような様々なスクリーンサイズがあるなかで、常に画像が背景の中心に表示させるようにするにはどうしたらいいのでしょうか。実はCSSやJavascriptを駆使するたくさんの方法があり、中級者以上のかたにとっては「そんなの簡単!」という方がほとんどだと思いますが、コーディングを初めたばかりの初心者にとってはつまづくポイントだったりします。そんな方のために今回はcssを使った2つの簡単な方法を紹介します。