QiitaのCSS構成2016 - Qiita

Qiitaを開発しているIncrementsで、フロントエンドをやっていってる @morishitter です。入社して4ヶ月が経ち、会社にも少しずつ慣れてきました。 CSS Advent Calendar 2016 の1日目の記事として、Qiita及びQiita:TeamでのCSSの構成について書きます。 脱Sprockets Qiita / Qiita:Teamでは、サーバーサイドのアプリケーションフレームワークとしてRuby on Railsを採用しています。そのため、これまでは Sprockets というRailsにbundleされているassetビルドツールを使ってSassをCSSにコンパイルしていました。しかし今では、全てのCSS, JSのビルドをNode.jsで行っています。 CSSでの移行手順はざっと以下の通りです。 まず、Sprocketsで使われているRuby製のSas

[teppeis]

「PostCSSを使うなら（少しでも）標準化される可能性のある仕様をベースにしたプラグインを使うようにしています」CSSもECMAScriptみたいなStageとかあると楽なんだけどなー

[Qurage]

[]

[oki448jp]

Qiitaの脱SprocketsとPostCSS、stylelint、CSS設計について

[kasumani]

QiitaのCSS構成2016 Qiitaを開発しているIncrementsで、フロントエンドをやっていってる @morishitter です。入社して4ヶ月が経ち、会社にも少しずつ慣れてきました。 CSS Advent Calendar 2016 の1日目の記事として、Qiita及びQiita:TeamでのCSS

[UDONCHAN]

参考になる

[efcl]

sortしてからminifyすることでgzipどれくらいよくなるのかな

[yomotsu]

postcssの偽カスタムプロパティーってネストした時に継承されないだろうから、シンタックスは同じだけど動きは標準と違うよね...

[izumin5210]

脱Sprocketsしたおかげで遠慮なくPostCSSが利用できるのアツい

[nakajmg]

🙏🙏🙏 / “スタイルガイドジェネレーターとして Aigis を使っています。”

[morishitter]

書いた