From our sponsor: Chromatic - Visual testing for Storybook, Playwright & Cypress. Catch UI bugs before your users do.
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! ππ