都内でWEB作ってます。Comment背景の明度を自動的に判別し、要素の色を最適化してくれるスクリプト「backgroundcheck」を紹介します。これはかなり使えそうです。背景をスライドショーにしてテキストなどの要素を上に重ねる場合、その要素の色の指定に困ってしまうことがありますよね。これを使えば解決できます。くわしく実例が載っているので見てみるとわかりやすいかも。スクリプトもそちらからダウンロードすることができます。使い方も非常にシンプル。jQueryのライブラリの読み込みも必要ありません。ここでは例として、p要素に適用させてみます。color=yellow;}これで<p>タグのテキストカラーが黄色で表示されます。次からは、このテキストの色を背景の明度に合わせて変えるための手順になります。ページからスクリプトをダウンロードし、ページに読み込みます。src="background-check.min.js"></script>次に、どの要素に効果を与えるかを指定します。ここでは<p>タグですね。});</script>CSSに明るいときと暗いときのスタイルを追加します。white;}これで、背景が明るいときはテキストカラーが黒、暗いときはテキストカラーが白に切り替わるようになります。これだけです!簡単ですね!まとめBackgroundcheckのスクリプトは自動的に背景の明るさを判別し、指定した要素にクラス名を割り振るという仕組みになっています。これを応用すればテキストカラーだけでなく、フォントサイズやフォントファミリーを切り替えるなどアイデア次第でいろいろな工夫が出来そうです。bootcampのWindows8を使いやすくするための設定(トラックパッド編)画像の下にできる隙間をなくす方法。Articles.画像の下にできる隙間をなくす方法。2013positionのabsolute指定で親要素の高さが潰れてしまったときの対処法。for:Popular画像の下にできる隙間をなくす方法。BackgroundcheckbootcampのWindows8を使いやすくするための設定(トラックパッド編)positionのabsolute指定で親要素の高さが潰れてしまったときの対処法。