In CSS, we’ve been encoding colors with rgb() or hex (mostly for historical reasons). However, the new CSS Color 4 specification adds many better ways of declaring colors in CSS. Of these, oklch() is the most interesting one—this article explains why.
Andrey Sitnik:
PostCSS, the framework for processing CSS with JavaScript that I started building while working at Evil Martians, has been around since 2013. With 100+ million downloads a month, it quietly tops the charts of most popular front-end tools. It is harder to find front-end code that does not rely on it in one way or another, many thanks to the ecosystem of plugins that the community has been building for years.
Support the project on Open Collective and click through to read what’s in store for the first major release in over two years.
A failed docking attempt, a dramatic reentry, and a first genuine fender-bender in orbit—what does it all have to do with modern web development? Andrey Sitnik is about to tell you…
Andrey Sitnik:
The bets are placed. Both YouTube and Netflix have named AV1 a video codec for the future: Google’s video service is already using it on TestTube (new, experimental features for YouTube). Netflix has been calling AV1 “our primary next-gen codec” for a while now.
AV1 is a new codec that produces videos 30-50% smaller than H.264 and 30% smaller than H.265. It’s already supported by Chrome and Firefox (with Edge support in beta), so it’s not too early to start encoding your videos with it.
This article helps you get started encoding with AV1 and has a great tip at the end to convert existing GIFs to it (reducing their size by 20 to 40 times)!
Andrey Sitnik:
No emails left for me to read. Nor write. I’ve sent a message to my family and delegated my open source projects (Autoprefixer and PostCSS) to my friends. With my last tweet sent, I turn off my laptop, phone, and tablet. My Digital Sabbath begins in 10 minutes: no digital devices for the next month.
An absolutely fascinating read. You can visualize Andrey’s digital sabbath on his GitHub contribution graph 👇
