Sass（SCSS記法）の書き方紹介 | 東京のホームページ制作 / WEB制作会社 BRISK
2020年の冬からSassが社内標準として採用されました。 最初は戸惑いましたが、慣れるとCSSを書くのがつらくなるぐらい便利です。 Sassのごく一部の機能しか使っていないな、と思ったので書き方をまとめてみました。 SassについてSass（Syntactically Awesome StyleSheet）はCSSのメタ言語です。CSSのメタ言語をCSSプリプロセッサと呼んだりします。 メタ言語は言語を定義したり、言語についての情報を記述したりするための言語です。CSSの機能を拡張した言語の1つがSassと言えます。 SassはCSSに変換（コンパイル）する必要があります。環境構築が面倒という方もGUIコンパイラやVSCodeのプラグインなどを使えば、気軽にSassを導入できます。 GUIコンパイラの使い方については、こちらの記事を参考にしてみてください。 Sass(SCSS)を始めよう
Sass(SCSS)を始めよう！「Prepros（プリプロス）」で簡単にSass環境を作ろう！（実践編） | 東京のホームページ制作 / WEB制作会社 BRISK
Preprosでできること(一部抜粋) 1. Sass（それ以外にもLess、Stylus、Pug/Jade、Haml、Slim、CoffeeScript、TypeScript）をコンパイル可能2. エラーログを詳細に、見やすく出力3. HTTP&HTTPSサーバーが内蔵されており、WordPressやShopify、MAMPなどの外部サービスとも連携可能4. モバイル端末で簡単にページをプレビューできる5. ブラウザと同期可能6. CSSやJSの圧縮・画像の最適化が可能7. JavaScriptファイルの連結 プロジェクトごとに適した設定を行って共有しよう！実案件では１つの案件に複数人の人が関わることが多いですよね。 その際に、プロジェクトごとに適した設定を行うことで、各人が同じ設定のもと作業を行うのでGitで管理していた場合、衝突がおきにくいなど一貫性が保たれるというわけです。 その設
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
