CSSのコード品質向上のためのStylelint入門 - ICS MEDIA

2023/05/25 48 users CSS ICS MEDIA lint コード品質向上 重複

Stylelintは、スタイルシートの問題検出や自動修正を行えるLintと呼ばれる静的解析ツールです。利用することで、CSSやSCSSファイルのコード品質の向上に役立ち、具体的には以下のメリットがあります。 プロジェクトのすべてのスタイルシートから構文エラーを検出する セレクターやプロパティの重複といった、問題になり... 続きを読む

VSCode(Visual Studio Code)で簡単にSASS/SCSSファイルのコンパイルができる拡張機能「Easy Sass」がお勧め | カレリエ

2018/12/17 131 users vscode Sass SCSS コンパイル カレリエ

VSCode(Visual Studio Code)でSASS/SCSSファイルをコンパイルする拡張機能「Easy Sass」が便利だったので紹介します。 この拡張機能「Easy Sass」は便利なのですが、一番の恩恵はこの拡張機能を利用することで、スタイルシート言語の「SASS/SCSS」の導入が簡単になることです。通常であれば「SASS/SCSS」で書かれたファ... 続きを読む

Sassってみよう！〜@import編〜 | 三方良し！

2017/08/02 20 users Sass import CSS コンパイル 三方

cssでもお馴染みの @import ですが、 Sassでは少しだけ使い方が異なります。 cssの場合、@importで指定したcssファイルはあくまで外部ファイルとしてリンクされたカタチで読み込まれますが、 Sassの場合は、@importで指定したscssファイルは ひとつのcssファイルとしてコンパイル されます。 cssの@importは、外部ファイルのリンクによりHTTPリクエストが発生... 続きを読む

【Sass】新規でサイトを作るのに使えそうなの一式。Ver 1 - CSS HappyLife

2012/01/29 92 users Sass 一式 CSS HappyLife HTML 知識

シリーズっぽくやってたSassを覚えようですが、今回は今までご紹介したSassに関する知識が有れば、直ぐにでも使えそうな一式をご用意しました。 まぁ、HTMLとかは過去の新規でサイトを作るのに使えそうなの一式。とそんなに変わってないので、SCSSファイルだけ有れば良いと思いますがHTMLとかあった方が確認もそのまま出来るので良いかなーと。 【Sass】新規でサイトを作るのに使えそうなの一式。Ver... 続きを読む

(S)CSSの書き方メモ - Weblog - hail2u.net

2011/10/24 142 users Weblog hail2u.net SCSS CSS 書き方

HTML5時代に向いていそうな(S)CSSの書き方を模索しています。SCSSで書くのでモジュール式に色々分割した方が良さそうだな…とか色々試してますが、なかなかこれ！というものに辿りつけません…。ということで、ここ最近の書き方をメモがてら晒してみる試みです。 実際にこのサイトで使っているSCSSファイルを抜粋しつつ列記していきます。 style.scss style.cssになるSCSSファイルで... 続きを読む