Position Fixed Showcase

A recent trend I’ve noticed in website design is the use of fixed position elements and backgrounds. Fixing the position of an element within a browser window adds emphasis to it and draws the users attention. With backgrounds, using the CSS attribute, position: fixed, means that for large scrolling websites, background will not have to be repeated.

Here are a few of the sites I’ve noticed that use this attribute, and, if you’re interested, here’s a tutorial for doing it yourself.

Fixed Elements

Crush + Lovely

A fixed navigation means the user will never lose their way.

FRESH01

Another fixed navigation, but also check out the blue circles as your scroll, very clever.

Information Highwayman

Simply fixing the logo to where you are, means you won’t forget what site you’re on if you find something interesting.

James Charlick

James Charlick uses fixed positioning to achieve a layered effect.

Keithar

Making a CV link the most prominent thing on the site is never a bad idea…

Proclaim

Main menu and recent tweets are always in the users eyeline.

Silly Poems

Main menu follows the user as they scroll through this one page website.

Fixed Background

Nomad Festival

A small fixed background, only at the top of the page, sets of the otherwise drab background colour.

Forme Bikes

Using a fixed background, means this huge background doesn’t need to be even bigger…

English Squash and Racketball

This site has won a lot of awards and it’s easy to see why. Attention to detail means you’re not staring at someones crotch while you read the latest news!

Meninos

Main menu and recent tweets are always in the users eyeline.

My Brain Art

A well-designed site, using a fixed background means that the content is always well framed.

Preloaded

Using a tiling and fixed background for an even quicker download time!