現場で使えるＷｅｂデザインアイデアレシピ　ＨＴＭＬ　＆　ＣＳＳで表現するシンプルで使いやすい７０のレシピ

本書は、私がＴｗｉｔｔｅｒで発信してきたＷｅｂ制作Ｔｉｐｓをまとめて、具体的に解説した一冊です。ＨＴＭＬやＣＳＳの基礎を学んできて、次のステップを踏みたい。独学で学んできたので、他人のコードを見てみたい。無駄なコードを省き、短縮化させたい。よく見かけるあのデザイン、どう実装すればいいのか分からない。このような方を対象に、デザインを見ただけで必要なＨＴＭＬタグとＣＳＳコードをイメージし、実装できるように画像を使って詳しく解説しております。

本書は、著者がこれまでに発信してきたWeb制作Tipsを一冊にまとめて、具体的な実装方法を解説した書籍です。

・HTMLやCSSの基礎を学んできて、次のステップを踏みたい
・独学で学んできたので、他人のコードを見てみたい
・無駄なコードを省き、短縮化させたい
・よく見かけるあのデザイン、どう実装すればいいのか分からない

このような方を対象として「デザインを見ただけで必要なHTMLタグとCSSコードをイメージし、実装できるようになる」をテーマに、Twitterでは紹介しきれなかったデザインアイデアを画像とともに詳しく解説するのが本書の役割です。

Web制作でよく使われる「背景・画像・写真装飾」「見出しやテキストの装飾」「レイアウト」「ボタンデザイン」と4つのデザインカテゴリーをメインに、お問い合わせフォームのUI、Google検索結果ページに反映する構造化データの書き方、デザインやコーディングを便利にするウェブサービスの紹介など、Web制作の現場で活用できる情報を詰め込んでいます。


■本書の特徴
1．用途に合わせたデザインパターンを70種紹介
カテゴリーごとに豊富なデザインパターンを掲載しました。
シンプルで使いやすいデザインを網羅したので、現場ですぐに使えます。

2．デザインに合わせたコーディングが学べる
デザインに合わせた最適なコードを本書では紹介しています。
コードの短縮化やモダンブラウザの新旧バージョンへの対応も解説しています。

3．サンプルコードですぐに実装できる
本書で紹介したコードはすべて購入者特典で配布します。
どなたでもすぐにデザインを実装できます。


■本書の構成
Chapter1　背景・画像・写真装飾
Chapter2　見出しやテキストの装飾
Chapter3　レイアウト
Chapter4　ボタンデザイン
Chapter5　お問い合わせフォーム
Chapter6　現場で使えるWebツールと素材配布サイト
Chapter7　Google検索結果ページへの対策

本の帯に関して

帯つきでの出荷はお約束しておりません。
商品ページに、帯のみに付与される特典物等の表記がある場合でも、確実に帯つきでの出荷はお約束しておりません。
また、帯は商品の一部ではなく「広告扱い」のため、帯の有無・破損による交換や返品は承っておりません。

版・表紙について

版・表紙（カバー）のご指定は承っておりません。ご注文いただくタイミングによっては、お届けする商品の版や表紙が商品ページ上のものとは異なる場合がございます。
また、初版にのみにお付けしている特典（初回特典、初回仕様特典）がある商品は、商品ページに特典の表記がされている場合でも、無くなり次第終了となります。