タグ

2022年6月22日のブックマーク (2件)

  • stylelintの導入とVS Codeの設定の方法 - Qiita

    概要 stylelint1とはCSSのためのLintです。Lintとは「コンパイラではチェックされない、バグの要因となりそうなソースコードの記述に対し、警告を行う静的解析処理」2のことで、こうした処理によって、「コードを実行する前に明らかなバグを見つけたり、括弧やスペースの使い方などのスタイルを統一したりするのに役立ち」3ます。 CSSは素のままだとエラーを吐かず、どこに原因があるのかを探すのに苦労しますが、stylelintを使うことで基的な構文エラーやスタイルの重複、タイポなどがあると、エラーを検出し、どこのファイルの何行目に問題があるのか教えてくれます。一部の書式に関する規則に対しては自動的に修正することもできます。設定できるルールは170以上あり、柔軟にカスタマイズできます4。また、GitHub5などでも使われ、CSSだけではなく、SCSSやSass、Reactのstyled c

    stylelintの導入とVS Codeの設定の方法 - Qiita
  • 【これからScssを使う人へ】Scssの使い方と便利さをさらっと紹介するぞ - Qiita

    この記事は 普段CSSでコーディングしているけど、 Scssも便利らしいし勉強しなきゃなあと思ってる人向けの記事だよ!! わたしも初めからScssを使ってたわけではないので、使ってみるまでいまいち便利さがわからなかったんだが、 今はもう逆にCSSでどうやって書いてたかよく覚えてないぞ・・・(´-ω-`)うぬぅ Scssって何? Sass は Syntactically Awesome Style Sheets (構文的に素晴らしいスタイルシート) の略で、CSSを便利に使えるように拡張した言語です。 -SASS (scss) の基的な使い方/Web Design Leaves CSSとだいたい一緒だけど、色々できてめちゃ便利になったのがSassって感じだな。 あれ?Sass?Scssじゃないの? SassとScssはだいたい一緒だけど、ちょっと違う。 で、CSSから入ってるひとなら絶対S

    【これからScssを使う人へ】Scssの使い方と便利さをさらっと紹介するぞ - Qiita
    pcrd
    pcrd 2022/06/22