Webサイト設計

ストリートビューの画像が存在するかどうか調べる/インドアビューを除外する

2016年9月1日更新:ストリートビュー画像の有無を API で取得できることが分かったので書き直しましたGoogle Maps JavaScript API v3 では次のようにして、指定した div 要素に任意の地点のストリートビューを表示することができる。 // ストリートビューを…

タブレット端末のOS・画面サイズ・解像度一覧

タブレット端末の画面サイズ・解像度を中心にスペックをまとめました。 タブレット端末スペック表 (Google スプレッドシート) 表には以下の項目が含まれます。 発売キャリア メーカー 端末名 OS の種類とバージョン 画面の対角の実寸 縦横のピクセル数 アス…

(-webkit-)text-size-adjust の正しい使い方

スクリーンの小さなスマートフォンでは、PC 用に作られた幅の広い Web ページを、全体が収まるように縮小して表示する機能がある。iPhone の Safari では 980 px のスクリーンに表示した Web ページを、3.5インチないし3.7インチの画面に縮小表示している。…

Mobile Safari の input type=...

text 通常 number キーボードが English (US) の数字・記号配列になる 数値以外は入力しても削除される フォーカスが外れたとき、桁数が多い数は3桁ごとにカンマで区切られる 1.24e4 のような指数表記も可(12,400という表示になる) date 専用の入力UI(年/…