現場で使えるWebデザインアイデアレシピ HTML & CSSで表現するシンプルで使いやすい70のレシピ
発売日:2022年1月
セブン-イレブン受取り(送料無料)
発送目安
発売日(発売日以降は当日)~2日で発送
宅配(送料¥550税込)
発送目安
発売日(発売日以降は当日)~2日で発送
交通状況・天候の影響や注文が集中した場合等、お届けにお時間をいただく場合がございます。
商品説明
本書は、私がTwitterで発信してきたWeb制作Tipsをまとめて、具体的に解説した一冊です。HTMLやCSSの基礎を学んできて、次のステップを踏みたい。独学で学んできたので、他人のコードを見てみたい。無駄なコードを省き、短縮化させたい。よく見かけるあのデザイン、どう実装すればいいのか分からない。このような方を対象に、デザインを見ただけで必要なHTMLタグとCSSコードをイメージし、実装できるように画像を使って詳しく解説しております。
本書は、著者がこれまでに発信してきた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検索結果ページへの対策
商品詳細
- シリーズ名
- Compass Web Development
- 出版社名
- マイナビ出版
- サイズ
- 24cm
- 対象年齢
- 一般
- フォーマット
- 単行本
注意事項
- 本の帯に関して
- 帯つきでの出荷はお約束しておりません。
商品ページに、帯のみに付与される特典物等の表記がある場合でも、確実に帯つきでの出荷はお約束しておりません。
また、帯は商品の一部ではなく「広告扱い」のため、帯の有無・破損による交換や返品は承っておりません。 - 版・表紙について
- 版・表紙(カバー)のご指定は承っておりません。ご注文いただくタイミングによっては、お届けする商品の版や表紙が商品ページ上のものとは異なる場合がございます。
また、初版にのみにお付けしている特典(初回特典、初回仕様特典)がある商品は、商品ページに特典の表記がされている場合でも、無くなり次第終了となります。