レスポンシブWebデザイン マルチデバイス時代のコンセプトとテクニック (WEB PROFESSIONAL)

著者 :
  • アスキー・メディアワークス
4.11
  • (10)
  • (11)
  • (5)
  • (1)
  • (0)
本棚登録 : 165
感想 : 8
本ページはアフィリエイトプログラムによる収益を得ています
  • Amazon.co.jp ・本 (232ページ)
  • / ISBN・EAN: 9784048863230

作品紹介・あらすじ

本物のレスポンシブWebデザインを本気で学びたい人に。基礎から実践まで1冊にまとめました。イーサン・マルコッテ氏が提唱するRWDの3大要素「メディアクエリー/フルードイメージ/フルードグリッド」をていねいに解説。レスポンシブタイプセッティング、レスポンシブテーブルなど現場のノウハウが満載。RWDに欠かせないパフォーマンス改善のアイデアとテクニックも多数掲載。

感想・レビュー・書評

並び替え
表示形式
表示件数
絞り込み
  • 2014/06/08読了

  • Web開発を行う際に、画面サイズに由来するデザインについて知る機会があり、改めて概要をつかもうと手に取った書籍です。

    様々なスクリーン、OS、UA情報によって、1対1の対応では手が回らなくなる実情があることから解決策の1つとして「レスポンシブデザイン」があるということから学習を進めていきます。

    端末の画面サイズに制限があるからこそ、何を表示するのかを吟味して良質なコンテンツや体験を提供するということが重要なのだと学習することができました。

    どのように組み立てていくのかを豊富な資料を提示して説明をしています。

    著者の体験も加味していますが、根拠の資料を提示しているので納得を持って読み進めることが出来ました。

  • この本でレスポンシブの基本は抑えられると思う。実践しながら、手で覚えられる点もGOOD!解説も細かいが、ソースだけで数ページつぶれてしまうのがちょっとだけもったいないかも…。
    ソースがちゃんと当たっているかを漏れなくチェックしたい人には、うれしい点だけどね。けど、普通に5ページ以上ソースコードで終わるときあるからね。
    上級者にしたら、「わかってっから!!」ってなりそう。
    上級者はまず買わないか(笑)

  • 効率のよいメディアクエリの書き方、Retina対応方法etc.いろんなアプローチ方法が載っていてためになった。レスポンシブデザインの理想・viewportを基準とした新しい単位にも触れられていて単なる作業手順ではなく考えるべきポイントを教えてくれる本。

  • 写経中。基礎編だけでも課題の前に読んでおくべきだったぁ

  • モバイル向けとPC向けで同じHTMLを使ってCSSでデザインを変える、
    レスポンシブWebデザインの解説書。

    私は、レスポンシブWebデザインの存在は知っていたけど
    中身はよく知らない状態で、Webで検索して出てくるコードをつぎはぎして
    HTMLを組み上げていたタイプでした。

    この本で、レスポンシブWebデザインとは何か、使われる技術はこれで、どうしたら目標の結果になるか、という基礎からの知識が分かりました。

    ・img要素にディセンダーがあること
    ・px指定から%指定のフルード・グリッドへの変更
    ・レスポンシブタイプセッティングの正しい仕様
    以上の点が目新しくて特に勉強になった部分。

    あと、メディアクエリーの解説が多めにとってあるので、
    メディアクエリーとは何ぞや?という方でも読めると思います。

    紙面がカラフル、図を多く入れてあって分かりやすい。
    総括して、良書。オススメ。

全8件中 1 - 8件を表示

著者プロフィール

Web Directions East LLC 代表
allWebクリエイター塾 講師
大手IT企業、システム会社、Web制作会社のコンサルティングや、企業研修、イベント出演、執筆などを行う。自身でもアプリUI、システム案件のUIを担当。
モバイルファースト、レスポンシブWebデザインなど最新情報を日本のWebメディアにいち早く寄稿し話題を提供している。またUX&UIの分野において下記の資格を保持している。
ニールセン・ノーマングループ UXサーティファイド
ニールセン・ノーマングループ モバイルデザイン スペシャリスト

「2017年 『ノンデザイナーでもわかる UX+理論で作るWebデザイン』 で使われていた紹介文から引用しています。」

菊池崇の作品

  • 話題の本に出会えて、蔵書管理を手軽にできる!ブクログのアプリ AppStoreからダウンロード GooglePlayで手に入れよう
ツイートする
×