Life & fun · alternatives · 2026

24 alternatives to I decided to document and share my high-level CSS best practices

This is a documentation project sharing high-level CSS best practices. Created for web developers looking to improve their stylesheets, it provides guidance on writing better CSS code. The project is hosted on GitHub… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. I decided to document and share my high-level CSS best practices launched in 2012; newer entries below may have overtaken it.

1. 1
   A visual guide to the most popular CSS properties▲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.

   2016 · cssreference.io · its alternatives →

2. 2
   CSS Quality Guide▲49

   :art: CSS: The Good Parts. Contribute to bevacqua/css development by creating an account on GitHub.

   2015 · github.com · its alternatives →

3. 3
   I wrote a book about Debugging CSS▲137

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

   2020 · debuggingcss.com · its alternatives →

4. 4
   A Single Div▲177

   A CSS drawing project

   2016 · a.singlediv.com · its alternatives →

5. 5
   Water.css – A just-add-css collection of styles to make websites nicer▲501

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

   2019 · github.com · its alternatives →

6. 6
   hack.css▲174

   The CSS framework for hackers

   2016 · hackcss.com · its alternatives →

7. 7
   A collection of front end Learning Resources▲58

   A curated collection of awesome resources for frontend developers: tutorials, tools, libraries, design assets, and more! 🚀 - requestly/awesome-frontend-resources

   2024 · github.com · its alternatives →

8. 8
   Primer▲10

   The CSS toolkit and guidelines that power GitHub.

   2015 · primercss.io · its alternatives →

9. 9
   CSS Blocks by Linkedin▲102

   Blazing fast CSS for your design systems and apps

   2018 · css-blocks.com · its alternatives →

10. 10
    StyleURL▲190

    Share & preview CSS tweaks instantly

    2018 · its alternatives →

11. 11
    CSS Triggers▲80

    A game of layout, paint and composite

    2014 · csstriggers.com · its alternatives →

12. 12
    MyloDocs▲141

    Show off your product. Create beautiful looking product docs

    2020 · mylodocs.com · its alternatives →

13. 13
    Transforms in CSS▲117

    Free eBook for learning to code animations

    2016 · get.oreilly.com · its alternatives →

14. 14
    playCSS▲171

    Improve your CSS skills by playing daily challenges

    2023 · its alternatives →

15. 15
    Layer CSS▲152

    Lightweight CSS framework to build your own fluid layouts

    2015 · layers-css.vercel.app · its alternatives →

16. 16
    CSS Reference for iPhone, iPad▲157

    A visual guide to CSS with illustrated + animated examples

    2017 · apps.apple.com · its alternatives →

17. 17
    Picnic CSS▲131

    A beautiful CSS library to kickstart your projects

    2016 · picnicss.com · its alternatives →

18. 18
    Codewell▲128

    Improve your HTML & CSS skills by practicing on real designs

    2021 · codewell.cc · its alternatives →

19. 19M2
    My 24-hour project, instacss.com▲90

    http://instacss.com (in case DNS update hasn't propagated: http://morning-warrior-3377.herokuapp.com/) Last night I was annoyed at how slow (and web 1.0-ish) most CSS reference sites seem to be, so I created this. It's basically a scrape of the CSS reference on w3schools, but with client side searching. Feedback is most welcome! some of the tech involved: node, requirejs, backbone, mongodb the code: http://github.com/rgarcia/instacss

    2011 · instacss.com · its alternatives →

20. 20
    RawGit▲88

    Use .css, .js and other files directly from GitHub

    2014 · its alternatives →

21. 21MB
    my boilerplate CSS code for new designs, written in Less.▲108

    2011 · mgeraci.github.com · its alternatives →

22. 22
    GitHub's Fixed Header for better accessibility▲45

    GitHub Fixed Header for better accessibility. GitHub Gist: instantly share code, notes, and snippets.

    2016 · gist.github.com · its alternatives →

23. 23
    CSStyle▲112

    Modern approach for crafting beautiful stylesheets.

    2014 · csstyle.io · its alternatives →

24. 24
    Better CSS with Sass▲64

    Write better CSS with Sass

    2015 · fivesimplesteps.com · its alternatives →

Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →