A Raycast confetti shell command (#note)
Discover how to trigger Raycast confetti from the command line using a simple shell script and URL protocol handler, adding fun and interactivity to shell sessions effortlessly.
By Stefan Judis14 Nov 2025Syntax-highlighting for JS template strings in VS Code (#note)
Enhancing JavaScript template strings with syntax highlighting by leveraging specific comments and VS Code extensions, improving readability in custom frameworks and interactive components.
By Stefan Judis14 Nov 2025Vite+
Keep an eye on Vite+ in early access – an all-in-one tool for dev, build, test, lint, format, and monorepo caching, promising to streamline workflows.
By Frontend Masters14 Nov 2025CSS Gamepad API Visual Debugging With CSS Layers
Exploring how CSS can streamline debugging controllers and how to create a reusable visual debugger for your projects.
By Godstime Aburu14 Nov 2025Browserslist & Baseline
Insights from using Browserslist with Baseline and Browserslist’s role in shaping browser support strategies – an essential tool for modern web development.
By Frontend Masters13 Nov 2025The Range Syntax Has Come to Container Style Queries and if()
Unlock the power of container style queries with range syntax in Chrome 142, enabling comparisons of numeric values with custom properties and attr().
By CSS-Tricks13 Nov 2025Perfecting Baseline
Understanding what Baseline means for web developers – its growing presence, significance, and the ongoing quest to define and implement it effectively.
By Piccalilli13 Nov 2025Simple One-Time Passcode Inputs
Simplify OTP entry with straightforward, effective techniques for a fully functional user experience.
By Cloud Four11 Nov 2025Building a 3D Infinite Carousel with Reactive Background Gradients
Building a seamless, infinite 3D carousel with images that dynamically drive a reactive, canvas-based background gradient – creating a captivating visual experience.
By Codrops11 Nov 2025Effectively Monitoring Web Performance
Strategies for maintaining website performance even after optimization – focusing on targeting the right pages and understanding key data roles.
By Matt Zeunert11 Nov 2025Perfectly Pointed Tooltips: To The Corners
Exploring advanced tooltip positioning by making pointers point diagonally, building on foundational techniques like anchoring and flipping for more dynamic UI effects.
By Frontend Masters10 Nov 2025Crafting Generative CSS Worlds
Using CSS stacked grids and 3D transforms to animate and bring heightmaps to life, all without JavaScript.
By Codrops10 Nov 2025How To Debug JavaScript In Chrome DevTools
Master techniques for pausing execution, inspecting application state, and utilizing advanced breakpoint features for debugging.
By DebugBear10 Nov 2025
Challenge: Create an interactive web-based 3D carousel using HTML, CSS, and JavaScript. Integrate a canvas-based background that dynamically changes colors based on the images being displayed. The carousel should rotate smoothly, providing a seamless visual experience that showcases your creativity in blending 3D elements with reactive design.
Why did the JavaScript developer keep getting lost in the forest? Because they kept trying to find their way with map() but forgot to reduce() the distractions!