Dec 05

Tagged in: , , Comments:Add

Best of CSS Design 2008

Last December, I posted a list of the best designs in 2007. Now, it is time for — Best of CSS Design 2008 (a new list of 50 websites hand-picked from Best Web Gallery). This year, more designers are using the large background technique and utilizing Javascript frameworks (such as jQuery and MooTools) to enchance the user experience. I also came across a few designs that mixed Flash with CSS; perhaps a new trend we should look for in 2009?

Let It Bleed

Big bold visual images make this website stand out from the crowd.

screenshot

Vermont Coffee Works

Good use of Flash mixed with CSS.

screenshot

Digital Mash

screenshot

Good

Good visual and content-focused design.

screenshot

Wilson Miner

screenshot

DrupalCon, DC

screenshot

Future of Web Apps - Miami 2009

An excellent mixture of big font and grungy effects.

screenshot

Housing Works

Nice use of large background on the homepage. Large background web design is very hot lately.

screenshot

Future of Web Design - NYC 2008

Another nice example of large background design.

screenshot

Tennessee - Fall

I have to admit, Tennessee’s sites are one of the best series — Fall, Spring, Summer, and Winter.

screenshot

Tennessee - Spring

screenshot

Tennessee - Summer

screenshot

Tennessee - Winter

screenshot

Five Runs

screenshot

Branded07

screenshot

Cappuccino

A very origanized site with great usability.

screenshot

LightCMS

LightCMS incorporated some pencil/sketchy effects, yet maintained its corporate feel.

screenshot

The First Twenty

Nicely designed one-page site.

screenshot

YouLove.Us

Great implementation of CSS and Javascript (jQuery).

screenshot

Luke Larsen

The aquarium themed portfolio of Luke Larsen demonstrates great use of jQuery’s Scrollto plugin.

screenshot

Design Disease

Wavy and rounded shapes make this site look fun and interesting.

screenshot

Adaptd

Although the design style reminds me of ISO50 (Scott Hansen), but it is worth to mention.

screenshot

Jason Santa Maria

screenshot

Electricurrent

Notice how Electricurrent used the background image technique to display the portfolio images?

screenshot

Training by Collective Idea

screenshot

MacAllan Ridge

Good visual design, easy navigation — two thumbs up.

screenshot

Pikaboo

A cool design that combined CSS, Javascript, and Flash technology.

screenshot

Mochi Ads

screenshot

Fling Media

screenshot

eWedding

screenshot

Viget

Viget did a great job on branding their image by maintaining the consistency throughout their series of blogs — Inspire, Advance, Engage, and Extend.

screenshot

Viget - Inspire

screenshot

Viget - Advance

screenshot

Viget - Engage

screenshot

Viget - Extend

screenshot

August

An awesome design that used Flash scalable image as the background (resize your browser to see the scalable background).

screenshot

Car Freaks

This blog frequently change their homepage background photo to provide refreshing feel.

screenshot

Go To China

Here is a perfect example that uses high resolution photos for website’s background. Notice the background image is scalable based on your browser size (done by Javascript CSS).

screenshot

Jesus Christ

screenshot

Billy Hughes

screenshot

Free People

FreePeople is my all time favorite design (love the collage style).

screenshot

Mouse to Minx

Retro and sexy.

screenshot

Dara’s Garden

screenshot

Design Sponge

The scrapbook design style is a perfect match for the site’s content.

screenshot

Ma.tt

screenshot

The Lippincott

screenshot

Hot Meteor

Love the hot retro font!

screenshot

Fortyseven Media

screenshot

The Old State

It is rare to find such a beautiful black and white theme.

screenshot

Delicious Stumbleupon Digg

Exporting and Importing WordPress Fonts and the Web

Comments

Pages: 16 15 14 13 12 11 10 9 8 7 61 » Show All

There are 157 comments (+Add)

  • 157 selvakumar

    Nice Collections!!! Thanks

    - Selvakumar
    http://www.dsignzmedia.com

  • 156 Skracanie linków http://b39.cal.pl

    Luke Larsen +1

  • 155 Catalin http://www.adaptd.com

    Thaks for including AdaptD in your list. As for ISO50 i am familiar with his work and i must say other that both being vintage i don’t see much in common.

    I love the Viget sites and am amazed of how they produced 4 different, inspired and original designs for the blogs.

  • 154 Cher Stewart http://cherstewart.com

    I agree about a lot of these sites, but it would be nice to have some reasons why each design is considered “the best”. Visit China uses a giant image in a table, which has little to nothing to do with CSS. Setting its height/width to 100% isn’t clever at all. I agree that the rules can be broken, but going backwards in standards is not the way to do it.

  • 153 Education in India http://www.nmgroup.org

    all css layout very nice and attractive

    http://www.nmgroup.org

  • 152 sky

    between these best-of posts and your WP tutorials, you’re my new favorite resource — thanks for bringing us some real value.

    any way you can point me to the technique ringvemedia (go to china) used for their scalable background? i’m having trouble pinning it down.

    thanks again.

  • 151 Miss Blossom http://www.blossomgraphicdesign.com

    I just have to say that I love sites like dara’s garden, mouse to minx and design sponge, but some of the more chunky (some would call them clean and graphic) sites I can admire, but they really don’t appeal to the girls, which I suspect they are not meant to.
    I do find some of the sites a bit “tricky” or trying too hard to use funky tools rather than communicate, but overall a great collection to sum up the design of the year.
    Di

  • 150 Zsolt Vajda http://www.volll.com

    Hi everyone, volll.com speaking,

    We are deeply sorry about that malware/spyware thing which resulted our link removal, it seems our site has been infected/hacked/whatever by someone/something (im just a designer - i dont know how this stuff works). But it’s all cool now, and I hope we’ll get our link back :)

  • 149 publicitate online http://www.promovare-site.net

    Best css design collection

    Thanks!

  • 148 Mrinal Mahanti http://www.mindxstudio.com/

    Thanks you very much for such good collection of best css design.

Pages: 16 15 14 13 12 11 10 9 8 7 61 » Show All

Post Your Comments

(required)

(required)

Comment Guidelines

  • Please keep comments related to topic. And be nice, don't spam!
  • Basic HTML tags are allowed:
    <a href> <abbr> <acronym> <blockquote> <code> <em> <strike> <strong>
  • Note: un-related or spam comments will be deleted.

Live Comment Preview

Advertise Here
advertisement

Back to top