都内でWEB作ってます。Web-Design画像の下にできる隙間をなくす方法。Comment画像をdivやh1タグなどのブロック要素に入れると画像の下に数ピクセルほどの隙間ができてしまいます。気にするほどのことでもない範囲ではありますが、デザイン上1pxのずれもだしたくない場合はこの不要な余白を取り除く必要があります。ここではそれを解決する3つの方法を紹介します。Comment背景の明度を自動的に判別し、要素の色を最適化してくれるスクリプト「backgroundcheck」を紹介します。readingpositionのabsolute指定で親要素の高さが潰れてしまったときの対処法。Commentpositionを多用してレイアウトしていると親BOXの高さが潰れてしまうことがよくありますね。デザイン上問題なければそのまま放ったらかしにしてもよいのですが、CSSなどで親要素を装飾したい場合はしっかり高さを復活させてあげましょう。Comment画像を画面の中心に配置する方法です。Webページをレイアウトする上で一つ重要になってくるのが、様々な大きさ(解像度)のスクリーンでも崩れることなく表示させるようにすることですよね。いうことは、パソコン、タブレット、スマートフォンの端末からアクセスを想定して作ることになります。パソコンのスクリーンだけでも小さいものから大きいものまであるので一概に「このサイズで作れば大丈夫」というのがありません。768pxも実は一番解像度の低いパソコンのスクリーンを想定したサイズです。そのような様々なスクリーンサイズがあるなかで、常に画像が背景の中心に表示させるようにするにはどうしたらいいのでしょうか。実はCSSやJavascriptを駆使するたくさんの方法があり、中級者以上のかたにとっては「そんなの簡単!」という方がほとんどだと思いますが、コーディングを初めたばかりの初心者にとってはつまづくポイントだったりします。そんな方のために今回はcssを使った2つの簡単な方法を紹介します。Mapsを表示させるのはそんなに難しくないですが、マーカーを表示させたり、マーカーのアイコンを変更したりなどのちょっとしたカスタマイズは少し面倒ですよね。その面倒を軽減してくれるjQueryのプラグインを見つけたので紹介します。Mapsを表示させるプラグインはgmap.jsも人気ですが、こちらも使いやすそうです。使い方は非常に簡単です。こちらからファイルがダウンロードしましょう。APIを読み込むコードを記入します。src="jquery.googlemap.js"></script>次にbody内のGoogleMapを表示させたいところにブロック要素を作ります。指定する必要があります。$("#map").googleMap();})ただし、なぜかデフォルトでフランスのパリが中心に表示されますので、オプションで場所を指定してあげます。記入方法は次の通りです。ここの数値で中心地を指定できます。})東京都新宿駅を中心にしてみました。この座標を求める数値は、こちらのページで簡単に調べられます。住所にマークをつけたい場合は、addMarker()を使います。新宿駅にマークをつけたい場合。ここにマークを置きたい場所の経度、緯度を指定します。});})これで簡単にマーカーつきのgooglemapを表示させる事が出来ました。次にマーカーをオリジナルの画像に変えてみます。先ほどのコードに一行追加するだけです。ここにマークを置きたい場所の経度、緯度を指定します。})こんな風に文字を入れる事も出来ます。ひとつ残念な点で、マーカーを指定した場合、倍率の指定が出来ないようです。for:Popular画像の下にできる隙間をなくす方法。BackgroundcheckbootcampのWindows8を使いやすくするための設定(トラックパッド編)positionのabsolute指定で親要素の高さが潰れてしまったときの対処法。