From our sponsor: Chromatic - Visual testing for Storybook, Playwright & Cypress. Catch UI bugs before your users do.
Welcome to Day 17 of “Frontend Rewind 2023”!
Join us for another day of frontend highlights and resources from 2023 and grab a special discount for Dan Mall’s book!
π°π―οΈ Fun fact: The Festival of Lights in Lyon originated in 1852 when candles adorned windows to honor the Virgin Mary. Nowadays, in December, Lyon transforms into a magical spectacle, celebrating its living heritage with stunning light displays. The city’s Renaissance facades and majestic buildings become canvases for enchanting son et lumiΓ¨re installations, showcasing light as an integral part of Lyon’s identity and revealing the beauty of its architecture.
Join the Frontend Tribe!
You don’t have to wait a whole year to get the best frontend news and design inspiration! Subscribe to our Collective and get bi-weekly updates that will keep you at the frontend forefront π
Community Discount: Design That Scales
Discover the secrets to building sustainable and successful design systems with Design That Scales by Dan Mall. As a design systems expert, Dan shares insights from his vast experience assisting renowned brands in creating practices that stand the test of time. Whether you’re a designer, engineer, product manager, or leader seeking efficiency, this book is your guide. Perfect for those shaping the future of digital products.
Dive into the essentials of design system creation, management, and sustainability, and gain valuable insights into collaboration, metrics for success, marketing strategies, and essential guidance. Get the book and enjoy a 20% discount with the code CODROPS. The promotion is valid until January 7, 2024.
Article
The Ultimate Guide to Image Optimisation
Learn how to optimize your website’s images for better performance and page speed, and ultimately improve user experience and Core Web Vitals, with this comprehensive guide that covers everything from the basics of image optimization to the best tools and techniques to use for maximum results.
Tutorial
Rebuilding a featured news section with modern CSS: Vox news
Learn how to rebuild the Vox News featured section with modern CSS in this tutorial by Ahmad Shadeed.
Website Design: OK C’EST COOL
UI Interaction & Animation: Xenial β Landing page design
Tool
Puck: The self-hosted drag and drop editor for React
Puck is a self-hosted, drag and drop editor for React that offers visual editing for existing React component libraries, integrations with 3rd party headless CMS, inline content editing, and no vendor lock-in, allowing for self-hosting or integration with existing applications.
Freebie
The Matte Engine
A beautiful Figma and Sketch design template that is perfect for online courses! Created by The 18 Design.
Video: State of the CSS Community
Thank you for joining us today and hope to see you again tomorrow! ππ