こんにちは、鴨田です。 個人的に仕事の大半はスマートフォン関連なので、 最近のマークアップはほとんど全てHTML5+CSS3で行っています。 とはいえ、PC向けのサイトではまだまだHTML4.01、XHTML1.0、CSS2.1を使用している場合が多いと思います。 ですので、今回はHTML5+CSS3を導入するにあたって、役立つと思う7つの設定について、書きたいと思います。 1.HTML5の初期テンプレート案 <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>HTML5 初期テンプレート</title> <!-- reset.cssの設定 --> <link rel="stylesheet" media="screen" href="reset.css" /> <!-- Viewportの設定 --> <meta nam
基本設計 html5 スマートフォン用サイトはHTML5でマークアップ、CSS3でデザインすることが推奨されています。 HTML5やCSS3についての詳細は以下のリンク先を参照してください。 HTML5 CSS3 画面解像度 iPhone3 までの画像解像度 320x416px (画面全体 320x480px )に合わせる iPhone4 の画像解像度 (画面全体 640x960px ) 以下のようにスマートフォン端末の画面解像度は様々で、縦横で幅と高さが逆転する。 スマートフォン用のサイトをデザインするときは「画像を配置する」でなく、「繰り返し表示できる模様を背景に埋め込む」と考えたほうが良い 端末 画面解像度 (px) (液晶画面全体の解像度)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く