Browser Features

Google Chrome extensions and bookmarklets

  • Tachyons X-ray — debug & align objects to an 8 or 16px grid

  • Type Sample — identify and sample webfonts — 3 samples for free, or unlimited samples for $5/year subscription. available as a bookmarklet or Chrome extension

  • WhatFont? — inspect a webfont’s name, family, weight, size, style, color, line height, and source (if hosted via Google Fonts or Typekit)

  • Animation timeline & editing — powerful tools to inspect and modify CSS animations

  • Device Mode — test responsiveness by using popular viewport sizes or creating your own presets

  • Full-page screenshot — it’s inside the Device Mode — no additional browser extension required!

  • Network performance — analyze resource requests and emulate mobile experiences