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.

9 posts
Alllayoutcsswordpresscolorcode
code·JRJeremiah Ruanes

HTTP Status Codes Developers Actually Get Wrong

Fix the HTTP status codes that cause real bugs: 401 vs 403, redirect method changes, 429 retries, 200-for-errors, and 400 vs 422.

12 min read
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
color·JRJeremiah Ruanes

WCAG Contrast Ratios Explained: 4.5:1 Is Not the Whole Story

A practical WCAG contrast ratio reference covering all five thresholds, common false passes, and the edge cases designers often miss.

12 min read
wordpress·JRJeremiah Ruanes

wp-config.php: 12 Essential Settings for WordPress Developers

Unlock the full potential of WordPress with these 12 wp-config.php settings every developer should master for optimal site performance and security.

10 min read
wordpress·JRJeremiah Ruanes

Building a Custom Gutenberg Block with the REST API

Explore how to build custom WordPress blocks using the latest REST API features, enhancing your development skills and site functionality.

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
layout·JRJeremiah Ruanes

Flexbox vs Grid: Choosing the Right Layout Tool in 2026

Explore when to use Flexbox or Grid in 2026. Learn how to choose the right CSS layout tool for your web development needs with practical examples.

11 min read