PostCSS@PostCSS

PostCSS is a tool to transform styles with JS plugins. By @sitnikcode and @evilmartians.

postcss.org/
Joined November 2014
596 Photos and videos
Load newest
Here's our CEO @inazarova—and giant robots smashing into other giant robots! She joined @victori_ousg on @thoughtbot’s podcast to discuss our passion for dev tools and how our experiences with @any_cable, @imgproxy_net, and @PostCSS have helped us. evilmartians.com/events/gian…

Giant Robots: Evil Martians with Irina Nazarova by Evil Martians

Let’s learn more about product development consultancies: what kind of problems they solve, how consulting and product development complement each other, and of course, is Evil Martians really evil?

evilmartians.com
9
8
4,297
PostCSS 8.4.25 waws released. @romainmenke improved stringify performance for @stylelint needs. github.com/postcss/postcss/p… Release’s alchemist by Domenico Ghirlandaio.
4
577
This config example shows the full power of Browserslist. The single place for your target browsers (both for tools and new developers) with high-level policies, which promote browsers diversity.
Browserslist@Browserslist
1 Jul 2023
Browserslist website 2.0 was released. Now we support multi-line configs, a few bugs was fixed and API was updated. Thanks to @jumpoffaith for his work on this release. browsersl.ist/#q=%3E+0.5%25+…
1
4
12
4,032
Thanks to @IQHive for supporting the maintenance of Autoprefixer and PostCSS opencollective.com/postcss
1
652
Really happy with the new @Stylelint rule : stylelint.io/user-guide/rule… It's type checking but for at-media queries 🎉
1
1
3
794
#StateOfCSS this years includes a wider range and updated list of tools. It's definitely not a full list, but still very happy to see that my suggestion to include postcss-preset-env, @lightningcss and @projectwallace got accepted.
Screenshot of the State of CSS survey, with all the tools I use ticked : - Autoprefixer - CSSNano - PostCSS Preset Env - Stylelint

ALT Screenshot of the State of CSS survey, with all the tools I use ticked : - Autoprefixer - CSSNano - PostCSS Preset Env - Stylelint

1
2
6
2,239
PostCSS retweeted
Stylelint@stylelint
17 Jun 2023
15.8.0 is out! It adds 1 experimental rule (`media-feature-name-value-no-unknown`), supports `.mjs` config files, and fixes many bugs, including false positives or performance improvements. Try it out! stylelint.io/changelog/#1580
2
6
1,161
Waiting for Safari 17 to test the @PostCSS plugin to use JXL in the CSS background github.com/nucliweb/jxl-in-c… #JPEGXL #JXL #PostCSS #CSS #ImagePerf #ProductPerf #WebPerf
Screenshot of https://caniuse.com/jpegxl

ALT Screenshot of https://caniuse.com/jpegxl
1
10
1,428
PostCSS retweeted
CSS Tools@css_tools_
14 Jun 2023
We also released a @stylelint plugin to help you migrate away from "at-nest" rules if you have codebases for earlier versions of the specification : github.com/csstools/postcss-…
Examples of nested CSS that is either fine or invalid for our new stylelint plugin. Source code : /* valid */ .element { article & {} } /* invalid */ .element { @nest article & {} }

ALT Examples of nested CSS that is either fine or invalid for our new stylelint plugin. Source code : /* valid */ .element { article & {} } /* invalid */ .element { @nest article & {} }

1
1
5
693
PostCSS retweeted
CSS Tools@css_tools_
14 Jun 2023
New release for @PostCSS Preset Env 🎉 This includes the latest version of postcss-nesting and allows you to start nested selectors with a letter. github.com/csstools/postcss-…
Examples of nested CSS selectors that start with letters. Source code : article { h1 { margin-block: 1.25rem; } } button { svg { width: 1.5rem; height: 1.5rem; } }

ALT Examples of nested CSS selectors that start with letters. Source code : article { h1 { margin-block: 1.25rem; } } button { svg { width: 1.5rem; height: 1.5rem; } }

1
5
30
5,944
Interested in exploring space? Listen to our Head of Frontend, @sitnikcode speak at @WeAreDevs World Congress in Berlin July 27-28! He'll discuss how some unusual accidents in space helped him develop his signature OSS project, @PostCSS. evilmartians.com/events/spac…
6
7
4,200
⚡️ Linting defensive and logical CSS with Stylelint plugins blog.logrocket.com/linting-d… 🔗 #frontend #ui #ux #dev
1
2
518
Linting defensive and logical CSS with Stylelint plugins blog.logrocket.com/linting-d…
2
6
1,445
PostCSS retweeted
Stylelint@stylelint
3 Jun 2023
15.6.3 is out! It fixes 4 bugs, including 3 false positives and a bug in the `string` formatter. And it improves performance for several rules. stylelint.io/changelog/#1563
2
7
1,371
I will have a talk in Barcelona this month! The talk will be about crazy accidents in space and what lessons we took from them in @PostCSS development.
BarcelonaJS@BcnJS
31 May 2023
Next BarcelonaJS meetup will be June 14 with 2 talks: “From Multiple Repositories to a Monorepo with NX” by Lluc Estrany from @wearearbolus. “What I learned as a developer from accidents in space” by @sitnikcode from @evilmartians. meetup.com/barcelonajs/event…
1
3
8
2,476
Evil Martians on @DevToolsFM: @HipsterSmoothie and @Zephraph interviewed our CEO @inazarova about her background, path to leadership, and how open source tools, including @any_cable, @imgproxy_net, and @PostCSS, drive our business. evilmartians.com/events/irin…

Irina Nazarova from Evil Martians for Devtools FM by Evil Martians

This week we’re joined by Irina Nazarova, CEO of Evil Martians. Evil Martians is a consultancy that has created and amazing open source catalog with projects like PostCSS, AnyCable, and imgproxy. We...

evilmartians.com
6
8
1,990
Custom fonts could create a page “jump” during font loading. New CSS has a way to fix it by modifying the sizes of fallback font. But how to calculate the changes between fonts? By fontpie script with the new amazing PostCSS plugin by @TomerAberbach! github.com/TomerAberbach/pos…
1
31
143
26,091
PostCSS 8.4.24 was released. We fixed plugin’s types. github.com/postcss/postcss/i…
3
9
14,309
Just published a new PostCSS plugin for avoiding layout shifts caused by web fonts. See the blog post! tomeraberba.ch/avoid-layout-…

Avoid Layout Shifts Caused by Web Fonts With PostCSS Fontpie

When your CSS references a web font before it finishes downloading, the browser renders text using a fallback system font instead, causing a layout shift if the text container's height changes once…

tomeraberba.ch
3
9
25
3,453
Replying to @branmcconnell
But luckily PostCSS Preset Env is only a temporary tool. It makes it possible to use something a little bit sooner than you would normally be able to, but in the end it becomes obsolete when the feature is fully adopted :)
1
1
1
494
Load more