Your environment rubs off on you.
Want to be a better photographer? Browse Flickr.
Want to write better? Read great authors.
Want to be optimistic? Hang out with optimists.
It’s a simple principle, and it applies to design as well.
Want to have better taste in design? Surround yourself with beautiful things.
There are hundreds of sources of inspiration surrounding us every day, but for a web designer, the most obvious are simply other web sites.
CSS galleries feature some of the best looking CSS-based designs on the web, and the good news for us is that the vast majority of those designs are blogs. Following a gallery will let you continually see great examples of design. Over time, your sense of what good design is will get better and better.
The more immediate impact of course is that when you do spot a feature you like, there’s no reason not to attempt something similar on your own blog.
8 CSS Galleries Worth Following
- CSS Mania – The gallery I’m subscribed to, largely because of how it updates. A batch update of around 10 designs every 2-3 days. Makes it easy to flick through, and never time consuming.
- CSS Remix – It’s built from WordPress. A great example of what can be achieved from the “blogging” platform.
- Best Web Gallery – Run by Nick La, who also writes two fantastic design blogs; Web Designer Wall and N.Design Studio. Talk about qualified…
- CSS Drive – Beyond the usual gallery, CSS Drive give special focus on menu designs.
- CSS Reboot – For site redesigns. CSS Reboot is based on a voting system (Like Digg), making it a little more social than usual.
- Nice Stylesheet – The new kid on the block was started up by Deron Sizemore, and based on his blog, you can bet it will be a great gallery.
- W3Csites – The biggest standards advocate among the galleries.
- CSS Beauty – CSS Beauty run a couple of great services for designers. The gallery isn’t their strongest though.
There are hundreds of other galleries out there, but these would be my recommendations. Subscribe to one, or to many, and let the good examples rub off on you.
Do you follow a gallery at the minute? Which one?
Custom Search
milo (72 comments)6 November 07
I’m following MostInspired, because it’s an aggregation of all wellknown CSS Galleries, however there’s a crux within those showcases: usually a good site popups in each of the galleries.
And while some of the showcased styles/websites are looking very interesting, their usability/loading time might not work for everybody.
daniel (10 comments)6 November 07
the 8th of the list is not CSS Mania, it is named cssbeauty
Deron Sizemore (34 comments)6 November 07
Thanks for listing NiceStylesheet here, I appreciate it.
I’ve already received a great response from you listing it.
Slevi (73 comments)6 November 07
I don’t really follow CSS galleries too much, well for the simple fact that I don’t do too much web design anymore. But the moment I start working on something again it’s definitely something which I do, it’s a great way to get an impression of which things others have been doing and such, getting ideas on what you could use yourself, etcetera.
The only downside though is that as you already mentioned there are tons of them out there, by now you can already nearly start getting CSS galleries listing sites or something
.
Brian Purkiss (24 comments)6 November 07
Those are some great sites!
Personally, I’m an avid participator over at DesignSnack (as well as NiceStylesheet). I think both of them are great showcases.
Personally, I’d reccomend checking out DesignSnack. I have talked to the designer of DesignSnack, and they have some great new bits coming to their showcase that are not like any other I’ve seen.
In order to vote on DesignSnack, you have to be a registered member. Through that, visitors can earn points and move up in ranking. (I am currently ranked #3) And this winter, that points system is going to get a lot more rewarding. Monthly point competitions will be held for prizes, points can be traded in for advertizing, and more unknown features as well.
I would highly reccomend checking out DesignSnack. We have a great community, good submissions, and a lot of great stuff in store!
pelf (32 comments)6 November 07
I don’t know much about CSS at the moment, but I do hope to be able to spend some time learning the basic stuff. Thanks for the list
Mohsin (28 comments)6 November 07
I am surprised you didn’t mention Stylegala. It’s one of the oldest and most beautiful.
Great list nonetheless. Stumbled!
Michael Martin (1285 comments)6 November 07
Milo – I’ve come across a few of those as well before. They’re good sites, if you want to get a lot of updates.
Daniel – Thanks for spotting that. Updated now!
Deron – No problem. Pity I could only write a line or 2 in the post. I wanted to rave about how cool the logo is!
Slevi – I do that as well. At the start of a project, it’s great to spend a little time browsing through pages and pages of good designs to get you in the mood.
Brian – Looks like a good site. I hadn’t seen it before. Extra features like that will definitely be great for the community.
Pelf – No prob. I was considering writing a quick primer on CSS here. It wouldn’t be an in-depth guide; more of a kick start into CSS (So that you’d know enough to be able to edit your blog template easily enough). Would you be interested in a post like that?
Mohsin – That’s the name! I could picture the site in my head (The layout is very distinctive) but I just couldn’t remember the name. How long have they had that PR7 directory ad for though?? xD
Deron Sizemore (34 comments)6 November 07
Thanks a lot Michael. Glad you like the logo.
Anna Vester (2 comments)6 November 07
Hey Michael, Great list. I haven’t heard of Nice Stylesheet gallery before; I have added that one to my rss feed as well as Deron’s blog. I just discovered another one – CSS Designed gallery.
Thanks!
Michael Martin (1285 comments)6 November 07
Anna – Thanks for sharing it.
Alex Kay (7 comments)6 November 07
Personally I follow both http://www.inspirationking.com/ and http://www.portfoliobase.com/, seeing as they are my own. But I also really enjoy CSSMania, and StyleGala (when they update). Cheers!
Michael Martin (1285 comments)6 November 07
Those galleries are great Alex. Inspiration King definitely focuses on quality, and Portfolio Base is a great niche.
As a sidenote, I absolutely love Portfolio Base welcome box at the top right. Fantastic.
Dominik Lenk (25 comments)7 November 07
A very nice list. Personally, I also often check on Stylegala.com Their gallery is not updated that often, but they do post some nice links as well.
Michael Martin (1285 comments)7 November 07
They do, and they have a good forum on top of it all.
kristarella (141 comments)7 November 07
Nice, I hadn’t seen most of them.
I only really look when I’m looking for inspiration on something specific (as opposed to “following”). I usually check out Web Creme and I like DesignShack, which was already mentioned.
I often wish Web Creme had a more extensive search/category system though.
Dave S. (15 comments)7 November 07
Although it’s not updated often, I have used http://www.csszengarden.com.
I have also checked out css beauty from time to time.
pablopabla (50 comments)7 November 07
Haven’t subscribed but probably would. It would be good to learn a thing or two especially if I am keen to tweak my website’s look
pelf (32 comments)7 November 07
Of course I would! I love posts that teach me tonnes, and at the same time save me lots of time searching through the internet
*yeah, pelf is lazy*
Ash Haque (1 comments)7 November 07
CSS Designed for the win!
/blatant self promotion
Lynda Lehmann (3 comments)7 November 07
Interesting post and so true!
In real life, I like to surround myself with paintings and natural objects like plants, seashells, and geodes and rocks. I don’t like to be in an environment that doesn’t pique my wonder and feed my soul!
Michael Martin (1285 comments)8 November 07
Kristarella – That’s fair enough. Times like that are definitely when it’s most useful.
Dave – That was a good one to bring up. The Zen Garden was a fantastic site, and a real flagship for CSS design, but I think it has had its day now. There is no longer a need to prove that CSS design beats table design, and as a gallery, it has a few great styles, but on the whole, I don’t think it’s the same quality as some of the site showcases here.
Pablopabla – If you’re not sure, you could try out a less frequently updated one. The odd design each week couldn’t hurt.
Pelf – Sounds good! I’ll defs do it then.
Ash – lol – Looks like a good gallery, so I don’t mind.
Lynda – Real life inspiration is invaluable. Nature is a great source (I quite like cities and their architecture as well).
Free Blogging Resources (2 comments)11 November 07
Thanks for sharing these sites, I appreciate it! This is a very helpful resource so I’m including it in this weekend’s roundup on my own blog. Keep up the great work.
Michael Martin (1285 comments)11 November 07
Thanks. I’m glad you found it useful.
Michael Martin (1285 comments)11 November 07
Hey Tay – I’m not sure if you’re see this, but I tried thanking you on your site, but it didn’t work. And then when I tried your contact form, that didn’t work either.
Maybe it was just me?
Lau @ Digital Photography Tutorials (1 comments)12 November 07
Good css resources.
Sangesh (1 comments)24 November 07
Gee, I knew just 4 of them. Nice to stumble upon articles like this.
Cheers.
River Plate (2 comments)10 December 07
Great resources !
thanks
=!
Michael Martin (1285 comments)10 December 07
Welcome.
mr Joko (1 comments)8 March 09
Thanks for this post. I have a hard time finding good content related to this subject when searching most of the time
Panduan Wordpress (1 comments)29 May 09
Thanks for the list
Web Host Right (16 comments)18 August 09
Thanks, i wasn’t aware of the w3csites one.
Liza (1 comments)31 August 09
That’s great, thanks for the links, I will submit some of my sites now and hope they will get featured there
lynnscott (20 comments)30 September 09
Good Post as always Michael…full of information…..I will have a look…I Thank you…
Cathy @ 3 at 1 Copying (9 comments)16 October 09
Hi Micheal
You are so right there about being surrounded by beautiful things in order to be creative and it does make so much sense, thanks for that list can’t wait to go check them all out.
Hazel Ink Cartridge (6 comments)17 November 09
I could not agree with you more on this one Micheal, one always should surround themselves with beautiful things be it in work or home, this is the only way that one can be a positive person, thank you for the great list of sites I can’t wait to go check them all out in detail.