Posts

• 
  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