出版社内容情報
Web開発が複雑化した現在、CSSについても仕様や知識を知っているだけでは対応できない問題が増えています。
破綻しないCSSを組むには、どのように考えて設計すればよいか? デザイナーや他の開発者と連携する場合のルール作りは? ReactやVue.jsを使ったWeb開発の案件の場合はどうしよう? Sassなどを使ってビルドする場合は? ……などなど。
本書は、これからWebサイト制作・開発の現場に入る人や、現場で悩んでいる人を対象に、CSSの設計についてわかりやすく解説するものです。
BEMやSMACSSといった設計手法、余白の設計、スタイルガイド、SassやAutoprefixer、PostCSSなどを使ったビルド、ユーティリティファーストという考え方。
Web制作・開発に多種多様な選択肢がある中で、プロジェクトの要件と状況に応じて最適なCSS設計を導き出すための「思考」を鍛える内容となっています。
内容説明
これから実務に入る人に。実務の現場で悩んでいる人に。破綻しないCSSを組むにはどうしたらいいか。デザイナーと連携するとき、上手に進める方法は?…CSSの仕様や知識だけでは解決しない現場の問題を、BEM、SMACSSなどの設計手法や知っておきたいキーワードを交えつつ、わかりやすく解説。
目次
CSSを書くということについて
CSS設計がないと困ること
とりあえずBEM
BEMのB=Block
BEMのE=Element
BEMのM=Modifier
BEMその他
SMACSS:Baseルール
SMACSS:Layoutルール
SMACSS:Themeルール〔ほか〕
著者等紹介
高津戸壮[タカツドタケシ]
株式会社ピクセルグリッドテクニカルディレクター。Web制作会社、フリーランスを経て、株式会社ピクセルグリッドに入社。数多くのWebサイト、WebアプリケーシヨンのHTML、CSS、JavaScript実装に携わってきた。受託案件を中心にフロント周りの実装、設計、テクニカルディレクションを行う。スケーラビリティを考慮したHTMLテンプレート設計・実装、JavaScriptを使った込み入ったUIの設計・実装を得意分野とする(本データはこの書籍が刊行された当時に掲載されていたものです)
※書籍に掲載されている著者及び編者、訳者、監修者、イラストレーターなどの紹介情報です。