HTML&CSS Modernizrについて
Modernizrは、ブラウザーで使用可能な機能をCSSやJavaScriptを用いて確認できる便利なライブラリです。ユーザーが使用しているブラウザでHTML5の機能やCSS3を正しく使用できるか判定したclass名を付けてくれます。
...
dororo
HTML&CSS HTML&CSS widthをパーセント指定する場合の小数点〜CSS
2015/11/16追記
幅などの値に小数が出る場合は、IE旧バージョン以外ではcalc()を使用しましょう。
calc()についての詳細はこちらのページ
スマートフォンサイトを作成する場合、幅などの指定を固定幅で指定するのではな...
HTML&CSS ページの拡大率の指定〜スマホサイト
meta要素でのページ拡大率の設定
ビューポートの設定はmeta要素で指定することができます。「ビューポートとは」を参照。
meta要素で指定できるのはビューポートの横幅だけではありません。ページの拡大率を設定することもできます。
拡...
HTML&CSS 高解像度デバイスの画像表示〜Retina対応
Retinaディスプレイをはじめとした高解像度のデバイスで画像表示をすると滲んで見える現象が起こります。
これはdensityにもとずいた解像度で表示するため拡大表示を行っているからです。
PCでも画像を単純に2倍の大きさに拡大するとギ...
HTML&CSS background設定解説〜CSS3
backgroundプロパティ〜CSS3
複数の背景画像による多層化
CSS3 では、ボックスの背景は，複数の 層 （ layer ）を持てます。複数の background-image の値は カンマで区切って区別します。 注目すべき...
HTML&CSS densityについて(device pixel radtio)
スマートフォンの表示画面のサイズの仕組み
画面の横幅の表示方法
PCのブラウザでWebページを表示する場合に横幅の寸法はピクセル数で表すことができます。
例えばwidth:980pxとすれば横幅は980pxとなります。
ところが...
HTML&CSS background設定解説〜CSS2.1
backgroundプロパティの基本
要素の背景には色または画像のいずれかを表示することができます。
ボックスモデルでのbackgroundプロパティは内容領域（コンテンツ）、パディング領域、に背景を設定することができます。
ボー...
HTML&CSS Google Chromeの最小フォントサイズ
Google Chromeでは最小フォントサイズが10pxに設定されています。
10px以下でフォントサイズを指定してもすべて10pxで表示されます。
つまり、10px以下のフォントサイズを使用するとChrome以外のブラウザと表示が変...
Illustrator アートボードが透明になった〜Illustrator
illustratorで誤ってShift＋Ｃommand＋Ｄキーに触れたらアートボードが透明になります。
更にペーストボードが格子模様に変わります。
あれ？となってなかなか回復できなくて困るパターンです。
これはShift＋Com...
HTML&CSS ビューポートとは 〜HTML
ビューポートについて
スマートフォンのブラウザではViewportという仮想ウインドウサイズが設定されています。
もう少しわかりやすい言葉で説明すると、スマートフォンの画面は本来の解像度で表示するのではなく、仮想の解像度で表示を行います...