著書「現場で使えるWebデザインアイデアレシピ」を執筆しました

著書「現場で使えるWebデザインアイデアレシピ」を執筆しましたの画像
Share
0
67
1

現場でよく使われているWebデザインの実装方法を解説した著書「現場で使える Webデザインアイデアレシピ」を執筆しました。

現場で使える Webデザインアイデアレシピの画像
書名
現場で使える Webデザインアイデアレシピ
価格
3,058円(本体価格 2,780円+税10%)
ページ数
288ページ
著者名
小林 マサユキ
出版社
マイナビ出版
ISBN
978-4839977351

Amazonで購入する

発売日をなんとか迎えることができました

発売日前にさっそく重版が決まりまして。

発売日当日は予約だけで在庫がなくなり、急遽初日から在庫補充の手配をおこなわれました。

ご予約いただいた方の発送にも時間がかかってしまいお待たせすることになってしまいバタバタではありましたが、何とか発売日を迎えることができました。

現場で使えるWebデザインアイデアレシピの内容

本書は、私がTwitterで発信してきたWeb制作Tipsをまとめて、具体的に解説した一冊です。

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

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

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

紙面の一部を公開します!

1行で実装できるコード紹介
画像の形状をborder-radiusで変更する方法
シンプルな見出しデザインの実装方法
ポップなカギカッコの実装
シンプルなボタンの実装方法も盛りだくさん
ユニークな形状のボタンもあります
Flexboxの実装方法解説
中央配置のコード紹介
お問い合わせUIの解説
Web制作に便利なツール紹介も
構造化データについても解説しています

書籍制作をサポートしてくれたお2人をご紹介

コードレビューのご協力

本書のコードレビューをたかもそ(@takamosoo)さんにご協力いただきました。丁寧で解像度の高いレビューありがとうございました。心より感謝しております。

たかもそ

フリーランスのフロントエンドエンジニア / Webデザイン / マークアップ / コーディングなどWeb制作に関する情報を発信。

本書カバーイラスト

本書のカバーイラストをダニエル(@DanyL_robamimi)さんに依頼させていただきました。メッセージ性のある表情をしたイメージどおりの女性を描いていただき、大変満足しております。ありがとうございました。

ダニエル

ショートカット偏愛家 / 感情と物語が聞こえてくる絵を描いているイラストレーター。

サポートサイトをご用意しました

「執筆して終わり」ではなく、発売後も情報を更新してご購入者さまのお役にたてるようにサポートサイトを用意しました。

現場で使えるWebデザインアイデアレシピのサポートサイトのバナー画像
現場で使えるWebデザインアイデアレシピのサポートサイト

サポートサイトの特徴

  • 書籍内のサンプルコードを記載しているのでコピペで利用できる
  • 正誤情報を掲載し、もしも書籍内で誤った情報があった場合は適切な情報を取得できる
  • 書籍に関するお知らせを得られる

サポートサイトも併せて活用すると本書を便利に使うことができます。ご購入者はブクマしてぜひご利用ください!


現場で使える Webデザインアイデアレシピの画像
書名
現場で使える Webデザインアイデアレシピ
価格
3,058円(本体価格 2,780円+税10%)
ページ数
288ページ
著者名
小林 マサユキ
出版社
マイナビ出版
ISBN
978-4839977351

Amazonで購入する

人気記事

  1. いざという時に使える13のHTML&CSS Tips集の画像

    いざという時に使える13のHTML&CSS Tips集

  2. ジュンク堂書店池袋本店の選書フェア

    ジュンク堂書店池袋本店の選書フェアで選んだ34冊の中から9冊を紹介してみる

  3. 見出しをおしゃれにする英字フォントの画像

    【無料】見出しをおしゃれにする英字フォントを19個集めてみた

  4. 見出しに使えるfit-contentを解説してみる

  5. 配色ツール9選のサムネイル画像

    配色ツール9選。すぐ使えるWebツールをあつめてみた