blumenberg + viewport 6
Responsive Design Test Bookmarklet
january 2012 by blumenberg
It lets you view any webpage in multiple screen sizes, simulating the viewport of different devices.
bookmarklet
css
webdesign
viewport
screen
size
device
:ce
:am
:nc
ui
ux
:sk
:st
responsive
january 2012 by blumenberg
Simple Media Queries Debugger
june 2011 by blumenberg
English Media Queries are going to establish, the pros and cons are not an issue here. "Debugging" is not easy and creating layouts can be quickly complex. This solution is an idea to know the viewport, since it shows in the upper area of the page. Via these values you can use it for different width.
debug
css
media
query
screen
viewport
@media
:sk
:st
june 2011 by blumenberg
320 and up
may 2011 by blumenberg
‘320 and Up’ prevents mobile devices from downloading desktop assets by using a tiny screen’s stylesheet as its starting point.
boilerplate
css
css3
mobile
webdev
viewport
:sk
:st
responsive
may 2011 by blumenberg
related tags
:am ⊕ :ce ⊕ :nc ⊕ :sk ⊕ :st ⊕ @media ⊕ article ⊕ boilerplate ⊕ bookmarklet ⊕ by:webdesignerdepot ⊕ css ⊕ css3 ⊕ debug ⊕ design ⊕ device ⊕ howto ⊕ html ⊕ ipad ⊕ iphone ⊕ media ⊕ media-queries ⊕ mobile ⊕ mockup ⊕ query ⊕ reference ⊕ responsive ⊕ screen ⊕ size ⊕ ui ⊕ ux ⊕ viewport ⊖ webdesign ⊕ webdev ⊕Copy this bookmark: