Ahmad Shadeed goes over a few CSS features we use daily and shows how conditional they are.
Nicolas Hoffmann shares how their team at Proton carried out a massive move from CSS logical props to production and how you can consider them from a different perspective in your very own projects.
Get right to the business logic with Kalix. Build high-performance microservices and APIs with NO operations required. Start with a free trial and experience how easy it is to build the hardest applications.
A quick-tip on using Command Palette in Chrome Developer Tools to easily access any DevTools feature.
A quick tip outlining how to easily collapse all sidebar folders in Visual Studio Code.
Articles & Tutorials
Ahmad Shadeed gives a fantastic look at CSS container style queries.
Rachel Andrew explores what is possible using CSS Subgrid.
Austin Gil shows how the CSS :has() pseudo-class can improve HTML forms through validation hints, conditional content, fancier designs, and more.
Michelle Barker explains in detail how logical border radius properties work.
Chris Coyier outlines a couple of good ideas for new CSS features.
SurveyJS is a set of four self-hosted and fully customizable JS form builder libraries that let you create, easily modify, and run multiple web forms.
It can also serve as a front-end form library, for example, if you want to add a login/registration form, or a shopping cart to your site.
Mesher is an online tool for creating beautiful mesh gradients.
An online color picker and converter for OKLCH and LCH color space.
Temani Afif created a stunning hover effect using only CSS.
Until Next Week
Thank you so much for reading!
If you have any thoughts or concerns about the latest design update, please hit reply and share anything that’s on your mind. I’ll appreciate any comment or critique.
And you can get an additional 50% off on my course Mastering Prettier & Stylelint until the end of January. Use the coupon code JANUARY50 at the checkout.