HN Explorer

20 comments

[ 2.4 ms ] story [ 48.4 ms ] thread
ramdaffe
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
My god this is amazing. I try to make all my sites responsive so this is fantastic.
trhaynes
Some responsive sites to test it with: http://hicksdesign.co.uk, http://happycog.com
drostie
Happy Cog for me is nonfunctional -- it seems that the site has some code to break out of iframes, or some such.
cleverjake
both work fine for me. what browser are you using?
drostie
Firefox 9.0.1.

(Just to clarify, the site works perfectly fine for me; and the bookmarklet does appear on upon the site; but when the iframes start loading HappyCog, they refresh the page, which sends it back to its original state.)

sirclueless
Try adding void(0) to the end of the bookmarklet.
drostie
Doesn't help.

I'm surprised that I'm the only one who seems to have this problem, but I have found at least one possible cause: there is a linked script file /j/functions.js?2011030 which contains, among other things:

    if (top != self) {
        top.location.replace(self.location.href);
    }
So it really does seem to have a break-out-of-iframes script, unless I am misreading what this code is meant to do.
badclient
How accurate is it though? I ask because it shows HN on iPhone render differently than how it actually renders.
cleverjake
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/
spung
Very cool, we'll definitely be using this when we work on making our site responsive.
omgmog
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