Ramblings and musings from a veteran front-end web developer. No AI is used in the creation of any part of these posts as evidenced by the typos and blandness.
Featured
Create a Halloween trick-or-treat scene using pure CSS with pumpkins, autumn leaves, a porch, and a hidden surprise.
Celebrate autumn with a CSS pumpkin using shape techniques, inset shadows, and pseudo-elements to create organic shapes.
All
Create a Halloween trick-or-treat scene using pure CSS with pumpkins, autumn leaves, a porch, and a hidden surprise.
Create a fun autumn leaf using pure CSS with organic shapes, curved borders, and seasonal colors.
Celebrate autumn with a CSS pumpkin using shape techniques, inset shadows, and pseudo-elements to create organic shapes.
Create complex shapes using only CSS and a single HTML element using borders, pseudo-elements, and shadows.
Learn how to eliminate Cumulative Layout Shift caused by custom fonts by creating geometrically similar fallback fonts using modern CSS properties like size-adjust and ascent-override.
Build a fully functional Tic-Tac-Toe game using only CSS and HTML with turn detection, win conditions, and restart functionality.
Create lightweight, CSS-only tooltips with smooth animations and customizable positioning using data attributes and pseudo-elements.
Learn how to create form validation using HTML and CSS. Validate user input and provide real-time hints and feedback.
Breakdown a CSS-only carousel with next and previous buttons as well as navigation markers.
Learn how to create an animated day/night cycle scene using CSS animations, featuring a peaceful cabin with dynamic lighting effects.
Explores how to create web UIs inspired by claymorphism, using layered shadows and matte materials for a playful, tactile look.