This month, we’ll take a look at CSS Features. Every year you’ll find articles like Future of CSS Features in 2021 or 5 new CSS features you can test right now. Over the years CSS has become really powerful, supporting responsiveness on many devices and different use cases like right to left direction, prefers-reduced-motion or prefers-color-scheme. For me that makes a lot of sense because CSS has been around for more than 25 years, since 1994 and the world has changed a lot since then. If you want to learn a little bit more about the history of CSS, I can recommend reading this article by the W3C.
But how are CSS features actually made? The main discussion around what features will be implemented in browsers will be made in the W3C in the CSS Working Group with its 142 members. A lot of the members are made up of representatives from big companies that are involved in maintaining browsers like Adobe, Apple, Google, HP, Microsoft, Mozilla and, Opera. Another part of the working group are invited experts like Rachel Andrews or Lea Verou. You can see the full list of members here and you can check the updates on anything that is being discussed on the CSS Working Group site.
Personally, I love to use Can I Use to check for different (old or new) CSS features. By making use of the filter on Can I Use, you can filter CSS features by Working Draft or Candidate Recommendation and immediately see the support by the different browsers as well as notes or known issues on the feature. I can also recommend checking out The State of CSS Survey to find out how CSS is evolving each year.
This awesome tool by Sarah Drasner allows you to quickly and easily create CSS grids.
A collection of beautiful CSS box-shadows found on pages like Stripe, Facebook, Shopify, or Airbnb.
This month was filled with conferences and I got to speak at JSWorld Conference about Headless eCommerce with Next.js. A few months ago I built some integration plugins for Storyblok to integrate with different eCommerce providers and it was great to see that they integrated nicely with Vue Storefront and Next.js commerce. My talk will probably be available on the Storyblok blog next week and you can also check out the slides. Other than that I built some internal Nuxt apps (copying things and auto translating things) with Storyblok’s new Design System and wrote some documentation on it. I also finally shared my master thesis on mobile animation on my blog.
This is a great book for learning to build and analyze information architecture. Learning about this topic really helps any website to make information easier to understand and to solve architecture problems.