MediaMinder

Screen Size While Designing

The MediaMinder style sheet is designed to be temporarily included on a layout to display the curent screen size of the device you are using to view your project/website.
As you resize your screen to test your design you can watch the transition of elements with respect to the viewport size and quickly know exactly where you need to edit classes or media queries.

• Faster media querie testing
• Device agnostic
• Screen /viewport size is more accurate
• No need to start up device emulators for quick edits

add this id="MediaMinder" to an empty div tag anywhere on the layout/page.

add this style sheet to your project/website:

- qik_mediaminder.css - download it here

... or link to the CDN: - comming soon -

screen size will be displayed as you see here on this page below...