【Dart Sass対応】LPをつくって学ぶSass×FLOCSS

【Dart Sass対応】LPをつくって学ぶSass×FLOCSS

無料で読める本

CSSのメタ言語であるSassやCSS設計で注目されているFLOCSSを用いてランディングページを制作するチュートリアル。 CSSを効率的に書けるSassや、管理しやすいCSSの書き方であるFLOCSSなどを用いて実際に簡単なランディングページを制作していきます。 ▼本書で学べること - Sass と FLOCSS を組み合わせた管理しやすい CSS の書き方 - Sass を用いたスタイリング - FLOCSS に基づいた CSS クラスの命名 ▼読んでほしい人 - HTML/CSS でのコーディングにはある程度慣れてきた人 - Sass や FLOCSS を使って制作物をつくってみたい人 - CSS 設計を意識したコーディングをしていきたい人 ▼本書で作成するページのデモ https://traveler20.github.io/practice/00/ ▼ソースコード(GitHub) https://github.com/traveler20/practice/tree/master/00 ※【2022年4月20日 更新】Dart Sass版のLPに更新しました。

Community
Author
ゆるけー

正社員・副業ともにWebデザインやコーディングをしています。 コロナで新卒入社予定の会社が2か月の入社日延期後、内定取り消しになりました。何やかんやあって、今はフロントエンジニア的なWEBデザインの仕事をしています。

Topics
¥0今すぐ読む
公開
本文更新
文章量
70,832
価格
0