Frontend Rewind 2023 – Day 23

Day 23 in our special calendar brings more frontend highlights from 2023.

Welcome to Day 23 of “Frontend Rewind 2023”!

Whoa, time flies! We are almost at the end of our special calendar! Join us for another look at frontend highlights from 2023 and snag Readymag’s discount on their team plans!


❄️ Fun fact: Quviasukvik, running from Christmas Eve to January 7, marks the Inuit festival welcoming the new year and honoring the sea goddess Sedna. Spirits are moved for good luck in the upcoming year, and various traditional customs are showcased. Interestingly, due to Christian influences, Christmas was seen as a new year celebration by the Inuit.

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: Readymag

At Readymag, we love making web design simple and code-free. Our tool is where creativity meets convenience, offering over 5,000 fonts and a range of animations to bring your ideas to life. Whether you’re flying solo or part of a team, Readymag is perfect for smooth collaboration on websites and presentations. 

And because we truly value teamwork, here’s something special: a 30% first-order discount on all team plans this holiday season with CodropsNY. Discover a new world of web design with Readymag.

*The promo code is valid till January 30 and cannot be combined with other discounts.

Article

Things you forgot (or never knew) because of React

Josh Collinsworth argues that while React was once a groundbreaking framework, it has now become outdated and less adaptable compared to its newer counterparts, emphasizing the importance of exploring alternative frontend tools that offer better performance and features.

Tutorial

Scroll progress animations in CSS

Michelle Barker dives into the new specification that allows the creation of scroll-driven animations using CSS, specifically focusing on the Scroll Progress Timeline feature to link animations to the progress of scroll on a webpage.

Website Design: Buttermax

UI Interaction & Animation: GLASSWARE β„–001

Tool

Vizro

Vizro is a user-friendly toolkit that enables the easy and rapid creation of customized data visualization applications without advanced coding, offering flexible and scalable dashboards with high-code extensions for extensive customization.

Freebie

3D Holographic Blob Shapes

A free set of blob shapes that bring a dreamy, iridescent quality to designs.

Web Experiment

Growing Plants

Demo of a great tutorial by Matias on how to grow a branch along a path and generate procedural branchlets.

From our shop

“Fake Data Provider” Hoodie

Meet our “Fake Data Provider” hoody – our sassy nod to the AI takeover game. Why make it easy for the machines? Protect our human identity, feed it fake data! Get a 20% discount with CODROPSTRIBE20.

Video: Learn Web Components In 25 Minutes

Thank you for stopping by! We’re excited to have you visit, and we can’t wait to welcome you again tomorrow as we wrap up our calendar! πŸ‘‹πŸŽ„

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!