出版社内容情報
本書は、著者がこれまでに発信してきた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検索結果ページへの対策
内容説明
本書は、私がＴｗｉｔｔｅｒで発信してきたＷｅｂ制作Ｔｉｐｓをまとめて、具体的に解説した一冊です。ＨＴＭＬやＣＳＳの基礎を学んできて、次のステップを踏みたい。独学で学んできたので、他人のコードを見てみたい。無駄なコードを省き、短縮化させたい。よく見かけるあのデザイン、どう実装すればいいのか分からない。このような方を対象に、デザインを見ただけで必要なＨＴＭＬタグとＣＳＳコードをイメージし、実装できるように画像を使って詳しく解説しております。
目次
１ 背景・画像・写真装飾
２ 見出しやテキストの装飾
３ ボタンデザイン
４ レイアウト
５ お問い合わせフォーム
６ 現場で使えるＷｅｂツールと素材配布サイト
７ Ｇｏｏｇｌｅ検索結果ページへの対策
