CSS Quality Guide

In plain words

CSS Quality Guide is a development resource that documents best practices and recommended approaches for writing CSS, focusing on the good parts of the language. It's designed for developers who want to improve their CSS code quality and follow established conventions. The guide is hosted on GitHub, allowing developers to contribute to its ongoing development and improvement.

written from the facts on this page · September 2026

• 
  I decided to document and share my high-level CSS best practices2012 · github.com · ▲223
• 
  A visual guide to the most popular CSS properties2016 · cssreference.io · ▲1,117

  CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples.

• 
  Water.css – A just-add-css collection of styles to make websites nicer2019 · github.com · ▲501

  A drop-in collection of CSS styles to make simple websites just a little nicer - kognise/water.css

• 
  JavaScript Quality Guide2014 · github.com · ▲9

  :art: A JavaScript Quality Guide. Contribute to bevacqua/js development by creating an account on GitHub.

• 
  Pattern.css – CSS-only library to fill empty background with patterns2020 · github.com · ▲332

  CSS only library to fill empty background with beautiful patterns. - bansal/pattern.css

• 
  I wrote a book about Debugging CSS2020 · debuggingcss.com · ▲137

  An ebook with lots of tips and techniques on how to debug CSS the right way with easy and studied methods.

• 
  /dev/null▲472

  a social network for devs

  Dev tools · 2d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 27d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 25d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 22d ago · openbot.run

• 
  Talanoa▲340

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 20d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 27d ago · corespeed.io

• 
  Hotjar▲1,312

  See how visitors are using your site and get visual feedback

  Growth · 2015 · contentsquare.com

• 
  Spot the Drowning Child▲1,215

  Can you spot the drowning child in this crowded wave pool? To the untrained eye, drowning looks like swimming. The Instinctive Drowning Response is frequently missed, even by people nearby.

  Life & fun · 2015 · spotthedrowningchild.com

• 
  Marketing Stack▲1,208

  A curated directory of marketing resources & tools

  Growth · 2015

• 
  Bocker – Docker implemented in 100 lines of bash▲662

  Docker implemented in around 100 lines of bash. Contribute to p8952/bocker development by creating an account on GitHub.

  Dev tools · 2015 · github.com

• 
  The Pitch▲561

  The podcast where early stage startups pitch investors

  Commerce · 2015 · thepitch.show

• 
  “Who is hiring?” Map▲546

  Guida completa ai siti scommesse americani 2026: scopri i migliori bookmaker USA, licenze, bonus, sport americani, metodi pagamento e consigli utili.

  AI · 2015 · whoishiring.it