Frontend Rewind 2023 – Day 17

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

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.

Web Experiment

Falling Words

A fun demo where words fall with gravity. Created by Gayane Gasparyan.

Video: State of the CSS Community

Thank you for joining us today and hope to see you again tomorrow! πŸ‘‹πŸŽ„

Manoela Ilic

Manoela is the main tinkerer at Codrops. With a background in coding and passion for all things design, she creates web experiments and keeps frontend professionals informed about the latest trends.

Stay in the loop: Get your dose of frontend twice a week

πŸ‘Ύ Hey! Looking for the latest in frontend? Twice a week, we'll deliver the freshest frontend news, website inspo, cool code demos, videos and UI animations right to your inbox.

Zero fluff, all quality, to make your Mondays and Thursdays more creative!