PostCSS is a tool to transform styles with JS plugins. By @sitnikcode and @evilmartians.
- Tweets 4,831
- Following 67
- Followers 9,150
- Likes 468
PostCSS retweeted
📝 Reminder
If you are using @stylelint to lint the CSS in your project, you can use "Stylelint Config Generator" to config the `.stylelintrc` file step-by-step.
maximgatilin.github.io/style…
#css #cssCreafters #stylelint
8
33
PostCSS 8.2.5 was released. @nex3 fixed list.split().
github.com/postcss/postcss/p…
Release’s alchemist by @crystalakecurse. The Bachelor from @IcePickLodge Pathologic game.
deviantart.com/boneparties/a…
2
5
7
PostCSS retweeted
`@custom-media` queries can help code legibility via friendly naming!
(see example image)
draft spec drafts.csswg.org/mediaquerie…
postcss plugin github.com/postcss/postcss-c…
ALT @custom-media --motion-OK (prefers-reduced-motion: no-preference); @media (--motion-OK) { body { scroll-behavior: smooth; } }
if the user has expressed no motion preference, destructure the feature detection boolean result and give it a friendly name on the fly
voila, now you can check if motion is OK before running any motion based animation code 🤓
ALT const { matches:motionOK } = window.matchMedia( '(prefers-reduced-motion: no-preference)' );
5
35
156
PostCSS retweeted
Browserslist 4.16.3 was released.
Now `npx browserslist@latest --update-db` will check the current caniuse-lite version and will not spend resources if you have only the latest version in the lock file.
github.com/browserslist/brow…
2
4
PostCSS retweeted
Autoprefixer 10.2.4 was released. @sitnikcode fixed browser names in `npx autoprefixer --info`. This CLI command shows vendor prefixes still required on your project.
github.com/postcss/autoprefi…
Release’s knight by Andrius Matijosius.
artstation.com/matjosh
2
2
PostCSS retweeted
What prevents you to use @PostCSS?
Do you miss any functionality or features?
#css #cssCrafters #PostCSS
1
1
5
PostCSS retweeted
If you ever find yourself having to run @PostCSS in a @babeljs plugin or synchronize any arbitrary async function in Node.js, make sure you check out this write up
📝 New blog post: Synchronizing Async Functions in Node.js
Executing async function synchronously? Sort of...
⚙️🚦 Use Worker Threads and locks on shared memory to synchronize arbitrary async functions.
giuseppegurgone.com/synchron…
1
2
PostCSS retweeted
Autoprefixer 10.2.3 was released with PostCSS 8 plugin compatibility fix.
Now Autoprefixer does not ignore new properties added by other plugins by visitor API.
Release’s knight by @_elibaum
elibaum.art/
2
4
PostCSS retweeted
13.9.0 is out! It adds a formatter for TAP and squishes 4 bugs. Two of which make the color-hex-length and color-hex-case rules compatible with CSS-in-JS object notation stylelint.io/changelog#1390
2
9
Mozilla’s sourcemap moved to WASM and async API in 0.7. This is why most of the tools (including PostCSS) stuck with 0.6.
@7rulnik started to backport 0.7 performance optimizations to improve PostCSS performance.
github.com/postcss/postcss/p…
1
6
13
PostCSS retweeted
When there is PostCSS listed in a job description does it mean the ability to use PostCSS or the ability to write PostCSS plugins? Or both?
1
1
PostCSS retweeted
I reduced GC calls during source map generation in @PostCSS
github.com/postcss/postcss/c…
I took the idea from the @rdvornov Telegram channel. He writes great notes about low-level optimization tricks.
t.me/gorshochekvarit/81
5
7
PostCSS retweeted
PostCSS plug-ins support is the #4 most-liked issue on Angular CLI repo. Understanding how our users use PostCSS is the first step to fixing this issue. Please let us know if you have any feedback / suggestions!
What is your favorite PostCSS plugin? 👩🏾🎤
Our tooling team is exploring and interested in how you use PostCSS in your Angular applications!
Fill out this form to provide your input ⤵
bit.ly/angular-postcss-surve…
1
2
PostCSS retweeted
forgot to mention that it's built on top of @PostCSS and uses their AST augmented by my own grammar and PEGjs parser. Which means it's compatible with other postcss plugins! The flexibility and power of postcss with the cohesion of a preprocessor
1
1
PostCSS retweeted
npx browserslist@latest --update-db
☞ updates Browserslist’s dataset and shows changes to target browsers in your project
Browserslist 4.14.7 was released:
— @AleksandSl28 added browser changes to `browserslist@latest --update-db` output
— Fausto Núñez Alberro added Yarn Workspaces support to --update-db
7
14
PostCSS retweeted
🤩 OMG!
The avif-in-css @PostCSS plugin is in the Front-End Performance Checklist 2021
github.com/nucliweb/avif-in-…
#AVIF #ImagePerf #Images #Performance #WebPerf
Let's make 2021... fast! 🏎️💨
🔥 Front-End Performance Checklist 2021 [PDF, Pages, Word]
🎯 Metrics, targets
📦 Bundling
🚚 Delivery
🏎️ Single-Page Apps
🎪 HTTP/2, HTTP/3
📈 3rd-party, JS bundles
🧰 Tooling
✅ TL;DR Checklist
🎁 Free PDF #perfmatters
smashingmagazine.com/2021/01…
ALT Adaptive image loading, with various types of assets sent to different connection types.
ALT AV1, a new video format with a compression similar to the H.265 codec (the evolution of H.264) but unlike the latter, AV1 is free.
ALT A break-down showing how different resources are prioritized in Blink as of Chrome 46 and beyond.
3
9
37
PostCSS 8.2.4 was released. Tom Williams added plugin’s name to postcss.plugin() deprecation warning.
github.com/postcss/postcss/p…
2