Nexus 9
PS4
Intuos Pro
Core i7-4790K
Tags:Sass・SCSS

CSS3の「text-shadow」を使ったデザインの例を作りました。

前回の記事がそこそこ評判良かったので、見出しのデザイン例もいくつか作ってみました。

ほぼコピペで使えるシンプルなコード集です。使いたい人はご自由にどうぞ。

SCSSがもっと普及しますように…というわけで、SublimeText3でSCSSを記述→CSSにコンパイル出来る状態にするまでの流れを解説します。

Sass環境を作るために必要な「Ruby」の導入、そして「SublimeText3」でSass(SCSS)をコンパイル出来るようになるまでの手順を解説します。ついでにプロジェクトのサンプルも載せておくので、環境さえ整えばすぐにSassコーディングが可能です。

日頃からCSSを書いている人なら一度は思う「変数とか関数とかネストとか使いてぇ!」を叶えてくれる、魔法の言語『Sass』の魅力を伝えます。