都内でWEB作ってます。Comment背景の明度を自動的に判別し、要素の色を最適化してくれるスクリプト「backgroundcheck」を紹介します。Mapsを表示させるのはそんなに難しくないですが、マーカーを表示させたり、マーカーのアイコンを変更したりなどのちょっとしたカスタマイズは少し面倒ですよね。その面倒を軽減してくれるjQueryのプラグインを見つけたので紹介します。Mapsを表示させるプラグインはgmap.jsも人気ですが、こちらも使いやすそうです。使い方は非常に簡単です。こちらからファイルがダウンロードしましょう。APIを読み込むコードを記入します。src="jquery.googlemap.js"></script>次にbody内のGoogleMapを表示させたいところにブロック要素を作ります。指定する必要があります。$("#map").googleMap();})ただし、なぜかデフォルトでフランスのパリが中心に表示されますので、オプションで場所を指定してあげます。記入方法は次の通りです。ここの数値で中心地を指定できます。})東京都新宿駅を中心にしてみました。この座標を求める数値は、こちらのページで簡単に調べられます。住所にマークをつけたい場合は、addMarker()を使います。新宿駅にマークをつけたい場合。ここにマークを置きたい場所の経度、緯度を指定します。});})これで簡単にマーカーつきのgooglemapを表示させる事が出来ました。次にマーカーをオリジナルの画像に変えてみます。先ほどのコードに一行追加するだけです。ここにマークを置きたい場所の経度、緯度を指定します。})こんな風に文字を入れる事も出来ます。ひとつ残念な点で、マーカーを指定した場合、倍率の指定が出来ないようです。Comment画像表示をフェードインさせることで、そのWebサイトの印象はがらりと大きく変わります。ここでは、実装が簡単で使う機会が多そうな、「champagne.js」を紹介します。リストの要素等をランダムな順番でフェードイン表示をさせる事が出来ます。インパクトのあるサイト作りに活躍しそうです。for:Popular画像の下にできる隙間をなくす方法。BackgroundcheckbootcampのWindows8を使いやすくするための設定(トラックパッド編)positionのabsolute指定で親要素の高さが潰れてしまったときの対処法。