WebDevVisuals

What it does

A platform to learn awesome tips & tricks in web development that would take your skills to the next level and learn concepts in a simplified way through visuals.

Learn web development tips through high-quality visuals. 80+ visuals covering HTML, CSS, JavaScript, React and more.

Tips & tricks across every major area of web development, organized into categories and curated collections so you always find what you need fast. Covering real world tips that you can apply right away into your ownfrom webdevvisuals.com

• 
  Web.dev by Google2018 · web.dev · ▲815

  Learn how to build for the web and see where you stand 🌟

• 
  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

• 
  CodeAnalogies2018 · codeanalogies.com · ▲167

  Visual explanations of web development topics

• 
  Learndevs2023 · learndevs.com · ▲62

  Start your journey to become a web developer

• 
  Codeplace2016 · ▲257

  Learn how to code by building real web apps

• 
  Ranktutorials2018 · ▲110

  Feed of web development tutorials 🛠️

• 
  Run full iOS 16.5 firmware on Android Devices▲514

  Contribute to oosexgang/hackios-xnu-kernel development by creating an account on GitHub.

  Dev tools · 1d ago · github.com

• 
  /dev/null▲492

  a social network for devs

  Dev tools · 4d 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 · 29d 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 · 27d ago · github.com

• 
  OpenBot▲362

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

  Dev tools · 24d ago · openbot.run

• 
  Talanoa▲346

  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 · 22d ago · talanoa.email

• 
  Amie▲1,334

  Turn meeting notes into automated workflows. Handle meetings, summaries, todos and emails (soon) with your AI personal assistant.

  Work · 2024 · amie.so

• 
  Findr▲1,296

  Search all your apps, at once

  AI · 2024 · usefindr.com

• 
  Notion Calendar▲1,199

  Beautifully designed for your work and life

  Work · 2024 · notion.so

• 
  Huudle AI Project Assistant▲1,070

  Connect meetings, track to-do, get aligned

  AI · 2024 · huudle.io

• IM
  I made a website to find best bus seat to avoid the sun while traveling▲963

  Sit in Shade - Discover the optimal seat to stay in the shade during your journey. Sit In Shade provides real-time sun exposure data and route visualization.

  Life & fun · 2024 · sitinshade.com

• 
  Letterly▲937

  Turn your speech into well-written text

  AI · 2024 · letterly.app