Modern DevTools

What it does

Modern DevTools is a video 📺 & text 📖 based course to develop, debug & performance audit your websites enabling you to level-up your web development skills and create blazing fast experiences for your users. This course will take your web development career to the next level 📈 by turning you into a performance expert! Free videos included!

Premium DevTools video course, advanced performance debugging, service workers, front end security and lots more

A video based course to develop, debug & performance audit your websites. Level-up your web development skills and create blazing fast experiences ⚡ About the instructor: Umar Hansa is web developer based in London. He runs a mailing list focussed on DevTools. Speaking at conferences around the world, Umar is also a technical writer, course creator and a Google Developer Expert. You can learn more about Umar below. Performance debugging for the modern web is more than minifying code. Boost your front-end skill set with advanced performance insights. DevTools as an IDE. Keep your development workflow completely in the browser and avoid constant page refreshing. Delight your users with an…from moderndevtools.com

• AC
  A curated list of Chrome DevTools tips and tricks2014 · devtoolstips.com · ▲212

  Practical guides to browser DevTools and AI-assisted debugging — Chrome, Firefox, Safari and Edge. Panels, shortcuts, performance traces and accessibility.

• 
  Motion DevTools2022 · motion.dev · ▲190

  A DevTools extension for creating web animations

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

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

• 
  Tailscan Devtools2024 · tailscan.com · ▲537

  The ultimate developer tool for Tailwind CSS

• 
  Devtools Tech2022 · devtools.tech · ▲94

  Platform to help you ace your next interview

• 
  DevTools2023 · ray.run · ▲74

  Making your everyday tasks a breeze

• 
  Run full iOS 16.5 firmware on Android Devices▲536

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

  Dev tools · 5d ago · github.com

• 
  /dev/null▲503

  a social network for devs

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

• 
  OpenBot▲362

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

  Dev tools · 28d 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 · 26d ago · talanoa.email

• 
  AUDR by Chargebee▲323

  Open standard for tracking agent run costs

  Dev tools · 30d ago · openaudr.dev

• 
  myPip▲272

  Vibe code, publish, and monetize games with AI

  Dev tools · 12d ago · mypip.dev

• 
  Notion 2.0▲2,156

  The all-in-one workspace - notes, tasks, wikis, & databases

  Work · 2018 · notion.so

• 
  MAKE Book: The Indie Maker Handbook▲1,372

  Learn to build profitable startups the indie way

  Dev tools · 2018 · readmake.com

• 
  Overflow▲1,139

  The world’s first user flow diagramming tool for designers

  Work · 2018 · overflow.io

• 
  RoughJS – Create hand-drawn graphics using JavaScript▲1,087

  Rough.js is a light weight javascript library that lets you draw graphics with a hand-drawn, sketchy, appearance.

  Life & fun · 2018 · roughjs.com

• 
  Sunsama▲999

  If Trello & Google Calendar had a baby.

  Work · 2018 · sunsama.com

• 
  Airtable Blocks▲877

  500,000+ brands use Airtable to enable real-time collaboration, automate repetitive tasks & manual work, and streamline business processes in minutes. Join them.

  Dev tools · 2018 · airtable.com