Screenfly – great way to test media queries

Just a quick post to highlight Screenfly by QuirkTools. A simple and free way to test @media queries. This is a great way to test your responsive web designs quickly.

What are @media queries?

In simple terms, a @media query is a way to set certain CSS parameters based on media type and screen size. You can see some good examples on Design Shack.

What is responsive design?

From Smashing magazine, “Responsive Web design is the approach that suggests that design and development should respond to the user’s behavior and environment based on screen size, platform and orientation. The practice consists of a mix of flexible grids and layouts, images and an intelligent use of CSS media queries.”