Visual Roadmaps for the Web Development Landscape

In plain words

Visual Roadmaps for the Web Development Landscape is a collection of interactive charts and guides showing learning paths and technology stacks for web development. Hosted on GitHub, it helps developers and those entering the field understand which tools and skills to learn and in what sequence. The resource covers frontend, backend, and DevOps pathways, making it useful for beginners planning their education and experienced developers exploring new areas of web technology.

written from the facts on this page · September 2026

• 
  Roadmap2017 · ▲298

  Platform for makers to share their projects progress

• 
  The Introduction to the Frontend2023 · vimfinn.gumroad.com · ▲86

  A detailed roadmap and explanation of the Frontend

• 
  Web Skills – A Visual Learning Guide for Web Developers2020 · andreasbm.github.io · ▲98

  A visual overview of useful skills to learn as a web developer

• 
  An illustration of Web Developer tools in 20182018 · github.com · ▲130
• 
  ClearCut FullStack Developer Roadmap2021 · mdjunaidap.gumroad.com · ▲94

  2021 full stack developer roadmap with 300+ resources

• 
  Jini Design2022 · ▲114

  Design resources you wish for

• 
  /dev/null▲482

  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▲343

  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 · 28d ago · corespeed.io

• 
  remove.bg▲2,028

  Remove image backgrounds automatically in 5 seconds with just one click. Don't spend hours manually picking pixels. Upload your photo now & see the magic.

  Work · 2018 · remove.bg

• 
  Humaaans▲1,592

  Mix-&-match illustrations of humans with a design library.

  Growth · 2018 · humaaans.com

• 
  Refactoring UI: The Book▲822

  Make your ideas look awesome, without relying on a designer

  Life & fun · 2018 · refactoringui.com

• 
  The Y Combinator Database 2.0▲604

  Everything you ever wanted to know about YC companies

  Growth · 2018 · ycdb.co

• 
  Ouch! Illustrations▲590

  Free illustrations for better UX

  Growth · 2018 · icons8.com

• 
  Visa List 1.0▲576

  Know where you can travel with your passport tension free ✈️

  Life & fun · 2018 · visalist.io