キーボードショートカット一覧 j次のブックマーク k前のブックマーク lあとで読む eコメント一覧を開く oページを開く ✕
はてなブックマーク
キーボードショートカット一覧 j次のブックマーク k前のブックマーク lあとで読む eコメント一覧を開く oページを開く ✕
HTML5/CSS3で作るスマートフォンサイトの基本 (1/5)
スマートフォンサイトのサイト設計、画面設計に続き、今回はデザインとHTML/CSSの制作です。前回作成したワイヤーフレームをもとにデザインカンプを作成し、HTML/CSSをコーディングしていきます。 Photoshopでデザインカンプを作成する 最初に、グラフィックソフトを利用してデザインカンプを作成します。今回はPhotoshop CS5を使いましたが、FireworksやIllustratorなど使い慣れたツールで構いません。 デザインにあたっては、スマートフォンのブラウザーの画面領域を定義したテンプレートを用意してからデザインパーツを作成、配置していきます。画面領域はサイズを測ってガイドを引いてもよいですが、本連載の第5回で紹介したデザインテンプレートを利用するのが手軽です。
スマートフォンサイトをデザインする7つのポイント (1/3)
Webサイトをデザインするときは、単なる見た目の美しさだけでなく、情報の見やすさや使いやすさなどの「ユーザビリティ」や、高齢者や障がい者の方も快適に使える「アクセシビリティ」に留意する必要があります。さらに、スマートフォンサイトのデザインでは携帯電話端末ならではの特性も考慮しなければなりません。 デザインに必要な環境を整える WebサイトのデザインではいきなりHTMLを書くのではなく、まずPhotoshopやFireworksなどの画像作成ソフトを使って「デザインカンプ」を作成し、画像パーツを切り出してHTML化していくのが一般的です。こうした流れはスマートフォンサイトの場合でも変わりません。 ブラウザー枠を用意しよう PCサイトを制作するときには、デザインカンプを実際のサイトのイメージに近づけるため、Webブラウザーの枠を含む状態でデザインすることがよくあります。そこで、スマートフォンサ
FC2ブログ
亀島 - もり蕎麦/春菊天 へたれ鍛治の雑記帳 日本人が18年連続イグ・ノーベル賞受賞 哺乳類がおしりで呼吸できるのを発見 海外の反応 こんなニュースにでくわした 【数字で見る海外人気アニメ】2024年夏アニメの海外スコアランキング第11週 「推しの子が帰ってきたけど…」 ネット民の反応：国内・海外のゲーム・アニメの反応まとめ！ ソニー最高経営責任者「PS5値上げにより収益を得て、再投資を行う」 ゲーム魔人 もっと見る バイデンがデラウェアでウアッド・サミットを主宰 外国紙で読む世界のニュース ブリンケン、ラミィ、米―英協議で台湾海峡の現状維持を強調 外国紙で読む世界のニュース 外国人「16歳の息子が酒を飲んでいたことに妻が騒いでいるのだが、それくらい普通だよな？」 ガラパゴスジャパン - 海外の反応 齋藤知事の退職金は「1500万円以上」、年収は「1700万円」 辞職しない意外な理由とは
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
