SnipKit
CSS GeneratorsLayout & SizingColor ToolsCode UtilitiesWordPressBlog
SnipKit

Code snippets that actually work. Finally.

Tools

  • CSS Generators
  • Layout & Sizing
  • Color Tools
  • Code Utilities
  • WordPress

Resources

  • Blog
  • About
  • Contact
  • Privacy
  • Terms

© 2026 SnipKit · Built by Jeremiah Ruanes

This site uses Google Analytics to measure traffic. See the privacy policy for details.

SnipKitBlog

Blog

Notes from building dev tools, working with WordPress, and shipping side projects.

Honest write-ups on what worked, what didn't, and the bits I had to look up twice.

4 posts
Alllayoutcsswordpresscolorcode
css·JRJeremiah Ruanes

How to Build CSS Gradients That Don't Look Like 2014

Six production-ready CSS gradient patterns with copy-paste code: OKLCH interpolation, off-screen glows, hard stops, layered blends, text, and borders.

10 min read
css·JRJeremiah Ruanes

Mastering CSS Container Queries for Responsive Design

Learn how CSS container queries can revolutionize responsive design, allowing components to adapt to their container sizes rather than the viewport.

9 min read
css·JRJeremiah Ruanes

Mastering the :has() CSS Pseudo-Class for Improved Layouts

Explore the powerful :has() CSS pseudo-class to create dynamic, responsive layouts effortlessly, enhancing your web design capabilities.

8 min read
css·JRJeremiah Ruanes

Implementing Dark Mode and Light Mode with CSS

Explore how to implement dark and light modes in web design using CSS. Learn the benefits, challenges, and practical examples to enhance user experience.

10 min read