Simple Responsive Design Test Page - bookmarklet

by cleverjake • 14 years ago

92 20 14 years ago

ramdaffe• 14 years ago

What a coincidence, just drafting my first design with Skeleton. Definitely saves a lot of hassle.

It's a pity that currently most broken thing on mobile browsers are touch-based frameworks and custom font rendering.

ntkachov• 14 years ago

My god this is amazing. I try to make all my sites responsive so this is fantastic.

trhaynes• 14 years ago

drostie4• 14 years ago

Happy Cog for me is nonfunctional -- it seems that the site has some code to break out of iframes, or some such.

cleverjake2• 14 years ago

both work fine for me. what browser are you using?

drostie4• 14 years ago

Very pretty.

loceng• 14 years ago

Wow. Perfect.

camwest• 14 years ago

Our new website hasn't launched yet but you can check the responsiveness out using the bookmarklet: http://bigbangtechnology.herokuapp.com/

justindocanto• 14 years ago

Amazing. Plan on using this often. Thank you

badclient• 14 years ago

How accurate is it though? I ask because it shows HN on iPhone render differently than how it actually renders.

cleverjake2• 14 years ago

this isn't a way to render sites on various platforms, its a way to quickly test media queries based on device width, ala http://mediaqueri.es/

seancron• 14 years ago

It seems the website is having trouble loading, so here's the bookmarklet for those who can't load the page:

ajhit406• 14 years ago

There's a good chrome extension I use called "Resolution Test" that does something similar:

emehrkay• 14 years ago

I made the script open new windows

spung• 14 years ago

Very cool, we'll definitely be using this when we work on making our site responsive.

v33ra• 14 years ago

Apart from tons of other features, Web developer toolbar[1] has this functionality built-in. It allows us to save our own dimensions too.

Of course, if one wants just the 're-sizing' capability, then this bookmarklet will sure help.

omgmog• 14 years ago

Seems like a useful tool, but it looks like JavaScript on the site being tested is disabled?

Means it's not useful for testing sites that depend on mobile js frameworks such as jquerymobile

Related Stories