今後もPostCSSを使っていく上でどうしていくべきかを考えてみた - blog.unresolved.xyz
この記事は酔っ払いながら書いてるので正しくない可能性があります。 Railsをwebpacker + PostCSSに移行してそれなりにコードを書いてみたけど、ちょっと思うところや考えなければいけないことがあったのでまとめてみる。 [Rails5.1.3] Asset Pipeline + SCSSからwebpacker + PostCSSに移行してみるか by 42 Design Work PostCSSのリスク PostCSSはすごく面白い仕組みで、なんかこの仕組を使ってるだけでわくわくしちゃうような仕組みなんだけど、組織で使うなら色々考えなければいけない部分もあるなと思う。 独自に進みすぎるリスク まず誰もが感じるのはこれだと思う。 PostCSSはプラグイン形式でいろいろな機能を追加していけるので、ビュッフェ感覚で気軽にプラグインを追加できてしまう。 これはまさに秘伝のタレを作るよ
SassからPostCSSにしようとして「いや、今じゃない」と移行をやめた話| cumak
※2024年現在はgulpからAstroに移行し、自分の制作環境に対する考え方も少し変わってきています。この記事は当時のものです。 長年gulpとSassでやってきましたが、最近思うところがあり、npm-scriptとPostCSSに変えようと最近頑張っていました。 …が、SassでできていたことがPostCSSでできなくなる部分が あり、またそれを許容するほどのメリットも今のところ感じられず、これは今乗り換えるべきじゃない、現状維持だという結論に至りました。 移行しようとした理由 dart-sassへの移行に苦労した Sass疲れた…と感じた最近の出来事が、dart-sassへの移行です。 下記ブログの時です。 Dart Sassに移行（Gulp / Node 16 / glob対応） 当時、globbingをdart-sassで使う方法がググってもなく、npmパッケージをnpmサイトで
postcss-preset-envで少し未来のCSSを予習する - 弁護士ドットコム株式会社 Creators’ blog
こんにちは、弁護士ドットコムでデザイナーをしているhosogaiです。 ふだんは https://www.bengo4.com/ サービス内のUI改善などをしています。 先日このブログ「弁護士ドットコム株式会社 Creators’ blog」のデザインカスタマイズを行った際にCSSの新機能をいくつか試す機会があったので、今回ここで紹介させていただこうと思います。 きっかけ PostCSSとは postcss-preset-envの使い方 npm packageで使う場合 CodePenで使う場合 試せるCSSの機能 Stage0（意欲的） Stage1（実験） Stage2（許容） Stage3（包含） Stage4（標準化） 新機能のNesting CSS Moduleを使ってみる Nesting CSS Moduleのルール 直接入れ子にする場合 @nestを使う場合 プラグインでの挙
使われていないCSSルールを検出する stylelint-no-unused-selectors を作った - 徒然技術日記
github.com 背景 発端はあるツイートより． 真面目な話、命名規則でCSSを管理する場合のdead code eliminationどうしてるのか知見ほしいマンです— terrierscript (@terrierscript) March 1, 2019 たしかに CSS Modules は webpack の恩恵により，styled-components や emotion の場合にはその仕組みゆえに，どれも CSS の dead code elimination (使われていない CSS ルールが最終的な CSS ファイルに入らないようにすること) は自然と行われます． 一方で， CSS in JS なアプローチを取らない場合には往々にして challenging なものとなります．既存のツールとしては UnCSS, DropCSS, PurifyCSS, PurgeCSS
Deprecating cssnext
Like I said in my farewell to CSS post, I don't use CSS directly anymore. And things have been this way for years now. I also have been tired of PostCSS (because I disagree with the vision and the directions taken by the project). Beside the fact that I were not using CSS directly anymore, too many PostCSS releases meant that I had to update most of the PostCSS plugins underneath cssnext in order
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
