CSSの保守に便利なcsscombとscss-lintについて説明します。 scss-lint scss-lintは、SCSSのコードから与えた設定に違反している箇所を報告してくれるツールです。jslintやrubocopのSCSS版のようなものです。これをCI等で定期的に実行しておくことで、ルールに違反したコードの蔓延を防ぎます。 csscomb csscombはNode製のツールで、CSSのコードを与えた設定に従って自動で変換してくれるものです。scss-lintを初めて導入するときに利用すれば、大半の警告を自動で修正してくれるでしょう。但しCSSの文法しか解釈できないため、SCSSに適用すると失敗する場合があります。SCSSで書かれたファイルに対して適用してみたところ、@includeなどの文法は受理されるものの、@ifなどの文法を受理できないようです。しかしながら問題となるケースが
t32k/grunt-kss CSS - イケてるスタイルガイドを簡単に作れるgrunt-kssについて紹介するよ - Qiita StyleDocco より kss のほうがナウそうなので使ってみる インストール npm install grunt-kss Gruntfile.js の設定例は以下 kss: { options: { includeType: 'css', includePath: 'path/to/style.css' }, dist: { files: { 'docs/styleguide': ['path/to/source_dir'] } } } 意味はこんな感じ path/to/source_dir 以下のスタイルシート(scssとか)をパース docs/styleguide ディレクトリにスタイルガイド用の HTML などを生成 自動生成されないので事前に対象
t32k/grunt-csso YUI CompressorやClosure CompilerのようなJavaScriptのMinifierはいろいろ存在する。CSSも同じようにgrunt-contrib-cssminで採用されているclean-cssのほかにcssoというものがある。 今回紹介するgrunt-cssoはcssoを使ってCSSを圧縮するgrunt-pluginである。 JavaScriptのMinifierに関してはそのMinifiyの技術に関していろいろ話題に上がることだが、CSSはどうだろうか。CSSのMinifierなんて改行や空白を取り除くしかできないんでしょ？って思っている方が多いだろうと思う。しかし、cssoは違う。 CSSO (CSS Optimizer) is a CSS minimizer unlike others. cssoのREADME.mdには上記
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
