Frontend Rewind 2023 – Day 17

Join us for another day of frontend highlights as we open Day 17 of our calendar.

By Manoela Ilic in Articles on December 17, 2023

From our sponsor: Leverage AI for dynamic, custom website builds with ease.

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.