簡単なSASS/SCSSの導入方法【Gulp・yarnの使い方】【前提】Node.js 開発環境を構築する そもそも SASS/SCSS ってなんやねん…という人もいるかもしれませんが、 簡単に言うとプログラミング風に CSS 書こうぜ！というものです。 そんな SASS/SCSS を使うためには Node.js 開発環境が必要です。 nodebrew で Node.js インストール グローバル環境に Node.js をインストールすると開発環境を汚染してしまいます。 nodebrew コマンドを使うといつでもバージョン切り替えできるので便利です。
Sassとは？〜今からでも遅くない！基礎から学ぶSass入門｜ferret [フェレット]
これまで、 CSS はそのままstyle.cssのようなファイルに直接スタイルを書いていく方法が主流でした。 しかし、Webサイトが巨大化したり、より高度で細部にまで渡ってスタイルを決めていく場合、 ファイルサイズ が大きくなり、どうしても保守性に欠けてしまいます。 そこで登場したのが、プリプロセッサーであるSassやLESS、Stylusといったメタ言語です。 こうした言語を使うことで、 CSS をよりプログラミングに近い形で扱うことができるようになります。 今回は、その中でもSassに焦点を当てて、初心者でも理解しやすいように「入門」としてまとめました。 基本的な使い方を中心に扱っているので他にも便利な使い方はありますが、まずはこれらを押さえておけば、Sassを使い始めることができます。 CSS の勉強をワンランクアップさせたいWebデザインを勉強中の方は、ぜひチェックしてみてください
![Sassとは？〜今からでも遅くない！基礎から学ぶSass入門｜ferret [フェレット]](https://cdn-ak-scissors.b.st-hatena.com/image/square/57649414616d9d837d055520bc48249d31a67482/height=288;version=1;width=512/https%3A%2F%2Fferret.akamaized.net%2Fimages%2F58b7aee7781b8758c8000328%2Flarge.png%3F1488432867)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
