Offscreen

Logo

One of the worst things a front end dev can see when building a site is a horizontal scrollbar. Even when we realize it's happening it can be difficult to track down which element is offscreen.

Well fret not! Simply install and click my Offscreen Chrome extension and it will alert you to the offending element(s) via the DevTools console.

example

Offscreen in action.

Add to Chrome!
a @mattcdowning production

How to use

  1. Install the extension
  2. Click the icon whenever you want to check for offscreen elements and the dreaded horizontal scrollbar
  3. Smile 😁
On

icon

a @mattcdowning production