From the course: Responsive Typography Techniques

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

Tools for previewing type and media queries: ish., Edge Inspect, and more

Tools for previewing type and media queries: ish., Edge Inspect, and more - CSS Tutorial

From the course: Responsive Typography Techniques

Start my 1-month free trial

Tools for previewing type and media queries: ish., Edge Inspect, and more

In this tutorial, we'll look at a short list of helpful tools that will come in handy when you need to test media queries or write them, do some device testing, or select fall backs for your typography. All things you'll find yourself doing when working on responsive typography tasks. So here are a few that I find to be the most helpful. For resizing your browser window automatically and previewing various viewport widths, I find the Firefox Responsive Design View tool to be the one that I go to the most. And you can find that in Firefox by going to Tools > Web Developer > Responsive Design View. And that gives you this handy thing that we've used in some previous tutorials. If you're not into using Firefox, my favorite web-based resizer is Ish by Brad Frost. The thing I like about this one the most is it gives you your current browser size both in pixels and ems, and its main size break downs are thing like small, medium and large. I like that it doesn't specify specific devices and…

Contents