※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。
また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。
本書は、著者がこれまでに発信してきた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検索結果への対策