Frontend Rewind 2023 – Day 06

Join us for Day 6 of “Frontend Rewind 2023” and explore the top resources that made waves in frontend this year.

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.

Freebie

SVG Hub

A library of over 70 custom-color elements ready to paste into your project.

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! 👋🎄

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!