From our sponsor: Chromatic - Visual testing for Storybook, Playwright & Cypress. Catch UI bugs before your users do.
Welcome to Day 13 of “Frontend Rewind 2023”!
We’re thrilled to have you with us once again as we explore standout moments in frontend for 2023! Here’s an extra special treat just for you: an exclusive discount for the ultimate icon organizer, Nucleo!
π΅ Fun fact: Did you know that in ancient times, evergreen plants like pine, fir, and cedar were winter superheroes? Believed to hold healing powers, their needles were brewed into teas for immunity boosts. Using evergreen elements in winter rituals symbolized a connection to nature’s vitality, bringing a sense of well-being during the chilly months.
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: Nucleo
Nucleo is a growing collection of over 5000 pixel-perfect SVG icons, spanning more than 20 categories, expertly designed to enhance your UI projects. Our application, compatible with both Mac and Windows, simplifies icon management, allowing easy organization, customization, and integration into your workflow. Perfect for designers and developers, Nucleo significantly enhances your icon workflow, making it 10 times more efficient! Use codrops for a 20% discount!
Article
The Guide To Responsive Design In 2023 and Beyond
Ahmad Shadeed took a thorough look at responsive web design in 2023 and explores what’s in store for the future.
Tutorial
Threlte 3D-Dataviz Tutorial
In this 3-part series, you will dive into the exciting world of 3D data visualization using Threlte, a powerful framework that combines the ease of use of Three.js with the flexibility of Svelte, and learn how to create stunning and interactive visualizations that go beyond traditional 2D charts.
Website Design: Vucko
UI Interaction & Animation: X-Leap
Tool
Staticrypt
StatiCrypt encrypts your HTML file with AES-256 and generates a static page with password prompt and decryption logic that you can upload anywhere to password protect your public static HTML file without requiring a back-end, and it can be encrypted online or through the CLI.
Freebie
Free Font: Intel One Mono
Intel One Mono is a carefully designed monospaced font catering to the needs of developers, offering clarity, legibility, and an extensive language support, while addressing the concerns of low-vision developers.
Web Experiment
Particles in flight
A beautiful particle spectacle in WebGL that shows particles “in flight”. By Michal Zalobny.
Video: Why Doesn’t CSS Have Scope?
Cheers for stopping by todayβwe’ll be here again tomorrow! ππ