定番の表現から最新の流行まで、CSSでデザインできる! 『CSS 優良デザイン×アイデア事典 プロがシェアする現場の即戦力テクニック』発売

インプレスグループでデザイン分野のメディア事業を手がける株式会社エムディエヌコーポレーション(本社:東京都千代田区、代表取締役社長:小川亨、略称:MdN)は、『CSS 優良デザイン×アイデア事典 プロがシェアする現場の即戦力テクニック』を発売しました。
『CSS 優良デザイン×アイデア事典 プロがシェアする現場の即戦力テクニック』
https://books.mdn.co.jp/books/3225303033/
Web制作の技術は日々進化しており、CSSも例外ではありません。数年前に覚えた知識のまま実装しようとすると、コードが複雑化し、修正に余計な手間がかかってしまうことも少なくないでしょう。知識をアップデートせず、古い手法を使い続けることは、制作効率を大きく落とす原因になりかねません。
本書は、モダンなWebデザインに欠かせない最新のトレンド表現から、実務で頻出する定番レイアウトまでを網羅した、“いまどきのCSS”を凝縮した一冊です。章立ては「レイアウト」「グラフィック」「UIパーツ」「アニメーション」の4章構成で、解説はステップ・バイ・ステップ形式で進みます。説明を読みながら新しい知識をひとつずつ身に付けていくことで、初心者の方でも着実にスキルを習得できるはずです。
また、本書の最大の特徴は、紹介するコードが“プロの現場仕様”である点です。単に動くだけではない、保守性や効率まで考慮された“実務で使える技術”が手に入ります。CSSのデザイン表現や実装方法でお悩みの方は、ぜひ本書でスキルアップしてください。
〈本書の特長〉
・ステップバイステップ方式でCSSのコーディングの手順がわかる
・プロの現場で使われている実務レベルのコードを習得できる
・今どきのデザインをCSSでどう表現するかが理解できる
〈こんな方にオススメ〉
・デバイスごとのレイアウト崩れに悩んでいる方
・最新のCSSコーディング手法を知りたい方
・CSSを活用してWebサイトに多彩な機能を実装したい方
〈本書の内容〉
■CHAPTER1 レイアウト
流体タイポグラフィ/aspect-ratioプロパティ/新しいレイアウト設計/コンテナクエリ/Gridで組むレイアウト/ブロークンレイアウト/高さを揃えたレイアウト
■CHAPTER2 グラフィック
グラデーション設計/ブレンドとフィルター/クリッピング・マスキング/color-mix
■CHAPTER3 UIパーツ
魅力的なボタンUI/カードUIとホバーアニメーション/グラスモーフィズムUI/アコーディオンUI/フォームのUI
■CHAPTER4 アニメーション
ファーストビューのアニメーション/マーキー表現/モーダルナビゲーション/スクロール連動アニメーション
〈著者プロフィール〉
山﨑 諒
2016年頃からWeb制作に携わり、2018年に独立してからは有料の国産テーマ「SWELL」等、WordPressのテーマやプラグインを複数開発。数多くのサイトで使われる汎用的なプロダクトの開発経験を元に、Lism CSSというCSSの設計理論・フレームワークも公開している。
大串 肇
2008年よりWordPressコミュニティに参加、以来コントリビュート活動を続けている。Web制作会社にてデザイナー兼ディレクターとして勤務後、2012年よりフリーランスmgnとして独立し、2015年より株式会社mgn代表取締役。WordPressを利用したWebサイト制作を通して、企業がビジネスを成功させるためのお手伝いをしている。
【仕様】
山﨑 諒、大串 肇 共著
定価3,080円(本体2,800円+税10%)
B5判/256ページ/オールカラー/ダウンロードデータあり
ISBN 978-4-295-20821-1





【株式会社エムディエヌコーポレーション】
株式会社エムディエヌコーポレーション(MdN)は、デザインや各種表現の可能性とノウハウを伝える出版社です。1992年に創業し、デザインの考え方・学び方、PhotoshopやIllustratorを始めとするツールの使い方、Webと共に進化するテクノロジーの情報などを提供してきました。近年では、アニメーションや映像、ゲーム、芸能など、ビジュアル・カルチャー全般に渡るクリエイティブ情報にもテーマを広げ、デザインのおもしろさや魅力をさまざまな形でお届けしています。
【インプレスグループ】
株式会社インプレスホールディングス(本社:東京都千代田区、代表取締役:塚本由紀)を持株会社とするメディアグループ。「IT」「音楽」「デザイン」「山岳・自然」「航空・鉄道」「モバイルサービス」「学術・理工学」を主要テーマに専門性の高いメディア&サービスおよびソリューション事業を展開しています。さらに、コンテンツビジネスのプラットフォーム開発・運営も手がけています。
URL:https://www.impressholdings.com/
【本件に関するお問い合わせ先】
株式会社エムディエヌコーポレーション
E-mail:info@MdN.co.jp
すべての画像
