Ten Tips for Better CSS Transitions and Animations Josh Collinsworth shares some fantastic advice on creating high-quality, polished web animations. Read more The End of Front-End Development Joshua Comeau shares his hypothesis for what will happen with the front-end development landscape as AI tools become increasingly prominent. Read more Mastering Prettier & Stylelint Working with Prettier Module 3 of my course, Mastering Prettier & Stylelint, has just been released. I dig deep into advanced Prettier concepts showing you how to work effectively with it on a day-to-day basis, f ..read more

Easing Curves, and Better CSS Transitions and Animations Josh Collinsworth shares a fantastic guide on CSS cubic-bezier easing curves and how to create the best possible transitions and animations in your web UI. Read more Improved Font Fallbacks Katie Hempenius created a deep dive into font fallbacks and the size-adjust, ascent-override, descent-override, and line-gap-override APIs. Read more From Our Sponsor Try 30 free days of unlimited, online creative classes With Skillshare, you can watch thousands of creative classes taught by expert instructors. Start you ..read more

A color-contrast() Strategy for Complimentary Translucent Backgrounds Adam Argyle shows how to create dynamically contrasting text with a supportive translucent background. Read more Rotating Gallery With CSS scroll-driven Animations Jhey Tompkins demonstrates how to use CSS scroll-driven animations API to create a neat gallery effect. Read more From Our Sponsor The 360-Degree Guide to Building a Mobile App with React Native It can be challenging to choose the right technological stack when you want to create a mobile application with a responsive user interface that works on all platfor ..read more

The Guide To Responsive Design In 2023 and Beyond Ahmad Shadeed explains that responsive design isn’t just about fixed-width breakpoints and making a website work on mobile, tablet, and desktop. Read more How to Favicon in 2023: Six files that fit most needs Andrey Sitnik outlines a smarter approach to favicons that adopts a minimal set of icons that fits most modern needs. Read more From Our Sponsor (via Paved) Developer-friendly eSignature API that scales with your workflows The signNow API is here to surprise you – always in a good way. We have designed the API to make it quick and ea ..read more

CSS color-mix() Adam Argyle explains how you can mix colors in your stylesheets by using the color-mix() function. Read more Greater Styling Control Over Type With ‘initial-letter’ Stephanie Stimac gives an excellent introduction to initial-letter, a new, still experimental addition to CSS. Read more From Our Sponsor It’s a tricky situation You want to get your products to market as soon as possible. Data privacy and security concerns can slow you down, but ignoring them can be disastrous. Where must you avoid taking shortcuts to put data privacy first? This quick guide covers the most c ..read more

The Truth About CSS Selector Performance Patrick Brosset explains how improving certain CSS selectors can lead to important performance gains. Read more Level Up Your CSS Skills With The :has() Selector Stephanie Eckles reviews how to combine :has() with other CSS selectors. Read more From Our Sponsor It’s a tricky situation You want to get your products to market as soon as possible. Data privacy and security concerns can slow you down, but ignoring them can be disastrous. Where must you avoid taking shortcuts to put data privacy first? This quick guide covers the most common ..read more

Conditional CSS Ahmad Shadeed goes over a few CSS features we use daily and shows how conditional they are. Read more Deploying CSS Logical Properties On Web Apps 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. Read more From Our Sponsor Remove the Hurdles of Distributed Data, Distributed Systems and All Underlying Architecture Complexity Get right to the business logic with Kalix. Build high-performance microservices and APIs with NO oper ..read more

Newsletter Stats The newsletter continued growing steadily in 2022 without much marketing apart from a few cross-promotions with fellow newsletter creators. You know who you are. Thank you. ? Published 47 newsletter issues ? Passed 34,000 subscribers ? Shared more than 450 links ? Featured more than 200 authors ? Sent out 400,000 emails ? Got to 10,000 Twitter followers ? Gained 2,000 YouTube subscribers ? Had support from 26 wonderful individuals on Patreon ❤️ Got the privilege of working with 30 amazing sponsors YouTube Stats I spent most of my time in 2022 working on content for the Yo ..read more

The State of CSS 2022 Results The results for the 2022 edition of the annual survey about the latest trends in the CSS ecosystem have been published. Read more CSS image() Kevin Powell explains how the image() function adds new features to enhance the capabilities of background-image declarations. Read more From Our Sponsor No more one-off scripts or fragmented cron jobs. Automate faster with Retool Workflows. Retool Workflows is a fast way to create cron jobs, custom alerts, and ETL tasks built specifically for developers—no need to provision infrastructure or maintain one-off scripts ..read more

mask-image Lets You Do Some Really Cool Stuff Kevin Powell shows how to add some creativity to your designs with mask-image CSS property. Watch video Digging Deeper Into Container Style Queries Geoff Graham explores the more nuanced aspects of Container Style Queries. Read more From Our Sponsor (via Paved) Looking for a new way to cut UX friction? Try CommandBar! Today’s users expect hyperfast consumer experiences. Yet many web apps still force users to wade through “menu hell” to find the right content. CommandBar takes users from intent to action faster. Deliver onboarding nu ..read more