Top Ten Resources for Web Design and Inspiration

June 11th, 2008 in Articles by

I like to surf around the net to get inspiration before I start my first draft in doing web design. So, I did find some quality sites or resources. Inspiration, not meaning that you can totally copy the style you like. You may learn the concept, structure or even color usage from the pro. For resources sites, I also stick with those I bookmarked. Not so much but just a few that I think it is up to level and update frequently. So, today, I am going to share with you my favorite resources sites for learning purpose and my favorite web gallery to get design inspiration.

Web Design Inspiration

web design


CSSVault is always my first choice to get some design inspiration. There is a huge collection of high quality web sites both in coding and designing. I am lucky enough to get featured on their site. Besides, you can also find some resources there under the resources section.

Visit Site

web design


“CSSBeauty is a project focused on providing its audience with a database of well designed CSS based websites from around the world. Its purpose is to showcase designers’ work and to act as a small portal to the CSS design community.” So, do I need to explain more?

Visit Site

web design

Best Web Gallery

Best Web Gallery is an inspirational gallery site where we collect a wide range of quality design websites (Flash & CSS). They provide a very useful category system for your to browse through. Besides, you can also choose to view in in 3 different ways. Head over and get some inspiration.

Visit Site

web design

CSS Mania Natural Feeling

CSS Mania has over 10,000+ websites in its collection which is css-based. Not all of them are up to level but you really can find something special there.

Visit Site

web design

The Best Designs

The Best Designs is a great place to view high-quality XHTML and Flash designs. Their tagging system allow you to easily narrow down your searching. Besides, you can also meet some popular web designers there in their featured designers and designers’ directory section.

Visit Site

The Best Resources

web design

PSDtuts – Spoonfed photoshop

No doubt, this is my first choice. I have been following them since their launching. They make me feel like I need them to feed me everyday. There are some amazing tutorials there, kind of different from what you see elsewhere.

Category: PhotoshopVisit Site

web design

Nettuts – Spoonfed web skills

I write about this site before, so, I will not list down all the details here. It is always good when you find a site that provide skills only for a specific field. It is more focus and lead to higher quality of content.

Category: Web SkillsVisit Site

web design


Vectips is a site for Adobe Illustrator’s tips, tricks, and tutorials, designed and maintained by Ryan Putnam. A dedicated site that provide resources only for Illustrator. This is my favorite site for illustrator tips and resources.

Category: IllustratorVisit Site

web design

Good Tutorials

A tutorials portal that provide various type of tutorials. Ajax, CSS, Photoshop, JavaScript, MAya etc..This is also the second resources I used to learn my photoshop skills when I just started in web design field. Besides, I also submitted some of my tutorials there as a return of contribution for the community.

Category: Tutorials PortalVisit Site

web resources


My first resources site to start my web design journey. Every time I browse over this site, I remember the moment I learn photoshop, illustrator and css during my internship. I never think that my tutorials also can be included there one day. And, I made it happen. Thanks god.

Category: Tutorials PortalVisit Site

How about you?

So, above are my top ten resources for web design and design inspiration. Do you mind to share yours? Leave a comment here, so it benefits the all the web designers out there. Thanks and have a nice day!

add RSS


New to Old.


Write your comment here...

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Nucleo, Customizable Vector Icons


Some of my recent works from dribbble, do check it out and leave me some feedbacks! Or follow me on dribbble and get updated.