html5-css3-design-book

デザイン

 

【デザイン】サイトカスタマイズに役立つ本『HTML5&CSS3 デザインレシピ集』

 

ブログやサイトを運営していると、デザインやレイアウトをカスタマイズする必要性が出て来ます。

そんなとき、ネットで検索すると、だいたいその方法を見つけることができますが、それらが整理されてまとめられているとホントに助かりますよね。

ということで、今回は、Webページで必ず使われているデザインテクニックが、一冊にまとめられている『HTML5&CSS3 デザインレシピ集』をご紹介します。




『HTML5&CSS3 デザインレシピ集』ってどんな本?

実践で必要なデザインを網羅したレシピ集

テキスト・画像・ボックスや・テーブル・フォーム・レイアウトなど、Webサイトのページを構成する様々なデザインを、テーマ別にしてそのレシピを掲載。

HTML5&CSS3の基礎を解説

HTML5&CSS3の基本概念をはじめ、HTMLの基本マークアップやCSSファイルの読み込みなど、WEBサイトを構成するHTML5&CSS3の基礎が丁寧に解説されています。

全15章300項目にわたるデザインテクニック

テキスト・リスト・リンクや、画像・ボックス・テーブル、そして、フォーム・ナビゲーション・レイアウトなど、WEBページを構成するあらゆるデザインのレシピを掲載。

例えば、テキストでは、装飾をはじめ行間の調整やルビの振り方など、ボックスでは、基本的なボックス作成をはじめ装飾やドロップシャドウのつけ方など、あらゆるデザインテクニックが、余すことなく一冊にまとめられています。

各レシピには完成例が掲載

各レシピには、丁寧な解説とともに完成図(ブラウザ表示)が掲載されているので、視覚的にも理解が深まります。

レスポンシブWebデザインに対応するレシピ

基本的なマークアップをはじめ、ナビゲーションのデザインやフォーム部品の伸縮など、レスポンシブWebデザインに対応したデザインレシピも掲載されています。

著者はWEB関連の本を多数執筆しているUIデザイナー

サンフランシスコでUIデザイン理論を習得。
Webサイト&アプリのインターフェースデザインや、インタラクティブコンテンツの開発を数多く手がけ、各種セミナーや研修講師としても活動。

狩野 祐東(著)

株式会社Studio947 代表取締役(株式会社Studio947
UIデザイナー・エンジニア・執筆家

『HTML5&CSS3 デザインレシピ集』のまとめ

この本は、サイトページを構成するデザインを一通り網羅しているので、普段ブログやサイトを運営している人にとっては、手元に置いておくととても役立つ「辞書」になります。

また、ページの終わりには用語辞書もあり、専用サイトからサンプルコードもダウンロードできるので、ほんとに至れり尽くせりな一冊です。

HTML5&CSS3のしっかりとした基礎と考え方は【HTML5&CSS3】基礎が理解できてサイトのカスタマイズに役立つ入門書で押さえ、この本は、日々のサイト運営において逆引き辞典のように使うと、とても便利で役に立つ一冊になります。

スポンサーリンク

関連記事

  1. wordpress-free-photo

    デザイン

    【素材】無料で使える!フリー写真素材サイト おすすめ7選!

    WEBデザインでは、大きな役割を担う写真素材。ということで、今…

  2. shutterstock_580655965-shutterstock-use

    デザイン

    【写真素材】Shutterstock(シャッターストック)の利用方法

    今回は、有料ストックフォトサービスの『Shutterstock(シャッ…

  3. canon-pixus-ts8030

    ライフハック

    【周辺機器】コスパに優れた『Canon インクジェットプリンター複合機 PIXUS TS8030』

    家庭用やフリーランスなどで、皆さんはどんなプリンターを使っていますか?…

  4. copyright

    ライフハック

    【著作権】コピーライト(Copyright)の意味と正しい書き方

    Webサイトには、必ず明記してある『コピーライト(Copyright)…

  5. shutterstock_1115483624-Relationship

    ライフハック

    【対人関係】もう誰にもコントロールされない!理不尽なモラハラを止める本

    相手を精神的に追い詰めるモラルハラスメント。これまで、他人から…

  6. wordpress-free-illust

    デザイン

    【素材】無料で使える!フリーイラスト素材サイト7選

    WEBデザインでは、とても重宝するイラスト素材。これから紹介す…

最近の記事

  1. shutterstock_573396265-bousai
  2. shutterstock_713835478-ticket-resale-law
  3. shutterstock_1115483624-Relationship
  4. shutterstock_580655965-shutterstock-use
  5. shutterstock_126336395-stock-photo-service
  6. shutterstock_570628189-copyright-watermark
  7. shutterstock_373050517-sitemap
  8. shutterstock_413924539--search-console-analytics-cooperation
  9. google-analytics-introduction
  10. google-search-console
PAGE TOP