Boagworld is the blog of web strategist Paul Boag who lives in the heart of rural Dorset (hence the cows). He produces a weekly podcast with UX consultant Marcus Lillington on building and running websites. They also run the web design agency Headscape.
Become a part of the Boagworld community...
Posted in Reviews on: Tuesday, October 6, 2009 by Paul Boag
There is an increasing movement to put aside photoshop or fireworks and design directly in the browser. However, this can be difficult without the benefits of a strong grid system. This tip will help.
Here are some recommended reading for those who want more. You can subscribe to these links via Twitter. If you have a suggestion for a link email Paul Stanton.
Boagworld is produced by the web design agency Headscape founded by Marcus, Paul and Chris Scott. Headscape also has a number of other talented guys who blog. Check them out.
Craig Rowe is one of our amazing developers and writes some superb posts on everything from .net to AIR apps.
Ed Merritt is a Headscape designer who's blog contains examples of his work and a number of free Wordpress themes.
Dave McDermid is a Headscape developer who has an excellent blog. He blogs on everything from AJAX to security.
Rob Borley is one of our project managers and blogs regularly on client and project management issues.
Leigh Howells is our multimedia design guru (whatever one of those is). He blogs on a mixture of design and music.
Paul just can't shut up. He publishes regular audioboos, has a personal blog and is addicted to twitter. He also writes and speaks regularly. Check out the most recent below:
9 Comments
Comments are for the discussion of this post. If you have other questions / comments then post them to the forum or send me an email
Paul,
This is awesome! Thanks for finding and sharing this!
It’s a great post, so inspirational.
Thanks to share it!
top notch Paul.
You the man;
sweet find Paul,
will be trying this one out immediately!
awesome. cant wait to see how it helps the vertical text rythm.
question.
how are you supposed to accurately layout your css without this? by mathematical numbers brought over from a photoshop grid?
Great tip! Thanks so much, Paul. I’ll be putting grid to good use.
I can see that becoming permanently added to the toolkit – a fantastic resource.
The folks at sprymedia can be rightly proud o’ themselves.
Thanks, Paul!
There’s another useful grid tool called Slammer. It works the same way the bookmarklet you posted, except that it’s an app. You can use it offline and along with other software.
Link: http://site.ringce.com/products/slammer/slammer.html
Sadly it’s a Mac only app.
GridFox for FireFox is also quite nice: https://addons.mozilla.org/en-US/firefox/addon/4904
Not as sophisticated as the bookmarklet demo’d here though and only available for use in FF obviously – still handy though.
Cheers for the info Paul.