Menu Search
Jump to the content X
X

50 Beautiful CSS-Based Web-Designs in 2006

Advertisement

2006 was rich on creative, beautiful and unusual design concepts. We’ve seen a lot of whitespace, many examples of readable and usable text-design, badges, stars, rounded corners, shapes, gradients, mirror and 3D-effects – just name it. Let’s take a close look at some of the most beautiful designs we’ve seen in 2006. Links checked: May/29 2008 – 5 outdated designs deleted.

Vibrant Designs Link

Screenshot

SteveLeggat.com

Screenshot

Emotionslive.co.uk

Screenshot

Dinis91.com

Screenshot

Joyent.com

Screenshot

olivier.danchin.neuf.fr

Screenshot

Foxie.ru

Screenshot

Komodomedia.com

Screenshot

Bartelme.at

Screenshot

Quatuour.be

Screenshot

Onlinecenter.nu

Screenshot

Fall.tnvacation.com

Screenshot

Zero.ru

Screenshot

Methodarts.com

Screenshot

Summer.tnvacation.com

Screenshot

Icebrrg.com

Dark Designs Link

Screenshot

Kineda.com

Screenshot

BeSuperCharged.com

Screenshot

Veerle.duoh.com

Screenshot

Obuweb.com

Screenshot

Slideshowpro.net

Screenshot

Whitwa.net

Light Designs Link

Screenshot

Mstefan.com

Screenshot

Subdued.net

Screenshot

Devlounge.net

Screenshot

Media2006

Screenshot

ElectricPulp.com

Screenshot

SusannePaschke.de

Screenshot

PixelEden.net

Screenshot

Jek2k.com

Screenshot

Morellc.com

Screenshot

Attitudedesign.co.uk

Screenshot

CSS Vault

Screenshot

Evaneckard.com

Screenshot
Smashing Book #5

Hold on tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? For example, Smashing Book 5, packed with smart responsive design patterns and techniques.

↑ Back to top Tweet itShare on Facebook

Vitaly Friedman loves beautiful content and doesn’t like to give in easily. Vitaly is writer, speaker, author and editor-in-chief of Smashing Magazine. He runs responsive Web design workshops, online workshops and loves solving complex UX, front-end and performance problems in large companies. Get in touch.

Advertisement
  1. 1

    Some fine looking websites here, but also a nice illustration that “CSS-based” means nothing when applied to semantically incorrect markup. Some of these sites are even plain inaccessible.

    -5
  2. 2

    Great stuff!

    3
  3. 3

    Impressive!

    It’s nice to see what we can do with CSS + XHTML but, surely, we need to have in mind that a semantic markup is VERY important to a successful site.

    0
  4. 4

    Beautiful and crazy

    -1
  5. 5

    Very impressive list. But I would like to suggest one more site to this list which is missing here. With your permission:

    N.Design Studio – very beautiful work!

    Cheers!

    -1
  6. 6

    Thanks for featuring Devlounge, great list!

    -3
  7. 7

    Very cool!

    -1
  8. 8

    Super nice work, well done :)

    -3
  9. 9

    Wow. Thanks for the inspiring list.

    -2
  10. 10

    Not to be a party pooper, but http://foxie.ru/ looks like a table-based mess to me. Or perhaps I don’t understand the rules for inclusion on this list :)

    -1
  11. 11

    Real beauty. Very inspiring. Thanks for the list.

    -1
  12. 12

    Great list, will add to My Ma.gnolia bookmarks

    0
  13. 13

    What an inspiring list! Awesome.

    -1
  14. 14

    Nice sites!

    -1
  15. 15

    Wow Beautiful!!!

    -1
  16. 16

    All these sites look eerily the same. I like clean gradients and tabs as much as the next guy, but the shit has to stop. It’s like the 45 degree angle thing during late 1999-2000. (Damn you 2Advanced!) There is nothing impressive about rehashing the same crap over and over. CSS+XHTML does not mean you site needs to look like a trendy web 2.0 logo.

    I’m not saying these are not good sites, because most of them are, but good design should look good 10 years later, and these will not. They are part of trend, like low-rise pants and bug-eye glasses. So take off you Von Dutch hat and think up some new ideas.

    1
  17. 17

    Indeed great collections man…

    -1
  18. 18

    Yeah, I think http://www.ndesign-studio.com is beautiful and Nick is great CSS designer.

    -1
  19. 19

    great list… with many differents styles..
    2006 was a goodYear..

    -2
  20. 20

    Nice work! I got lost in the list for hours…

    -1
  21. 21

    Thanks for the screenshot, but you got the URL wrong – its Nice-Design.co.uk

    -1
  22. 22

    Bullshit. Why is it always LOOKS over USABILITY?

    I mean there are hundreds of sites that “look nice” but are extremely difficult and tedious to use. Small text, radical colors and contrast, usage of Flash, required scrolling, useless images, too limited effective area without scaling support, non-standard solutions (= difficult to interpret what is a link/button) etc.

    The list goes on and on but yet many people deem such sites as incredible.

    6
  23. 23

    Great list, all very beautiful!

    0
  24. 24

    This site is absolutely knackered in IE7. It doesn’t matter what the browser is, you have to cater for them all. So don’t come trying to tell me what’s good when you obviously can’t build one yourself…

    And if I see one more page centered css site with a graphic popped on top of the page I am going to SCREAM.

    0
  25. 25

    What about mattbango.com, oh wait, rikcat.com stole his design and then gets the credit.

    0
  26. 26

    Great collection. I always enjoy seeing different examples of CSS goodness! The art on those sites is nice as well.

    0
  27. 27

    Really impressive designs! This list is another great resource for inspiration!

    Thanks!

    0
  28. 28

    David,

    I believe that ‘CSS-based’ merely differentiates between the CSS and Flash wars that went down a few years back. For example, the gorgeous http://www.ampedesports.com/ uses CSS for 99% of layouts but still includes a bit of flash and html (tables) here and there, so I’m not sure… should it be allowed?

    -1
  29. 29

    Woooooow!

    This sites are really very pleasant for the eye!

    Great 4 inspiration!!

    0
  30. 30

    designs are really nice
    but how would i know because your CSS on
    this site is messed up

    -1

↑ Back to top