プロが教えるレスポンシブWebデザイン現場のメソッドレイアウト・UIのマルチデバイス対応手法

プロが教えるレスポンシブWebデザイン 現場のメソッド レイアウト・UIのマルチデバイス対応手法 [電子書籍版]
笹尾 万里子

2,268円(税込)

獲得ポイント:

楽天Koboの始め方
初めての方へ 楽天Koboへようこそ

紙書籍版も取り扱ってます!

楽天Kobo 電子書籍版 プロが教えるレスポンシブWebデザイン 現場のメソッド レイアウト・UIのマルチデバイス対応手法 2,268円
紙書籍版 プロが教えるレスポンシブWebデザイン現場のメソッド 2,484円

商品基本情報

商品説明

※本書は固定レイアウト型の電子版です


【どうすれば崩れないか、Webページのパーツごとにわかる。】


スマートフォン、タブレット、PCなど、多様なデバイスでの表示に対応する手法として定着したレスポンシブWebデザイン。1つのサイトでさまざまな画面サイズに対応できる点が魅力ですが、しっかりと意識してつくらないとレイアウトが崩れたり、UIの機能が損なわれて使いづらくなったりと、問題が起こりがちです。


本書では最も基本となるレイアウトをはじめ、ナビゲーション・フォーム・モーダルウィンドウ・カルーセルなどのパーツごとにレスポンシブに対応させる実装方法を解説しました。シンプルなわかりやすい作例をベースにステップ・バイ・ステップ形式で解説していますので、本質的な仕組みを理解できます。また、掲載コードをダウンロードでき、コピー&ペーストなどでご利用いただけますので、ご自身のWebサイトに部分的に取り入れたり、ひな型として使用することも可能です。Googleマップなどの外部API、Webアイコンフォント、遅延読み込みといった周辺技術も取り上げていますので、スマートフォンに対応したサイト制作の傍らでお役立ていただける一冊です。


〈本書の内容〉

■Chapter1 基本の確認

レスポンシブWebデザインの基本/アクセシビリティの確保/jQueryについて ほか

■Chapter2 レイアウト

1カラムレイアウト/2カラムレイアウト/CSS Flexible Box/タイルレイアウト

■Chapter3 ナビゲーション

アコーディオン/リスト/パンくずリスト/ドロワー/タブナビゲーション ほか

■Chapter4 ギミック

カルーセル/モーダルウィンドウ/スムーズスクロール

■Chapter5 フォーム

フォームのスタイリング/バリデーション/郵便番号検索

■Chapter6 細かなテクニック

要素の高さを揃える/画像のトリミング/画像の遅延読み込み

■Chapter7 API・外部サービスの活用

Googleマップ/Googleカレンダー/Microsoft翻訳/YouTube ほか

みんなのレビュー

まだレビューがありません。 レビューを書く

楽天ブックスランキング情報

ご購入はこちらから

楽天Kobo電子書籍版

2,268円(税込)

  • 電子書籍のお得なクーポン・キャンペーン

  • 人気コミックや最新の雑誌など!今すぐ読める無料作品をご紹介♪人気コミックや最新の雑誌など!今すぐ読める無料作品をご紹介♪
  • もっと見る
全ショップ対象!
2018/3/25(日) 23:59まで
毎月5と0のつく日は
エントリー&楽天カード利用で
ポイント5倍
全品対象!
2018/3/30(金) 23:59まで
25,000円以上購入で使える!
40%OFF
5と0のつく日は楽天Koboがお得に!

最近チェックした商品

    ※表示を削除したい場合は閲覧履歴のページから削除お願いいたします

    購入データ自動連携!楽天ブックス公式 無料 読書管理パプリ Readee

    関連する商品(紙書籍版)

    このページの先頭へ