Dev tools · alternatives · 2026

An open source course teaching HTML5 and CSS3, launched in 2012. Designed for developers learning web markup and styling fundamentals, it provides freely available instructional materials covering these core web… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. an open source HTML5 + CSS3 course launched in 2012; newer entries below may have overtaken it.

1. 1
   HTML for People▲677

   HTML isn't only for people working in the tech field. It's for everyone. Learn how to make a website from scratch in this beginner friendly web book.

   2024 · htmlforpeople.com · its alternatives →

2. 2
   A guide to all HTML5 elements and attributes▲728

   A free guide to all HTML elements and attributes.

   2017 · htmlreference.io · its alternatives →

3. 3SI
   Scratchpad.io - a real-time HTML and CSS editor▲298

   Dash is a fun and free online course from General Assembly that teaches you how to program with the basics of web development through projects you can do right in your browser. Get started today!

   2012 · scratchpad.io · its alternatives →

4. 4IS
   I spent two years working on an HTML5 game. I finally released it▲515

   2012 · ektomarch.com · its alternatives →

5. 5
   CSS3 animation▲271

   An experiment with basic CSS3 animations.

   2012 · thegoodman.cc · its alternatives →

6. 6
   MarkSheet.io – a free guide to learn HTML and CSS▲16

   MarkSheet is a free tutorial to learn HTML and CSS. It

   2015 · marksheet.io · its alternatives →

7. 7
   C0D3 – A free, interactive site to learn coding▲261

   Learn the foundations to be a full stack software engineer. 100% free.

   2020 · c0d3.com · its alternatives →

8. 8
   Website Starter Kit from Glitch▲134

   Learn HTML, JS, CSS & Node.js w/ free videos & live code

   2018 · blog.glitch.com · its alternatives →

9. 9
   Divize▲117

   Learn, write, master HTML/CSS through real UI challenges

   2023 · divize.io · its alternatives →

10. 10
    3D first person game rendered in CSS/HTML▲285

    A 3D game rendered entirely in CSS/HTML. Relying as much as possible on traditional html/css features instead of modern graphic APIs. Supports lighting, shadows, culling, etc. Can you escape the dungeon?

    2020 · pantel.is · its alternatives →

11. 11CC
    Chartss.css – accessible HTML/CSS charts with markdown support▲265

    2020 · rbitr.github.io · its alternatives →

12. 12
    CSS Scan 3.0▲256

    The fastest and easiest way to check, copy and edit CSS

    2022 · getcssscan.com · its alternatives →

13. 13
    I made CSS Scan 3.0, a fast way to check and copy CSS▲146

    Goodbye to "Inspect Element" — Visualize the CSS of any element you hover over, instantly, and copy its entire rules with a single click.

    2022 · getcssscan.com · its alternatives →

14. 14
    Learn HTML CSS▲116

    Interactive platform for semantic and accessible HTML CSS

    2022 · learnhtmlcss.online · its alternatives →

15. 15
    I decided to document and share my high-level CSS best practices▲223

    2012 · github.com · its alternatives →

16. 16
    CSS GUI▲72

    Create CSS without code by an open source tool

    2022 · cssgui.com · its alternatives →

17. 17
    Basic.css – Classless CSS Starter File▲153

    Basic.css - Classless CSS Starter File. Contribute to vladocar/Basic.css development by creating an account on GitHub.

    2020 · github.com · its alternatives →

18. 18
    Practice.dev 2.0▲119

    Learn programming for free. Backed by Crypto.

    2021 · its alternatives →

19. 19
    Learnify▲113

    Simplifying web development

    2025 · learnify.shefali.dev · its alternatives →

20. 20
    I built a small browser engine from scratch in C++▲146

    Hi HN! Korean high school senior here, about to start CS in college. I built a browser engine from scratch in C++ to understand how browsers work. First time using C++, 8 weeks of development, lots of debugging—but it works! Features: - HTML parsing with error correction - CSS cascade and inheritance - Block/inline layout engine - Async image loading + caching - Link navigation + history Hardest parts: - String parsing(html, css) - Rendering - Image Caching & Layout Reflowing What I learned (beyond code): - Systematic debugging is crucial - Ship with known bugs rather than chase…

    Jan 2026 · github.com · its alternatives →

21. 21
    Learn React and D3 in the browser with runnable code playgrounds▲48

    2017 · educative.io · its alternatives →

22. 22
    Three.js Journey▲38

    The best course to learn how to create stunning 3D websites

    2021 · threejs-journey.xyz · its alternatives →

23. 23
    Painless CSS: Learn CSS from First Principles▲36

    Learn CSS from first principles with Painless CSS, a book and video course that teaches you how to build beautiful, intuitive websites that are a joy to design and maintain.

    2019 · painlesscss.com · its alternatives →

24. 24MW
    my weekend project Html5Snippets.com▲29

    A place to learn and share html5/css3/js snippets. Its on a alpha/mvp stage right now. Let me know what you think. Http://html5snippets.com

    2011 · 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 →