Web制作者のためのSassの教科書 改訂2版 Webデザインの現場で必須のCSSプリプロセッサ

‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐
Dart Sassに対応して大幅刷新
‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐

CSSをより便利に効率的に書ける「Sass（サス）」の定番解説書を、最新のコーディング環境にあわせて7年ぶりに大幅刷新！

Sassは導入が面倒そう。はじめたいけどあと一歩が踏み出せない。CSSを今よりも効率的に書きたい。こうした方がSassを導入するきっかけとなり、ひと通りSassの機能を使いこなせるようになるのが本書の目標です。

CSSをHTMLの構造に合わせて入れ子で書いていく「ネスト」や、便利な「変数」や「演算」などのSassの基本機能はもちろん、筆者がプロの現場で実際に使っている実践的なテクニックまで、この一冊で網羅しています。

●改訂3版のポイント
・［Dart Sass］に完全対応
・［VS Codeの拡張機能やnpm-scripts］を使ったコンパイル方法
・Sass独自のインポート方法［@use］と［@forword］の使い方
・大きく変わった［関数の使い方］と［全関数解説］
・［AIを活用した効率化］のアイデア など

CSSをより便利に、効率的に書ける「Sass（サス）」の解説書を、最新のコーディング環境にあわせて大幅刷新！Sassは導入が面倒そう。はじめたいけどあと一歩が踏み出せない。CSSを今よりも効率的に書きたい。こうした方がSassを導入するきっかけとなり、ひと通りSassの機能を使いこなせるようになるのが本書の目標です。CSSをHTMLの構造に合わせて入れ子で書いていく「ネスト」や、便利な「変数」や「演算」などのSassの基本機能はもちろん、筆者が実際に仕事の現場で使っている実践的なテクニックまで、この一冊で網羅しています。

「リサイズに柔軟に対応できる」「書き出し時に解像度を自由にコントロールできる」などマルチデバイス時代に最適なベクターデータを「効率的に作る」ためのプロの考え方を徹底解説！「デバイスに合わせてアイテムを150％拡大したい」「Webだけでなく紙媒体でも使えるものにしたい」「Sketch 3の使いどころは？」「SVGのことをちゃんと勉強したい」そんな人のバイブルになるのが、この本です。Illustratorで制作に取りかかる前の準備・設定から、「ピクトグラム」「ロゴデザイン」「Webデザイン」のワークフロー、グラフィックデータを効率よく書き出す方法までを丁寧に解説。また、注目されはじめた「Sketch 3」や「SVG」についても説明します。