Links
CSS color-mix()
color-mix()brings the ability to mix colors to CSS. Developers can choose which color space they mix in and how dominant each color should be in the mix.
The Guide To Responsive Design In 2023 and Beyond
The term “responsive” means a lot of things now. We have media queries that check for user preferences, and modern CSS features that help us make a fluid layout without even using a media query. Responsive is different nowadays. It’s an exciting time, indeed!
Modern Health, frameworks, performance, and harm
A person seeking help in a time of crisis does not care about TypeScript, tree shaking, hot module replacement, A/B tests, burndown charts, NPS, OKRs, KPIs, or other startup jargon. Developer experience does not count for shit if the person using the thing they built can’t actually get what they need.
Easy SVG Customization And Animation: A Practical Guide
Developers often feel discouraged from editing SVG markup and experimenting with SVG animations, thinking it’s a significant time investment or they need to use a complex animation library to do so. In this article, Adrian showcases his favorite tricks, which make the process streamlined and fun.
Videos
View Transitions are coming to the Web!
Providing a cool animation when navigating around an application on mobile has been a thing for some time now, but for the web this has been tricky to perform and is implemented in adhoc proprietary ways with some difficulty, until now! as the View Transitions API aims to provide this as a built in solution within the browser itself. Currently available in Chrome Canary behind the 'viewTransition API' for navigations and 'viewTransition API' flags we have the first look at this technology in the wild.
Sponsor
Sponsored by Cloud Four
Thanks to Cloud Four for sponsoring this week’s newsletter! If you’d like to help with the costs of running Friday Front-End, you can back our Patreon for as little as a dollar a month.