サイトタイプ別40事例！スマホサイトのメニューデザインに困ったときに役立つ事例まとめ
みなさん、サイトのスマートフォン対応できていますか？ スマートフォンサイトを作る時は、PCサイトと色々と勝手が違うのでいちいち迷ってしまいますよね。 今回はその中でもスマートフォンサイトのメニューの部分に着目し、傾向と対策を紹介したいと思います。 スマートフォンサイトの事例を 「メディア系サイト」「ECサイト」「コーポレートサイト」「サービスサイト」 の4つのタイプに分けて10個ずつ用意しました。 それでは一気に見て行きましょう。 メニューの定義：「ドロワー」「ハンバーガー」とは スマートフォンのメニューのこと 今回のテーマであるメニュー部分とはどの部分をさすのかを、まずご紹介します。 上の画像は当サイト（プロモニスタ）のスマートフォンサイトです。 今回注目しているメニューとは、上図の右上に設置している「menu」部分、PCサイトで言うグローバルナビゲーションの部分です。 タップによってメ
完璧に分かる！コーディング一連の流れと知識(HTML5+レスポンシブ+WordPress)
作成：2014/01/27 更新：2015/08/07 Web制作 > 前回、Web制作の一連の流れを書きましたが、今回は少し掘り下げて「コーディング」についてのフローをまとめます(HTML5+レスポンシブ+WordPress)。会社によって違うと思いますが、ざっくりとしたコーディングの流れと気をつけておきたいことをメモしています。 エンジニア速報は Twitter の@commteで配信しています。 もくじ コーディング前の準備 １．仕様書の確認 ２．入稿データの確認・スケジューリング HTML5 マークアップ ３．テンプレート作成 ４．条件付きコメント ５．GCF＋キャッシュクリア ６．OGP記述 ７．ファビコン ８．アウトライン作成 ９．バリデーターをチェック CSS の設定 １０．ノーマライズスタイル レスポンシブデザイン設計 １１．モバイルファーストを基準に設計 １２．プログレッ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
