Menu Search
Jump to the content X X
Smashing Conf Barcelona 2016

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.

50 Beautiful CSS-Based Web-Designs in 2006

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

Screenshot1

SteveLeggat.com2

Screenshot3

Emotionslive.co.uk4

Screenshot5

Dinis91.com6

Screenshot7

Joyent.com8

Screenshot9

olivier.danchin.neuf.fr10

Screenshot11

Foxie.ru12

Screenshot13

Komodomedia.com14

Screenshot15

Bartelme.at16

Screenshot17

Quatuour.be

Screenshot18

Onlinecenter.nu19

Screenshot

Fall.tnvacation.com

Screenshot20

Zero.ru21

Screenshot22

Methodarts.com23

Screenshot

Summer.tnvacation.com

Screenshot24

Icebrrg.com25

Dark Designs Link

Screenshot26

Kineda.com27

Screenshot28

BeSuperCharged.com29

Screenshot30

Veerle.duoh.com31

Screenshot32

Obuweb.com33

Screenshot34

Slideshowpro.net35

Screenshot36

Whitwa.net37

Light Designs Link

Screenshot38

Mstefan.com39

Screenshot40

Subdued.net41

Screenshot

Devlounge.net

Screenshot42

Media2006

Screenshot43

ElectricPulp.com44

Screenshot45

SusannePaschke.de46

Screenshot

PixelEden.net

Screenshot47

Jek2k.com48

Screenshot49

Morellc.com50

Screenshot51

Attitudedesign.co.uk

Screenshot52

CSS Vault53

Screenshot54

Evaneckard.com55

Screenshot56

Footnotes Link

  1. 1 http://www.steveleggat.com
  2. 2 http://www.steveleggat.com
  3. 3 http://emotionslive.co.uk/
  4. 4 http://emotionslive.co.uk/
  5. 5 http://www.dinis91.com/
  6. 6 http://www.dinis91.com/
  7. 7 http://joyent.com/
  8. 8 http://joyent.com/
  9. 9 http://www.haveamint.com/
  10. 10 http://olivier.danchin.neuf.fr/
  11. 11 http://foxie.ru
  12. 12 http://foxie.ru/
  13. 13 http://www.cameronmoll.com/portfolio/
  14. 14 http://www.komodomedia.com/
  15. 15 http://www.bartelme.at
  16. 16 http://www.bartelme.at
  17. 17 http://www.quatuor.be
  18. 18 http://www.onlinecenter.nu
  19. 19 http://www.onlinecenter.nu
  20. 20 http://www.zero.ru
  21. 21 http://www.zero.ru
  22. 22 http://www.methodarts.com
  23. 23 http://www.methodarts.com
  24. 24 http://www.icebrrg.com
  25. 25 http://www.icebrrg.com
  26. 26 http://www.kineda.com
  27. 27 http://www.kineda.com
  28. 28 http://www.colourmod.com
  29. 29 http://www.besupercharged.com/
  30. 30 http://veerle.duoh.com
  31. 31 http://veerle.duoh.com
  32. 32 http://www.obuweb.com/
  33. 33 http://www.obuweb.com/
  34. 34 http://www.slideshowpro.net
  35. 35 http://www.slideshowpro.net
  36. 36 http://www.whitwa.net
  37. 37 http://www.whitwa.net/
  38. 38 http://www.mstefan.com
  39. 39 http://www.mstefan.com
  40. 40 http://www.subdued.net
  41. 41 http://www.subdued.net
  42. 42 http://www.theologisches-seminar-elstal.de
  43. 43 http://www.electricpulp.com
  44. 44 http://www.electricpulp.com/
  45. 45 http://www.susannepaschke.de/
  46. 46 http://www.susannepaschke.de/
  47. 47 http://www.jek2k.com
  48. 48 http://www.jek2k.com
  49. 49 http://www.morellc.com
  50. 50 http://www.morellc.com
  51. 51 http://www.attitudedesign.co.uk
  52. 52 http://www.cssvault.com
  53. 53 http://www.cssvault.com
  54. 54 http://www.evaneckard.com/
  55. 55 http://www.evaneckard.com/
  56. 56 http://www.wallopcreative.com
SmashingConf Barcelona 2016

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? Like SmashingConf Barcelona, on October 25–26, with smart design patterns and front-end techniques.

↑ Back to top Tweet itShare on Facebook

Advertisement

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.

  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

    Carlos Eduardo

    December 20, 2006 2:07 am

    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

    Thanks for featuring Devlounge, great list!

    -3
  6. 6

    Very cool!

    -1
  7. 7

    Super nice work, well done :)

    -3
  8. 8

    Wow. Thanks for the inspiring list.

    -2
  9. 9

    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
  10. 10

    Real beauty. Very inspiring. Thanks for the list.

    -1
  11. 11

    Great list, will add to My Ma.gnolia bookmarks

    0
  12. 12

    What an inspiring list! Awesome.

    -1
  13. 13

    Nice sites!

    -1
  14. 14

    Wow Beautiful!!!

    -1
  15. 15

    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
  16. 16

    Indeed great collections man…

    -1
  17. 17

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

    -1
  18. 18

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

    -2
  19. 19

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

    -1
  20. 20

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

    -1

↑ Back to top