CLS Debugger

What it does

Visualize the cumulative layout shifts to identify which HTML elements are causing the shifts, and improve the important Core Web Vitals scores. Test from different locations and click interstitials away. Reports are shareable with your team.

Check and visualize the Cumulative Layout Shift of any website. Free tool by ex-Google engineer Fili.

Free, no signup. Each check loads the page in a real Chromium on mobile and desktop, under throttled CPU and network. Reports stay available for 14 days and open for anyone holding the link, under the terms . European by default. Measurement server in Finland, reports stored in an EU database. How the data is handled . Ex-Google Search engineers show you what to fix. Book a free, no-obligation call. The Cumulative Layout Shift Debugger visualizes the layout shifts of a webpage during load, on mobile and on desktop, so the elements moving around become easy to spot and fix. Every test loads the page in a real Chromium browser and reads the Layout Instability API, the same source Chrome uses…from webvitals.dev

• 
  CLS Checker2021 · chromewebstore.google.com · ▲60

  Visualise & debug layout shifts (CLS) in the browser

• AW
  A web debugger an ex-Cloudflare team has been working on for 4 years2024 · ▲886

  Hey HN, I wanted to show you a product a small team and I have been working on for 4 years. https://jam.dev It’s called Jam and it prevents product managers (like I used to be) from being able to create vague and un-reproducible bug tickets (like I used to create). It’s actually really hard as a non-engineer to file useful bug tickets for engineers. Like, sometimes I thought I included a screenshot, but the important information the engineer needed was what was actually right outside the boundary of the screenshot I took. Or I'd write that something "didn't work" but the engineer…

• 
  Debucsser, CSS debugging made easy2018 · github.com · ▲63

  CSS debugging tool with an unpronounceable name. Contribute to lucagez/Debucsser development by creating an account on GitHub.

• 
  I wrote a book about Debugging CSS2020 · debuggingcss.com · ▲137

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

• 
  Debugger that generates video visualizations for algorithm learning2020 · github.com · ▲102

  A simple Python debugger and profiler that generates animated visualizations of program flow, useful for algorithm learning. - CCExtractor/vardbg

• 
  Letting LLMs Run a Debugger2025 · github.com · ▲147

  Hey HN, I just built an experimental VSCode extension called LLM Debugger. It’s a proof-of-concept that lets a large language model take charge of debugging. Instead of only looking at the static code, the LLM also gets to see the live runtime state—actual variable values, function calls, branch decisions, and more. The idea is to give it enough context to help diagnose issues faster and even generate synthetic data from running programs. Here’s what it does: * Active Debugging: It integrates with Node.js debug sessions to gather runtime info (like variable states and stack traces). *…

• 
  /dev/null▲489

  a social network for devs

  Dev tools · 3d 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 · 28d 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 · 26d ago · github.com

• 
  OpenBot▲362

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

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

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 29d ago · corespeed.io

• I3
  I 3D scanned the interior of the Great Pyramid at Giza▲1,752

  Hey HN, I 3d scanned the interior of the Great Pyramid / Khufu's pyramid for the Giza Project this summer and just finished the guided version to share. Would love feedback and/or problems you encounter. I used both a Leica BLK 360 and Matterport Pro 2 to do the scanning and the Matterport SDK for the web viewer. Matterport's web display with Three.js has been the most accessible to a wide audience in the past (previous iterations are in Unity and Unreal, but difficult to download over slower connections). I've been interviewing social studies teachers around the 6th grade level to…

  Dev tools · 2022 · giza.mused.org

• 
  Clay▲819

  Discover, organize, and deepen relationships

  Work · 2022 · me.sh

• 
  Restfox – Open source lightweight alternative to Postman▲758

  Last time I posted this it didn't garner much interest. There have been lots of improvements and fixes since the last release. Quick list of features: - Workspaces - Tabs - Nested Folders - Lots of context menus - Response history - Plugins - Runs fully in the browser and runs offline if necessary - Chrome and Firefox extension to bypass CORS restrictions - Desktop builds for all platforms - GraphQL support - Import collections exported from Postman and Insomnia - Simple user friendly interface I built this because I love Insomnia but wanted a portable version that I could run in the…

  Dev tools · 2022 · restfox.dev

• 
  Sponsor This Newsletter▲707

  100+ newsletters ready to promote your product

  Growth · 2022

• 
  Micro SaaS HQ▲672

  Profitable Micro SaaS ideas, supportive community

  Life & fun · 2022 · microsaashq.com

• 
  America – Road Trip Simulator▲663

  APIs are a little like the open road—always waiting, full of opportunity, but hardly utilized. So here’s America, composed of several APIs that paint a vivid, real-time picture of a good old-fashioned road trip. Get local classifieds and photos. Tune into local radio stations. Talk wit other drivers. And more. Exploring the country by car was an invaluable experience for me during my time in the states. I’ve since moved to Barcelona, and find myself missing the territory. This is my attempt at recreating the magic.

  Life & fun · 2022 · 4m3ric4.com