Friday 13 November 2009

Tweaks for Google Docs

I've recently been using Google Docs to write a large functional spec and discovering its many limitations along the way.

Here are two tweaks which I've relied on quite heavily for custom styling and footer information:

1. Customise your CSS to get paragraph spacing, custom headers, and nicer lists:
http://gist.github.com/232640

2. Insert some custom HTML to get a page footer with Page X of Y text
http://gist.github.com/232636

 

Tuesday 22 September 2009

Sites that trip up on horizontal scrolling


1024 is still a dominant resolution. W3schools gives it 36% of the market share. That's huge.


Recently I've noticed a bunch of high-profile websites which are fantastically done but seem to slip up in one small but significant way when viewed at a 1024 resolution.

For some reason they've miscalculated their page width and instead of being just inside the margins of a full screen browser at 1024, they're just outside. Which means they have a silly looking horizontal scrollbar that is totally unnecessary.

This is simple, simple stuff. Use 960 as your standard width, and watch out the CSS box model doesn't trip you up when you try to use padding.

Guilty parties: marshillchurch.org, peoplegrowth.org.

__________
Pic by mag3737