Posts

• 
  Trick-or-Treat CSS

  Create a Halloween trick-or-treat scene using pure CSS with pumpkins, autumn leaves, a porch, and a hidden surprise.

  28 Oct 2025
• 
  CSS Autumn Leaf

  Create a fun autumn leaf using pure CSS with organic shapes, curved borders, and seasonal colors.

  21 Oct 2025
• 
  CSS Autumn Pumpkin

  Celebrate autumn with a CSS pumpkin using shape techniques, inset shadows, and pseudo-elements to create organic shapes.

  14 Oct 2025
• 
  Single element CSS Shapes

  Create complex shapes using only CSS and a single HTML element using borders, pseudo-elements, and shadows.

  07 Oct 2025
• 
  Lighthouse Layout Shift and Fonts

  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.

  30 Sep 2025
• 
  CSS-only Tic-Tac-Toe Game

  Build a fully functional Tic-Tac-Toe game using only CSS and HTML with turn detection, win conditions, and restart functionality.

  23 Sep 2025
• 
  Lightweight CSS Tooltips

  Create lightweight, CSS-only tooltips with smooth animations and customizable positioning using data attributes and pseudo-elements.

  16 Sep 2025
• 
  CSS Form Validation

  Learn how to create form validation using HTML and CSS. Validate user input and provide real-time hints and feedback.

  09 Sep 2025
• 
  CSS-only Carousel

  Breakdown a CSS-only carousel with next and previous buttons as well as navigation markers.

  02 Sep 2025
• 
  Animated Lighting

  Learn how to create an animated day/night cycle scene using CSS animations, featuring a peaceful cabin with dynamic lighting effects.

  26 Aug 2025
• 
  Fun with Claymorphism

  Explores how to create web UIs inspired by claymorphism, using layered shadows and matte materials for a playful, tactile look.

  19 Aug 2025