From our sponsor: Chromatic - Visual testing for Storybook, Playwright & Cypress. Catch UI bugs before your users do.
Welcome to Day 6 of “Frontend Rewind 2023”!
Today we have some more links for you, plus inspiration, and a great discount code for Elizabeth Lin’s course!
👹 Fun fact: Krampus, a horned figure from Alpine folklore, partners with St. Nicholas during Advent. On the evening of December 5th, they visit children, with St. Nicholas rewarding good behavior and Krampus punishing misbehaving kids with birch rods. The figure’s origin is unclear, possibly pre-Christian. In Krampus parades, young men dressed as Krampus aim to frighten audiences. These events are an annual tradition in many Alpine towns, and Krampus is also depicted on holiday cards known as Krampuskarten.
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 Art of Visual Design
The Art of Visual Design (Elizabeth’s Version) is an ✨ all-inclusive ✨ fun and interactive learning experience for designers of all levels, filled with rainbows, sparkles, and a sprinkle of sass. The experience is fully self-paced and is powered by a strong community with exclusive live events and personalized feedback.
You can use the code CODROPS10 for a 10% discount.
Article
What Is ChatGPT Doing … and Why Does It Work?
Stephen Wolfram analyzes the inner workings of ChatGPT and its ability to generate meaningful text. He delves into various aspects such as models, training neural networks, embeddings, tokens, transformers, and language syntax. Long read that is worth spending some time on!
Tutorial
Refraction, dispersion, and other shader light effects
A guide by Maxime Heckel on how to reproduce a chromatic dispersion effect for your React Three Fiber and shader projects with FBO, refraction, chromatic aberration, specular, and other tricks through 9 interactive code playgrounds.
Website Design: Pixelflakes
UI Interaction & Animation: Stackable
Tool
Linen: Slack alternative designed for communities
Linen is an open-source Slack/Discord alternative for communities that aims to merge the advantages of a forum with the real-time interaction of chat.
Web Experiment
Dissolve Shader
A fantastic demo by Faraz where he shows how to make a Unity dissolve shader work in Three.js using R3F. Paul Henschel also made some modifications, check it out here.
Video: Transition in a 3D space in Webflow using Three.js, barba.js, and GSAP
Thanks for being part of our day—see you again tomorrow! 👋🎄