« Back to all articles

CSS grid layouts using HashGrid

04 April 2010

Just a heads up to anyone who’s planning on designing their next project using a grid. The folks over at Analog have created a nifty little tool called Hashgrid to overlay a grid over your web page like so:

Installation is pretty simple but I ran into a couple of minor issues which hopefully can be remedied in a future version:

The hardest part is creating the grid image in photoshop. The quickest way I found to do this is with the selection tool and guides. Once you’ve created your guides it takes a few seconds to use the line tool to draw over your guides. If I get some time I might create a quick tool to generate dynamic grid images unless the hashgrid folks want to beat me to it ;-)

Ohhh, you're viewing this site in dark mode 👻 Spooky!