一通りCSSについて学んできましたが、CSSを書くにあたり効率的かつ管理しやすい形でCSSを作りたいですよね！ そのためにはどうしたら良いか？についてここでは学んでいきましょう。 CSS設計について OOCSSについて 「構造」と「見た目」の分離 「コンテナー…

Sassについて学んだところで、実際にコードを書いていくための準備をしましょう。 SassからCSSへコンパイルする Live Sass Compilerのインストール 設定画面記述文 Sassの出力方法の設定 拡張子 出力先フォルダ Autoprefixerによるベンダープレフィックスの…

SassのSCSS文法について学んでいきます。 Sassとは？ 入れ子の書き方 ＆でつなげる擬似要素・クラスの書き方 変数を使ってみよう 変数をつかった四則演算 定義したスタイルを使いまわそう @extendの使い方 @mixinの使い方 @extendと@mixinの違い @mixinを使…