HTML&CSS ページの拡大率の指定〜スマホサイト
meta要素でのページ拡大率の設定
ビューポートの設定はmeta要素で指定することができます。「ビューポートとは」を参照。
meta要素で指定できるのはビューポートの横幅だけではありません。ページの拡大率を設定することもできます。
拡...
Tips
HTML&CSS HTML&CSS 高解像度デバイスの画像表示〜Retina対応
Retinaディスプレイをはじめとした高解像度のデバイスで画像表示をすると滲んで見える現象が起こります。
これはdensityにもとずいた解像度で表示するため拡大表示を行っているからです。
PCでも画像を単純に2倍の大きさに拡大するとギ...
HTML&CSS densityについて(device pixel radtio)
スマートフォンの表示画面のサイズの仕組み
画面の横幅の表示方法
PCのブラウザでWebページを表示する場合に横幅の寸法はピクセル数で表すことができます。
例えばwidth:980pxとすれば横幅は980pxとなります。
ところが...
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へ戻る...