[CSS]フォントのサイズ指定はpx？ em？ 既存の再検討とこれからのテクニック
フォントのサイズの単位に何を使ってますか？ px？ em？ それら2つのよく利用されるテクニックをおさらいし、さらに第3のテクニックも紹介します。 Font sizing with rem [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに pxを使ったサイズ指定 emを使ったサイズ指定 remを使ったサイズ指定 はじめに フォントのサイズの単位に何を使用するかは、未だに激しい議論の的となっています。それらのテクニックにはそれぞれ長所と短所があるのも現実です。 それらの中で短所が少なく、よく利用されるテクニックは2つあります。 pxを使ったサイズ指定 emを使ったサイズ指定 これら2つのテクニックを再検討し、さらにもう3つ目のテクニックを紹介します。 pxを使ったサイズ指定 ウェブの初期に、私たちはテキストのサイズを定めるために「px」を使用していました。これは一貫しており
テキストの配色から視認性をチェックする -Colour Contrast Check
前景と背景のカラーコントラストをオンラインでチェックできる「Colour Contrast Check」をsnook.caから紹介します。 Colour Contrast Check テキストの視認性はカラーだけでなく、サイズや行間なども重要なポイントですが、ここでは前景色と背景色のコントラストを数値でチェックし、その視認度を確認することができます。 使い方は簡単で、左に前景色、中央に背景色を入力すると、右にそのカラーコントラストの結果が表示されます。 項目は上から順に。 Brightness Difference 明度差 Colour Difference 色差 Are colours compliant? 色の組み合わせが良いか、悪いか、まぁまぁか Contrast Ratio コントラスト比 WCAG 2 Contrast Compliant at 18pt or larger WC
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
