From our sponsor: Ready to show your plugin skills? Enter the Penpot Plugins Contest (Nov 15-Dec 15) to win cash prizes!
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.
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! 👋🎄