HTML&CSS densityについて(device pixel radtio)
スマートフォンの表示画面のサイズの仕組み
画面の横幅の表示方法
PCのブラウザでWebページを表示する場合に横幅の寸法はピクセル数で表すことができます。
例えばwidth:980pxとすれば横幅は980pxとなります。
ところが...
HTML&CSS 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という仮想ウインドウサイズが設定されています。
もう少しわかりやすい言葉で説明すると、スマートフォンの画面は本来の解像度で表示するのではなく、仮想の解像度で表示を行います...
PhotoShop ドットパターンの作成〜Photoshop
photoshopを新規作成します。
「幅」を「4px」、「高さ」を「4px」とします。カンバスカラーは「透明」を選択し
「描画色」を白にします。カンバスは小さいので最大に拡大します。
鉛筆ツールの直径を1px、硬さを100%にし...
PhotoShop ボタンの作成〜Photoshop
「長方形ツール」または「角丸長方形ツール」で矩形を描きます。
その際、線は無し(CS6以上）、塗りは単色（何でもよい）にしておきます。
レイヤースタイル追加ボタンをクリックして「グラデーションオーバーレイ」を選択
グラデーショ...
JavaScript 正規表現の基礎
正規表現とは
正規表現(regular expression)とは文字パターンを表現する方法です。
つまり、文章の中のある文字列を検索したいときなど役に立ちます。
今回はJavaScript（jQuery）で正規表現を活用する説明...
jQuery Topへ戻るボタンの作成〜jQuery
長いページでは必須のTopへ戻るボタンですね。
スクロールするとTopボタンが出現し、クリックすると緩やかにTopに戻ります。
この動きはCSSとjQueryで実現できます。easingなどを好みで脚色してください。
Topへ戻る...
HTML&CSS ノードの表示と非表示〜CSS
ある要素の表示と非表示の方法をまとめました。
visibilityプロパティ
ボックスの表示（visible）と非表示（hidden）を指定するにはvisibilityプロパティを使用します。
visibilityプロパティで...