The Heads-Up Grid
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.
The Heads-Up Grid launched on August 2, 2011 with 9 votes, #80 of 248 launches that month and more than 50% of that year's launches. The site was still online in September 2026, 15 years on.
What it does
The Heads-Up Grid is an overlay grid for in-browser website development, built with HTML + CSS + JavaScript. If you haven’t already defined a grid, use The Gridulator . Then download The Heads-Up Grid files and paste the following code into the <head> element of your webpage: Alter the numbers to create your desired grid. If you don’t need the baseline grid, set the row height to 0 . The default unit of measure is pixels . You are now ready to get back to the real work: meticulously lining up images and text! Responsive web design, as described/defined by Ethan Marcotte anyway, is the act of creating various forms of the same basic site design that are optimized for different ranges of…from bohemianalps.com
Does a similar job
all alternatives →
Grid Overlay ProFeb 2026 · chromewebstore.google.com · ▲106A browser extension to visualize grid layouts on any webpage
- GJGrid.js – Advanced table library that works everywhere2020 · gridjs.io · ▲390
Grid.js is a lightweight JavaScript table plugin that works on all web browsers and devices. Grid.js is open-source and it helps you create advanced tables in seconds!
- ASA simple lightweight CSS grid, not a bloated framework2012 · thisisdallas.github.com · ▲134
More life & fun this month
the category →
A free city-building game in your browser. You are the mayor. You know what the city needs. Now get it past the zoning board, the neighbors, the appeals court and the next election.
Life & fun · 1d ago · permit.petercai.com
- IV
Life & fun · 13d ago · tanzaniaeducationproject.org
Turn a phone, tablet or TV into a sign. Type a message and it fills the screen: welcome signs, timers, Wi-Fi passwords and more. No app, no account, free.
Life & fun · 14d ago · bigwords.page
Play a free virtual guitar online with your keyboard or by touch. Slow songs down and see every chord, string and strum. Acoustic, classic, electric and bass.
Life & fun · 8d ago · guitoro.com
Carrier settings from iPhone, Pixel and Galaxy firmware, decoded and compared: APNs, VoLTE, 5G and Wi-Fi Calling per carrier, and what each build changed.
Life & fun · 12d ago · carrierexplode.com
Life & fun · 22d ago · space.bl2.net
Source: Show HN post ↗
Launched alongside, August 2011
the whole month →
I've been a longtime member @ HN, but I haven't been a developer. In fact, my only HN submission has been one asking how to learn to code (http://news.ycombinator.com/item?id=820741). My cofounder and I decided to solve the problem by making a simple, interactive way to get started with Codecademy. We'd love your feedback. If you're interested in helping us to get more courses up (on any topic!), please send us an email at [email protected].
Dev tools · 2011 · codecademy.com
- LB
Life & fun · 2011 · hnlike.com
- WM
Life & fun · 2011 · songrabbit.com
Sketchub is a place to share your projects and to find projects made by other people. Apps, 3D models, hardware builds and more. Everything on Sketchub is open.
Life & fun · 2011 · sketchub.com
- MW
Work · 2011 · tvsizematters.com
I shipped my first product Today, the first version of TrackMe is available from the App Store. This is my first product as an indie developer, and even though it’s very simple, I’m proud to have gone...
Dev tools · 2011 · chriseidhof.tumblr.com