CSS-Tricks PSD to HTML: You Design - We XHTML

Roundup of Design Galleries

I have a Happy New Year’s gift for all you CSS-Tricks readers! It’s a big roundup of all those web design galleries that are so popular these days. I’ve been wanting do a round of these for a while, and then when I finally started looking into it I found that there are tons and tons of them. Where to begin?

thegreatroundup.jpg

Well I just started looking — I looked at easily over 100 of them. Then I compiled a list of the common features of those sites and started keeping track. I ended up with: Thumbnails, Dated?, Rated?, Comments?, Advertising Annoyingness, Submissions?, Searchable By, Browseable By, Other Content, and RSS. At first I started do some value judgments like general quality level, freshness, and extra notes/comments, but in the end I decided to leave my own feelings out of it. The one value judgement that made it is the Advertising Annoyingness level, just because I found it relevant and kind of funny.

I also had to cut a lot of galleries. Here are some reasons a gallery might have gotten cut:

  • It completely sucked.
  • It obviously hasn’t been updated in months.
  • Non-English (There were lots of galleries, good and bad, in other languages. I just decided to keep this list English only. Many of the galleries link out to non-English sites though.)
  • It ONLY aggregated content from other sites
  • It was targeted at only a specific type/style of design.

So there you have it, enjoy The Great Web Design Gallery Roundup.

p.s. I’m sure there are some I missed, so feel free to contact me and let me know and I’ll add them.


Theoretically Related Articles:

Discussion Elsewhere


Responses


  1. 1

    Gravatar

    http://www.designersource.net/ ? I think it is none of the five reason for missing.


    Comment by Ivo Stankov — January 12, 2008 @ 3:26 pm

  2. 2

    Gravatar

    Why do you not consider non-english galleries? It seems kinda xenophobic and it obviouslt a stupid decission. I hope you reconsider it. It’s discriminatory.


    Comment by Sergio — January 13, 2008 @ 5:00 am

  3. 3

    Gravatar

    Well, it’s a 100% English gallery. What’s the matter with the links?! I cant understand your point.


    Comment by Ivo Stankov — January 13, 2008 @ 5:03 am

  4. 4

    Gravatar

    how about CommandShift3 ? :)


    Comment by 440design — January 13, 2008 @ 7:19 am

  5. 5

    Gravatar

    You forgot http://www.cssartillery.com :)


    Comment by CSSArtillery — January 13, 2008 @ 6:11 pm

  6. 6

    Gravatar

    Could I suggest CssGlance, the italian one?
    Thanks
    Roberto


    Comment by Roberto — January 14, 2008 @ 1:39 am

  7. 7

    Gravatar

    Very comprehensive list, will come in handy in the future!

    Chris


    Comment by Chris — January 14, 2008 @ 5:30 am

  8. 8

    Gravatar

    I suggest CssLeak.com

    Thanks


    Comment by Mac — January 14, 2008 @ 8:18 am

  9. 9

    Gravatar

    Hi All,

    Thanks for all the suggestions! I’ll get them all added real soon here. CSSLeak I’m having some trouble with because it crashed my browser once and now it’s hanging on some external link, so I’m going to hold off on that one for now. I really really like CommandShift3, but it’s less of a gallery so I think I’ll leave that off too.


    Comment by Chris Coyier — January 15, 2008 @ 8:59 am

  10. 10

    Gravatar

    Sweet Chris… definitely coming back when I need inspiration.

    Since this post is about CSS, I thought I’d point out that the ‘Web Design Gallery RoundUp’ page/design is displaying incorrectly in ie7. The Header (header.png) is floated all the way to the right and extends beyond the viewable area. I’ve resized to 1024 wide from 1680 and it’s still whacked out.


    Comment by shane — January 15, 2008 @ 2:52 pm

  11. 11

    Gravatar

    yeah, CommandShift3 might not a ‘regular’ gallery, as you said. but i really like it too :) anyway, thanks for the great lists!


    Comment by 440design — January 16, 2008 @ 1:50 am

  12. 12

    Gravatar

    Good list and thanks for including CSS Vault. You may want to disable column mouseover and clicking effects. The page feels really sluggish because of that.


    Comment by Dennison Uy - Graphic Designer — February 2, 2008 @ 11:39 pm

  13. 13

    Gravatar

    http://www.faveup.com/

    At least I didn’t see it at first glance…


    Comment by Terry Apodaca — February 18, 2008 @ 10:42 pm


Leave a comment

Sick of typing in all this info everytime you comment? Register or Login and save yourself time!

LINKS: You can use <a href="">LINK</a> tags here.
CODE SAMPLES: Please wrap code samples in BOTH <pre> and <code> tags.

Thank you for visiting CSS-Tricks! I'm glad you found an article useful enough to print out! Remember to visit css-tricks.com often for more fresh content.