【8/1リモート】 クラスメソッドのフリーランスエンジニア会社説明会〜AWSインフラ/Webアプリ 案件特集 〜開催します
![Developers.IO](https://cdn-ak-scissors.b.st-hatena.com/image/square/1a571ac8238b9005bf9f6a214ab2b1492a06c8e0/height=288;version=1;width=512/https%3A%2F%2Fcdn-ssl-devio-img.classmethod.jp%2Fwp-content%2Fuploads%2F2018%2F11%2Feyecatch_developers.io_1200x630.jpeg)
スマホ用サイト制作の基本をまとめました。まずは素材の味を知ることですね。 使用できる標準日本語フォント iOS(iPhone/iPad)で使用できる日本語フォントは「ヒラギノ角ゴ Pro W3/W6」 Android は「DroidSansJapanese」※標準ではボールドなし 画面解像度の違い iPhone 4/4S は「960×640px(解像度326ppi)」 iPhone 3G/3GS は「480×320px(解像度163ppi)」 新iPad は「2,048×1,536px(解像度264ppi) iPad/iPad 2 は「1,024×768px(解像度132ppi) Android は「スマートフォン比較表」を参照 表示できる画像フォーマット iOS は png(推奨), tif, jpg, gif, bmp Android は png(推奨), jpg, gif, bmp
スマートフォン向けサイトの作り方 2011年1月22日 iPhoneとAndroid両方に対応するスマートフォン向けサイトの作り方をまとめてみました。 スマートフォン向けサイト作成にあたっての基本概要 まず最初にスマートフォン向けサイトを作成する際に気になる点は画像の扱いだったりすると思います。 横幅ですが、解像度は機種によって様々ですが、縦向きで320px~640px、横向きで480px~960pxが主流となります。 標準となるものを設けるとなると、320px(横)/480px(縦)を標準として良いかなと思います。 ※iPhone4、4Sは640px/960pxの解像度ですが、内部解像度で320px/480pxと解釈してくれるため。 ですので、クライアントに見せるデザインカンプなどを作成する際も縦を標準とする際は320px(横)で作成すれば問題ないといえますが、iPhone4、4SやAn
Androidの「target-densitydpi」でviewportの調整 どうも色々調べているとAndroidのviewport調整はtarget-densitydpiというプロパティで行うのがよさそうです。 「target-densitydpi」はAndroid2.0以上で利用でき、表示時のdpi(dots per inch/1インチの中に何ドット表示するか)を指定できます。 <meta name="viewport" content="width=device-width;target-densitydpi=device-dpi"> device-dpiを指定すると画面解像度とディスプレイ表示が同じサイズになります。これでかなり直感的でわかりやすくなると思いますが、画像が多いデザインだととファイルサイズが気になるところです。 キーワード指定では「low-dpi(120dpi)」、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く