From our sponsor: Chromatic - Visual testing for Storybook, Playwright & Cypress. Catch UI bugs before your users do.
Welcome to Day 7 of “Frontend Rewind 2023”!
Today, unwrap more curated links, find inspiration, and enjoy an exclusive discount code for Josh W Comeau’s React course!
🏠 Fun fact: Among the ancient Slavic celebrations during winter, there was a curious tradition known as “Koliada,” where groups of people, often dressed in costumes and masks, would go from house to house, singing and performing rituals to bring blessings.
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: The Joy of React
An interactive learning experience that teaches you how to build rich, dynamic web apps with React.
Use CODROPS for a 20% discount on the “Ultimate” package (the full course). It’s valid until the end of the year, December 31st.
Article
I want to talk about WebGPU
This article highlights the debut of WebGPU, the powerful graphics API enabling the rendering of both 3D and 2D graphics on web browsers.
Tutorial
Iridescent crystal with raymarching and signed distance fields
Varun Vachhar dives into raymarching and signed distance fields and demonstrates how to spin up a raymarching shader and build an iridescent crystal.
Website Design: Lusion
UI Interaction & Animation: Si™Portfolio ©2023 – Development
Tool
Scribble Diffusion
Scribble Diffusion is a free and open-source AI-powered web app that lets you draw a rough sketch, add a text prompt, and generate images based on your sketch.
Freebie
Iconbuddy: 180K+ open source icons
Iconbuddy is a powerful icon search engine and manager that allows you to search, download, customize, and edit over 180k+ open source icons.
Web Experiment
Elysium: A Tranquil 3D Nature World
Immerse yourself in the tranquil beauty of Elysium, a stunning 3D world on the web. Discover a captivating and immersive experience built with Three.js and WebGL.
Video: Replicating amazing midwam.com look with Three.js
Your visit today made our advent celebration complete; see you tomorrow for more frontend joy! 👋🎄