Ok, good. Now that you are considering a large background image... a few things:
Be sure you are always thinking b-e-y-o-n-d the smallest display size. What happens when someone expands their browser frame further to the right b/c they have a 30-inch Apple cinema display? What happens on your long article pages that scroll below the fold?
Your image just can't be big enough to cover those variables (b/c of weight and load time.)
So look at these examples: See how this one fades to a gradient on right and bottom sides (http://www.barackobama.com/index.php).
See how this one has a big repeat tiling background (http://www.zero.ru/).
See how this one has a small repeat tiling background (http://www.kineda.com/).
Notice how all of them consider the main content area viewable in a small browser, but also accommodate for a larger browser with a secondary background element.
2 comments:
beautifumus!
Ok, good. Now that you are considering a large background image... a few things:
Be sure you are always thinking b-e-y-o-n-d the smallest display size. What happens when someone expands their browser frame further to the right b/c they have a 30-inch Apple cinema display? What happens on your long article pages that scroll below the fold?
Your image just can't be big enough to cover those variables (b/c of weight and load time.)
So look at these examples: See how this one fades to a gradient on right and bottom sides (http://www.barackobama.com/index.php).
See how this one has a big repeat tiling background (http://www.zero.ru/).
See how this one has a small repeat tiling background (http://www.kineda.com/).
Notice how all of them consider the main content area viewable in a small browser, but also accommodate for a larger browser with a secondary background element.
Post a Comment