Click analysis

My Blog

50 Must-Read Resources For Incredible Web Design

Web Design At Its Finest
  • July 20th, 2008
  • BY Brian
  • COMMENTS 54

Web design has become one of the largest online fields with thousands of people pitting their designs against those of others every day. While the field is still young and growing, there are few designers who are recognized by all and have stood the test of time as their designs prevail over all others. Today, I want to share fifty must-read resources if you want to get started on the path of creating incredible web designs. Remember, beautiful designs aren’t made overnight - this is a process that takes time and practice. Don’t give up - instead, read on and find either a website, article, tutorial, or just some inspiration to help you take yourself and your business to the next level.

.
.

Sites

A lot of times, there are just a few sites out there in which every article is a must-read to learn more about web design. I’ve compiled ten of my favorite resources that I read every day to get my fill of design news, resources, tutorials, articles, and practices. Most of these you have probably heard of - some may be new - but either way, all ten of these sites deserve your visits and you deserve to read their articles. So dive on in!
.

  1. Smashing Magazine - A site devoted to compiling resources for designers, Smashing Magazine is a great place to stay on top of the latest web design trends and news.

    2. Popular Articles

    .

  2. Noupe - Noupe is a web developer’s paradise of resources.

    3. Popular Articles

    .

  3. David Airey - An incredible designer, and a resourceful blogger, David Airey is a great place to learn about design, designers, and web design. That’s a lot of design!

    4. Popular Articles

    .

  4. You The Designer - YTD has been in my RSS reader for quite some time now - this information is simply too valuable to miss out on. Get a taste for the articles below:

    5. Popular Articles

    .

  5. WPCandy - WPCandy is a site all about WordPress, WordPress themes, and WordPress news. This resource is for all you WP developers out there!

    6. Popular Articles

    .

  6. Fuel Your Creativity - An overall great resource for design in general, Fuel Your Creativity has an amazing and inspiring web design section that must be checked out.

    7. Popular Articles

    .

  7. WP Designer - WP Designer has been the starting point for many web designers and developers out there, including myself, so don’t pass up this incredible resource of knowledge.

    8. Popular Articles

    .

  8. Just Creative Design - JCD is another one of my favorite resources for web design articles and inspiration. Read a couple of articles and you’ll be hooked.

    9. Popular Articles

    .

  9. Fadtastic - Fadtastic is a web design trends journal that goes all-out and in-depth with web design.

    10. Popular Articles

    .

  10. A List Apart - Put quite simply by ALA, “For People Who Make Websites.”

    11. Popular Articles

    .

  11. Web Designer Wall - A beautifully designed website with some beautifully written articles, you can’t go wrong with WDW.

    12. Popular Articles

    .

  12. Net Tuts - If you’re a web designer or developer and you haven’t heard of Net Tuts, you probably shouldn’t call yourself a web designer or developer. Enough said.

    13. Popular Articles

    .

  13. Tracey Grady - My deepest apologies to Tracy, with whom I mixed up a link. Check out this incredible article: 10 Seamless Website Designs

    Popular Articles

    .
    .

    Inspiration

    I’m a big fan of inspiration - from CSS galleries to news feeds, inspiration is everywhere and is never lacking in numbers. Here are ten inspirational websites to help you with your web design process and ability. I am no advocate of copying or replicating a website design, however there is nothing wrong with putting your own twist on someone’s work. So be a true designer - get creative!
    .

  14. CSS Remix - A fresh blend of the best designed web 2.0 websites.

    .
    .
  15. Unmatched Style - Unmatched Style offers the ability to browse their designs by certain tags making it easier than ever to find what you’re looking for.

    .
    .
  16. Kreativuse - A relatively new site, Kreativuse offers a regularly updated inspiration section along with several articles linking to great posts from around the design world.

    .
    .
  17. Design Flavr - Design Flavr is a great place to read design-related articles while at the same browse through their inspirational site gallery.

    .
    .
  18. Web Creme - A clean site dedicated to showcasing the best of the web.

    .
    .
  19. Best Web Gallery - A CSS gallery with so many sites you’ll get lost in a matter of minutes. This is the place to come for endless inspiration.

    .
    .
  20. Screen Fluent - With over 7,000 submissions, Screen Fluent is another place to lose yourself in the inspiration.

    .
    .
  21. Screenalicious - Sporting almost 10,000 submissions, Screenalicious offers endless web design inspiration.

    .
    .
  22. Full Single - The front page of Full Single offers a lone preview of one web design. To see dozens more incredible designs, just browse through the archives.

    .
    .
  23. We Love WP - A CSS gallery that focuses on web designs running on the WordPress platform.

    .
    .
  24. I Love Typography - A fantastic website for typographical inspiration on the web.

    .
    .
  25. Fave Up - A user-driven website with inspirational sections on logos, business cards, and of course, web design.

    .
    .

    26. Tutorials

    It can be great to read the articles and browse CSS galleries for inspiration, but none of that will do you any good if you can’t design in the first place! Here are ten tutorials to get you started creating beautiful website designs. Remember, it’s all about the journey - not the destination. Just because a final product of one of these tutorials doesn’t interest you doesn’t mean the tutorial is worthless. Complete each tutorial step by step and you will walk away from the process knowing so many new techniques and styles that you’ll be able to start designing your own websites.
    .

  26. Professional, Clean Hosting Layout - How to design a simple, clean, and professional hosting website design.

    .
    .
  27. Making Your Own Portfolio Web Page - How to design a personal portfolio web design in Photoshop.

    .
    .
  28. Tutzor - Tutzor shows us how they redesigned their website with this well organized PS tutorial.

    .
    .
  29. Aqua Layout - A tutorial walking you through the process of designing a simple “aqua” style website.

    .
    .
  30. Design Studio Layout - This is a great resource to show you how to design a layout that a design studio may use.

    .
    .
  31. Real Estate Layout - As millions of real estate agents move online, it can never hurt to have the knowledge to design a real estate website.

    .
    .
  32. How To Slice A Web Design - A video tutorial walking you through the process of properly slicing and dicing a PSD image into usable web design images.

    .
    .
  33. Create A Sleek, High-End Web Design From Scratch - PSD Tuts shows us how to design a nice website design through this in-depth and thorough tutorial.

    .
    .
  34. From PSD To HTML, Building A Set Of Website Designs Step By Step - Net Tuts walks us through the coding portion of building a very professional looking web design.

    .
    .
  35. How To Create A 3D Shelf Element Similar To Dragon Interactive - PSD Tuts shows us how to create that sleek looking shelf element seen at Dragon Interactive’s website.

    .
    .

    36. Articles

    Articles are the bread and butter of this post. I want to show you all some articles that will truly help you take your designs to the next level. From inspiration posts to guides, any of these articles can, and will, help you with the creative process of website design.
    .

    1. 30 Most Inspirational Designer Web Designs
      A post compiling 30 inspirational web designs from the designers themselves.
    2. 30 Most Inspirational Dark Web Designs
      If 30 is the new 20, then dark is the new light. This post is a compilation of beautiful dark web designs.
    3. 30 Most Inspirational Light Web Designs
      Here are 30 light web designs to get you inspired.
    4. What Does Your Website Say About You?
      David Airey shows you what your website is really saying about you.
    5. Free Design Templates
      Smashing Magazine brings us a collection of free design templates.
    6. 35 Designers x 5 Questions
      What happens when you ask 35 designers 5 questions? 175 quality responses.
    7. 50 Designers x 6 Questions
      The second installment of designing questions brings more practical web-design related questions to the table.
    8. 10 Designer’s Checkpoints To Be Aware Of
      Our last article from Smashing Magazine brings you 10 checkpoints that all designers should keep in mind.
    9. Footer Design Showcase
      A fantastic collection of inspirational and creative website footers from around the web.
    10. What Everybody Ought To Know About Usability And Web Design
      A great article explaining the importance of usability in website designs.
    11. A Design Is Finished When…23 Pro Designers’ Opinions
      How do you know when a web design is finished? Here’s what 23 professionals have to say.
    12. 30 Websites To Follow If You’re Into Web Development
      If you’re this deep into the article, one would assume that you are into web development. If so, here are 30 sites you should follow.
    13. 20 Blog Designs That Stand Out
      Want to stand out among millions of sites online? See how others are doing it and how you can too.
    14. 9 Common Reasons A Website Is Not Drawing Visitors
      Having trouble getting visitors onto your site? Perhaps one of these 9 reasons can explain your troubles.
    15. 20 Useful Tools To Make Web Development More Efficient
      In the fast paced online world, time is money. So learn how to save time and earn more money!
    16. 5 Excuses For Discrimination In Web Development
      Are you discriminating against your visitors? It’s time to find out and right your wrongs.
    17. 3 Key Prerequisites Required To Succeed As A Designer
      We all want to succeed, but many designers lack these elements of success. Do you have them?
    18. Seven Reasons You Shouldn’t Charge By The Hour
      Are you charging your clients by the hour? If so, you may be hurting your business and your wallet.
    19. 11 Ways To Gain Exposure As A Web Designer
      A fantastic post designed to guide you through the process of gaining exposure as a professional designer.
    20. 53 Steps To Follow If You Want To Become A Freelance Web Designer
      A list of 53 logical steps to making it as a freelance web designer and developer.

Got something I missed? Drop a comment and let me know!

  1. Steven SnellNo Gravatar
    Steven SnellNo Gravatar said on July 20th, 2008 at 12:56 pm

    Thanks for the link to one of my articles.

  2. PoloNo Gravatar
    PoloNo Gravatar said on July 20th, 2008 at 2:31 pm

    Very cool list but I put A List Appart & Web Designer Wall in my top10 ^^

  3. Noura YehiaNo Gravatar
    Noura YehiaNo Gravatar said on July 20th, 2008 at 6:03 pm

    Very useful post.
    I am glad Noupe made it to the top10, thanks for the mention :)

  4. adelleNo Gravatar
    adelleNo Gravatar said on July 20th, 2008 at 9:50 pm

    Great post, going to take me a while to get through all these articles though! :) Thanks for taking the time to put this together. Also thanks for putting Fuel Your Creativity in the post!

  5. Jacob CassNo Gravatar
    Jacob CassNo Gravatar said on July 20th, 2008 at 10:31 pm

    Great list, thanks for the mention!

  6. David AireyNo Gravatar
    David AireyNo Gravatar said on July 21st, 2008 at 1:24 am

    Hi Brian,

    I’d include A List Apart, as mentioned already, and also I Love Typography. Two excellent type-based resources.

    All the best.

  7. Greg-JNo Gravatar
    Greg-JNo Gravatar said on July 21st, 2008 at 3:38 am

    Nice ! Very cool list !

  8. OmarNo Gravatar
    OmarNo Gravatar said on July 21st, 2008 at 4:05 am

    wow thanks! you introduced me to atleast 15 new sites :D

  9. OnyekaNo Gravatar
    OnyekaNo Gravatar said on July 21st, 2008 at 4:24 am

    Great list! I’m already a smashing mag/noupe junkie! Must check the others out!

  10. liamNo Gravatar
    liamNo Gravatar said on July 21st, 2008 at 5:10 am

    Nice stuff, extensive collection.

  11. upstyloNo Gravatar
    upstyloNo Gravatar said on July 21st, 2008 at 5:14 am

    Wow great list :). What about Design Float ? I think it is great resource too

  12. Pinkpetrol.comNo Gravatar
    Pinkpetrol.comNo Gravatar said on July 21st, 2008 at 5:22 am

    Great list, great resources…

    Sammy x

  13. Ryan BattlesNo Gravatar
    Ryan BattlesNo Gravatar said on July 21st, 2008 at 5:37 am

    Great, just when I thought that my RSS reader was full enough, you’ve addicted me to more feeds! Thanks for the great resource.

  14. SureshNo Gravatar
    SureshNo Gravatar said on July 21st, 2008 at 8:13 am

    Great Post!
    Thank you very much for sharing. I really love the collection.
    Bookmarked and forwarded to friends.

    - Suresh
    http://www.realgroup.co.in

  15. JakeNo Gravatar
    JakeNo Gravatar said on July 21st, 2008 at 8:30 am

    New sites for me.

    And Webresourcesdepot.com is a great resource for designers. It deserves to be in the list.

  16. RuthNo Gravatar
    RuthNo Gravatar said on July 21st, 2008 at 8:51 am

    Thanks for all the great resources. I have so many windows open right now so I can bookmark and get the feeds on many of these.

  17. valerio vazNo Gravatar
    valerio vazNo Gravatar said on July 21st, 2008 at 10:34 am

    Great List! Thanks for sharing

  18. quadenNo Gravatar
    quadenNo Gravatar said on July 21st, 2008 at 11:05 am

    that is great, thanks a lot
    http://www.dotqn.com

  19. haiyanNo Gravatar
    haiyanNo Gravatar said on July 21st, 2008 at 11:45 am

    That’s what needed. But when i am getting into more information, i am becoming more anxious about what i lack.

  20. RyanNo Gravatar
    RyanNo Gravatar said on July 21st, 2008 at 12:13 pm

    http://faveup.com/ should be in the inspiration list, it has great logos, business cards, flash and html/css websites.

  21. KirkNo Gravatar
    KirkNo Gravatar said on July 21st, 2008 at 1:52 pm

    Thanks for putting this list on your blog :D

  22. Valdecir CarvalhoNo Gravatar
    Valdecir CarvalhoNo Gravatar said on July 21st, 2008 at 4:38 pm

    Hi! Is that a way to share a opml file with all those amazing websites? It’s much more easier to have then on a feedreader and event better if it’s possible to add all in a snap!
    Thanks a lot
    Valdecir

  23. SusanNo Gravatar
    SusanNo Gravatar said on July 21st, 2008 at 9:53 pm

    WOW, I love this list!!!!

  24. BrianNo Gravatar
    BrianNo Gravatar said on July 21st, 2008 at 10:36 pm

    Whoa. 29 comments already - thanks everyone! To save space, let me just say thanks everyone for the comments. Here are a few more specific points:

    @Noura - No problem - you have a great site with great articles. Keep it up!

    @Steven - Sure thing :)

    @Adelle - Of course - you have a wonderful site that shows a lot of potential.

    @David - Added those + webdesignerswall. Thanks for the heads up!

    @Ryan - Added FaveUp :)

    @Valedecir - So sorry, I don’t think I can be of any help to your problem! I would give it a good ‘ol fasioned google search to see if you can find the answer to your problem.

    Thanks again everyone for your comments :D

  25. Shubhra BanerjeeNo Gravatar
    Shubhra BanerjeeNo Gravatar said on July 21st, 2008 at 11:51 pm

    This is really cool. I have discovered quite a few interesting things because of this post. Thanks.

  26. ThomasNo Gravatar
    ThomasNo Gravatar said on July 22nd, 2008 at 12:07 am

    I agreed with most of this websites but I don’t understand why you choose CssRemix in inspiration… this galllery is not updated since few weeks

  27. Graphic Design ServicesNo Gravatar
    Graphic Design ServicesNo Gravatar said on July 22nd, 2008 at 4:47 am

    useful list! Aqua layout design tips were nice.

  28. Matthew GriffinNo Gravatar
    Matthew GriffinNo Gravatar said on July 22nd, 2008 at 5:41 am

    Thanks for the link, Brian.

  29. Sydney Web Design and DevelopmentNo Gravatar
    Sydney Web Design and DevelopmentNo Gravatar said on July 22nd, 2008 at 6:37 pm

    Wow! Thanks, I need to make myself a cup of tea now and start browsing. Great collection - have bookmarked.

  30. BrianNo Gravatar
    BrianNo Gravatar said on July 23rd, 2008 at 9:46 am

    Thanks everyone for the comments. Best of luck with web design and I hope this post helps!

    @Thomas - Whether or not it is updated, I still have found it incredibly inspiring to browse the “top rated” and “most votes” categories - some incredible designs can be found in there :)

  31. Antony OstelerNo Gravatar
    Antony OstelerNo Gravatar said on July 24th, 2008 at 2:02 am

    Great list of some excellent Web Design Resources

  32. Tracey GradyNo Gravatar
    Tracey GradyNo Gravatar said on July 26th, 2008 at 5:48 am

    Thanks for a great and very comprehensive list, Brian. Would you consider adding my recent blog post on 10 Seamless Website Designs? Keep up the good work.

  33. Tracey GradyNo Gravatar
    Tracey GradyNo Gravatar said on July 27th, 2008 at 5:39 am

    I notice that you’ve already included my article in the list but you’ve put it under Fuel Your Creativity where I posted it as a User Submitted web site. It would be great if you could show the link to my blog as the article was written by me and sits on my blog. Thanks.

  34. EurodipityNo Gravatar
    EurodipityNo Gravatar said on July 29th, 2008 at 9:18 pm

    Aca se esta viendo mucha cosa respecto a seo.
    Esel ultimo concuso europeo de Seos.
    Yo estoy desde uruguay, tratando de estar entre los mejores de europa, recomiendo pegarse una vuelta, y ver lo que se esta haciendo.
    saludos y gracias

  35. Payel (HIP)No Gravatar
    Payel (HIP)No Gravatar said on August 22nd, 2008 at 12:03 am

    Hi!

    It is a very useful guide. Looking ahead to read such posts in near future.

    Payel

  36. 50 Must-Read Resources For Incredible Web Design - Kreativuse™ - Creative Resources and Inspirations said on July 20th, 2008 at 4:01 pm

    [...] Brian compiled a big list of 50 must read website resources for web design. Head over for the article. [...]

  37. Colección de 50 lugares con recursos de diseño web de obligada lectura » Cosas sencillas said on July 21st, 2008 at 12:17 am

    [...] lista la proporciona Elite, que comenta que el diseño de páginas Web se ha convertido en uno de los mayores campos en [...]

  38. vBharat.com » 50 Must-Read Resources For Incredible Web Design said on July 21st, 2008 at 9:19 am

    From vBharat.com » 50 Must-Read Resources For Incredible Web Design…

    Here are fifty must-read resources if you want to get started on the path of creating incredible web designs. Remember, beautiful designs aren’t made overnight - this is a process that takes time and practice. Don’t give up - instead, read on and f…

  39. Ethan’s Blog » Blog Archive » Another Week… said on July 21st, 2008 at 11:42 am

    [...] 50 Web Design Resources [...]

  40. Austoon Daily » 50 Must-Read Resources For Incredible Web Design said on July 21st, 2008 at 4:41 pm

    [...] 50 Must-Read Resources For Incredible Web Design [...]

  41. links for 2008-07-22 | Funny Web Pages said on July 21st, 2008 at 6:34 pm

    [...] 50 Must-Read Resources For Incredible Web Design (tags: webdesign design resources inspiration web css guide resource) [...]

  42. links for 2008-07-22 « Mandarine said on July 21st, 2008 at 10:34 pm

    [...] 50 Must-Read Resources For Incredible Web Design (tags: webdesign list links) [...]

  43. 50 recursos que deberias leer si diseñas paginas web | Uno de los otros said on July 22nd, 2008 at 12:26 am

    [...] Enlace. Ningún post relacionado Tags: Diseño Web Puedes seguir los comentarios en el feed RSS 2.0 . Puedes dejar un comentario, o trackback desde tu propia web. [...]

  44. 50 risorse per il web design « Fedeweb said on July 22nd, 2008 at 2:18 am

    [...] risorse per il web design Elytebydesign ha  raccolto 50 risorse che ogni designer dovrebbe salvare tra i propri [...]

  45. ExploreDesigns Creative Blog » Blog Archive » 50 Must-Read Resources For Incredible Web Design said on July 22nd, 2008 at 3:01 am

    [...] the rest here: 50 Must-Read Resources For Incredible Web Design Read [...]

  46. Favorieten en bookmarks voor 21 July tot 22 July | Cafe del Marketing said on July 22nd, 2008 at 5:01 am

    [...] 50 Must-Read Resources For Incredible Web Design - [...]

  47. Max Design - standards based web design, development and training » Some links for light reading (23/7/08) said on July 22nd, 2008 at 8:39 am

    [...] 50 must-read resources for web design [...]

  48. Una lista de recursos para diseñadores web said on July 22nd, 2008 at 2:59 pm

    [...] de artículos en donde te listan recursos para leer y practicar, así que les comparto el artículo 50 must-read resources for incredible web design en donde tendrán mucha información útil para entretenerse y aprender más sobre diseño [...]

  49. Enlaces para leer y ver 86 « el50 said on July 22nd, 2008 at 9:45 pm

    [...] Los 50 recursos que un diseñador Web debe leer [en] | Elite. Otra larga lista pero muy bien hecha. [...]

  50. Blog de KoM » Blog Archive » 50 recursos imprescindibles diseño web said on July 24th, 2008 at 5:21 am

    [...] 50 MUST-READ RESOURCES FOR INCREDIBLE WEB DESIGN [...]

  51. Web Design Blog, Toronto » Blog Archive » Impressive Links of the Week (July 24/08) said on July 24th, 2008 at 11:50 pm

    [...] 50 Must Read Resources for Incredible Web Design [...]

  52. Weekly linkage madness - elisa.nobe.blog said on July 27th, 2008 at 1:13 am

    [...] 50 Must-Read Resources For Incredible Web Design [...]

  53. Feeling the need for some inspiration on a Monday? said on July 28th, 2008 at 8:21 am

    [...] inspiration geared towards web design & design blogs, I highly recommend these great articles: 50 Must-Read Resources For Incredible Web Design, 33 New Places for design inspiration, 60 More Places to Get Design Inspiration and 34 Places to [...]

  54. 50 sitios de esencial visita para los diseñadores. « equis, comunicación visual said on August 6th, 2008 at 4:29 pm

    [...] freelance especialista en crear themes para WordPress, nos presenta, una interesante lista con sus 50 sitios de esencial visita para los diseñadores. La lista contiene desde portafolios, templates, blogs, recursos, tutoriales y demás [...]

What do you think? Join the discussion...

How do I change my avatar?

Go to gravatar.com and upload your preferred avatar.

Search Form