Frontend Rewind 2023 – Day 10

Discover Day 10 of our little calendar, where you can explore more hand-picked links and resources that stood out in 2023.

Welcome to Day 10 of “Frontend Rewind 2023”!

Explore the carefully selected links and educational content for today, let your inspiration soar, and make sure to snag the awesome discount by 123RF!

🐾 Fun fact: Meet the Yule Cat, a colossal and fierce feline from Icelandic Christmas folklore! This gigantic cat is said to prowl the snowy countryside during the holiday season, targeting those without new clothing. Legend has it that if you haven’t received new clothes by Christmas Eve, you might find yourself on the Yule Cat’s menu. 🐱

Community Discount: 123RF

Treat yourself to an AI Image Generation buffet this Christmas!

GO HO-HO-HO with this 25% off deal from 123RF. Generate to your heart’s content and experiment with different AI Image Generation Models from Stability.AI and OpenAI. Find it ALL in here: SDXL, JuggernautXL, DreamshaperXL, RealismEngine, Eimis Anime, DynaVisionXL and Dall-E, you’re getting every model with 123RF’s PLUS Plan.

Let your imagination run wild while enjoying more AI tools, use code 123RFXMAS25 for an incredible 25% off. (Valid from December 1, 2023 to January 15, 2024)

Article

Introducing the popover API

This article by Una Kravets introduces the popover API, a new set of declarative HTML APIs in browsers, simplifying the process of building popovers by handling complexities such as focus management, open/close states, and accessibility.

Tutorial

Painting with Math: A Gentle Study of Raymarching

Maxime Heckel explains the basics of Raymarching, its use of signed distance fields, and how to implement it in a Three.js/React Three Fiber environment, ultimately creating complex scenes with lighting, shadows, and fractals.

Website Design: Rogue Studio

UI Interaction & Animation: Content creation studio company site

Tool

Detect Scroll

Jordan Egstad open-sourced a performant scroll library he uses across all of his websites.

Freebie

Theme Toggles

This useful collection provides a selection of dark and light theme toggles that use SVGs and CSS transitions, and includes React support.

Web Experiment

Oreo Smash Donuts

Some super creative 3D typography animations by Steve Gardner.

Video: Rich Harris on frameworks, the web, and the edge

Thanks for being part of our day, have a cozy Sunday—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

Fresh news, inspo, code demos, and UI animations—zero fluff, all quality. Make your Mondays and Thursdays creative!