This is a Chrome extension that I find really useful. It adds a button to your browser bar, and when you click, it displays a list of popular viewport sizes. I like that it's a quick way to check your work.
"Browser makers need to provide reliable baselines of viewport and text sizing, yes. But we as implementers also need to stop grasping for pixel-perfect control over our layouts (the "control" is an illusion, anyway)."
useful tool for testing typographic scale and rhythm. It lets you set factors such as the typographic scale (traditional, 3:5 Fibonacci, Le Corbusier, etc.), the font size in percentage, line height, the layout, padding and the line height for h1, h2 and h3 headings.
Typograph — Scale & Rhythm (http://lamb.cc/typograph/)A
Great article advocating for responsive web design.
"Again, it's true that responsive design and device-specific experiences can offer us a way around many of these problems. If we can tune the size of a button to a particular environment, then we don't have to accept blunt, across-the-board treatment. But the number of devices we have to support will only increase, and customizing for every possible scenario could quickly become unreasonable.
Even if we are able to provide perfectly tailored design at the execution level, there is still value in thinking about tempered, universally accessible design at the conceptual level.
Additionally, just because we can tailor design to particular experiences doesn't mean that users will not carry expectations over from one experience to another. The boundaries might blur whether we like it or not."
This is neat, but I almost expect the up and down arrows to have a purpose. The box fades in so it still shows the arrows, so I figured that you could hover over the area and have the box appear, but if you chose to use the arrows, the box wouldn't show up and you could scroll through that way... er something.