スマートフォンCATEGORY: CSS3

スマートフォンCATEGORY: CSS3

スマートフォンサイト作成に使えるフレームワーク

●Mobile Boilerplate 各環境の設定コード集のようなもの HTML5 Boilerplateが本家。 モバイルサイトを構築するためのテンプレート ●Less Framework CSSグリッドシステムを利用するためのフレーム...
スマートフォンCATEGORY: CSS3

スマホサイトの画像を作るときの注意

iPhone3などで見られる画像(160dpi)を作っても iPhone4で見る(320dpi)と画像が荒れてしまう。 これを防ぐために、高解像度向けに大きめなサイズを用意し、 HTMLとCSSで倍率を小さくする必要がある。 プログラムで切...
スマートフォンCATEGORY: CSS3

Viewportの使い方

スマホでPC用サイトを見たときに、縮小されることを防ぐ。 またフォームのテキストフィールドにフォーカスした場合、強制的に拡大されるのも防ぐ。 指定できる属性としては width:幅 height:高さ initial-scale:倍率の初期...