From our sponsor: Leverage AI for dynamic, custom website builds with ease.
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. 🐱
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: 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.
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! 👋🎄
