Show HN: The Heads-Up Grid

9 points·simanek··4 comments

A tool for showing a column grid overlaid over live webpages.

http://bohemianalps.com/tools/grid/

It started as something simple for my own use during website development. I don't think anything like this exists. Would appreciate any feedback.

View on HN

For something like this, is there a way that you could provide an overlay grid for an already existing website?

Can this be done with a javascript console? I was thinking something along the lines of https://gist.github.com/1119539

I don't know much about the JavaScript console, but since JavaScript can generate both HTML + CSS, there's no reason this idea couldn't be used in that context.

I responded with some changes to your github gist. Thanks! I will now have to try to take this idea to the next level via JavaScript, making it easier for developers to use it and manipulate the settings.

I guess I think the JavaScript console isn't something a lot of HTML + CSS designer/developers like me know much about. My vision of this tool is to make it for people who know how to drop a few files on their web server, link to them, adjust a property or two and have it working.

I see. What I imagined is like a one-click website that would throw it on top of an existing website, but that's just a suggestion. Tweakable parameters (or some way of discovering the grid of the website) would be cool, too.

Reply on news.ycombinator.com