The Ultimate A-Z of the Best Design and Development Related Sites

This list is being constantly updated so keep coming back to see the new additions. Also, please leave any suggestions in the comments. Thanks.

aToZ

For anyone in the web design and development industry, you should be checking most of these on a regular basis and you can’t go wrong subscribing to the RSS feeds of the following sites:

A is for A List Apart

aListApart

A List Apart contains the best written advice and opinions of the top minds in the industry.

See also:

B is for Build Internet!

buildInternet

Build Internet! is a relatively new blog (although old compared to Inspect Element!) but has already established it’s place as one of the best blogs offering great development tutorials and more.

See also:

C is for CSS-Tricks

cssTricks

The place to go if you need help with anything to do with CSS. Also plenty of tutorials teaching you things that you didn’t know was possible.

See also:

D is for Design Bump and Design Moo

designBump

designMoo

Design Bump and Design Moo both combine the social voting aspect of Digg but focused purely on the web design and development.

See also:

E is for Elliot Jay Stocks

elliotjaystocks

Elliot Jay Stocks’ recent redesign of his site shows what is possible in modern web design.

F is for From the Couch

lookOutside

Video podcast hosted by brothers Marc and David Perel in which they talk about anything to do with web design.

See also:

G is for GoMediaZine

goMediaZine

Great resource for all things design related.

See also:

H is for HTML 5 Gallery

html5gallery

As you can probably guess from the title, HTML 5 Gallery is a gallery of sites using HTML 5 elements.

See also:

I is for I Love Typography

iLoveTypography

With Typography playing a huge role in Web Design, I Love Typography is the best blog out there for all things typography related.

See also:

J is for Just Creative Design

justCreativeDesign

See also:

  • jQuery (javascript framework)

K is for Kuler

kuler

Excellent colour picker from Adobe and a great place to go for colour inspiration.

L is for Line25

line25

Creative webdesign blog by Chris Spooner with a great looking design.

See also:

M is for Minervity

minervity

N is for Noupe

noupe

Great all round web design/development blog.

See also:

O is for Only Creative

onlyCreative

Only Creative picks out portfolios of the most creative designers out there.

See also:

P is for Pattern Tap

patternTap

See also:

The ultimate collection of design elements from around the web.

Q is for Qapture

qapture

Collection on what’s hot from the world of Twitter.

See also:

  • Qbrushes (free Photoshop brushes)
  • QNT (digital art magazines and web design gallery)

R is for Retinart

retinart

See also:

  • Reencoded (web design and development resources)

S is for Smashing Magazine

smashingMagazine

What would this list be without Smashing Magazine?! The best site for designers (and developers) on the web.

See also:

T is for Tutorial Magazine

tutorialMagazine

Tutorial Magazine does a great job of rounding up the best tutorials including in both web design and development. Great presentation and nice simple design.

See also:

U is for Usability Post

usabilityPost

Superb look at usability around the web and beyond. Doesn’t post very often but each one is absolute top quality.

See also:

  • UX Booth (web usability blog and reviews)

V is for Vandelay Design

vandelayDesign

Another great all round web design/development blog.

See also:

W is for Web Designer Depot

webDesignDepot

Very creative design and has built up a great following due to the quality content.

See also:

X is for Nothing?!

I couldn’t find any great that begin with X but if you do then let me know in the comments and I’ll add it in.

Y is for You The Designer

youTheDesigner

Another one found while researching this post but doesn’t look like it would be out of place on any designer’s RSS reader.

Z is for Zach Krasner Times

zachKrasnerTimes

Yet another one found researching and not surprising the only Z I could find. Looks to be a round-up of posts from across the web with a nice layout.

More

I’m sure that there are many more sites out there that I don’t know about or have just forgotten so I will be adding more as time goes on. If you find any more or know of any great sites, especially for the missing letters, then add them in the comments and I’ll see if they’re worth adding.

Author Tom Kenny

I'm the creater of Inspect Element and currently work as a web designer for TUI Travel. You can view my portfolio and follow me on Twitter.

Discussion

  1. Joel Vardy says:

    Thanks for another great post, I’ve found some new sites to check out and subscribe too, Tutorial Magazine was one I’d forgotten about!

  2. div says:

    A-Z superb way of listing the useful websites at one place.

  3. Jojo Thomas says:

    Great resources!
    I am sad that designjojo.com has not made to the list.. :(

  4. Gerwin says:

    great round up mate, nicely done. thanks.

  5. cssah says:

    Awesome collection ,inspiration websites .i already use all of them.

  6. Great list, thanks for including Webdesign News…

    http://twitter.com/webdesign_news

  7. Sean says:

    What an amazing list of great resources! I find even if I do not use these directly in my job they are always very helpful when clients need design help.

  8. David Perel says:

    Thanks for the From the Couch mention! Awesome.

  9. Jon Phillips says:

    Hey thanks a lot for including my sites on the list, much appreciated!

    as for the letter Q, maybe http://www.qapture.net/ ? :)

  10. matt says:

    QBrushes.com is decent photoshop brush/pattern download site

  11. Grace Smith says:

    Fab list, i see though you only have one site under G. I would love to have my blog added, as i post a lot of design, development and freelancing resources and posts. ;-)

  12. Tom Kenny says:

    Thomas, i’ve added Design Jojo to the list. Seem like a nice fun site.

    Thanks for the Q suggestions Jon and Matt, I’ve added them in.

    Grace, I can’t believe I forgot to add you to the list! I really like your ‘Show Me Your Dock Series!’ too! Anyway, you’re on the list now :)

    Keep the suggestions coming in! I still can’t believe I can’t find anything under R. Very strange.

  13. Great list, loving the fact that i did not new many of them, thanks for sharing them.

  14. JOE says:

    Thank you for sharing, very inspirig website ! i’ll tranlate this to my french in my blog !

  15. FAQPAL says:

    Great list, perhaps for the letter “F”, you could add FAQPAL, http://www.faqpal.com

    Thanks.

  16. Jacob Cass says:

    Thank you for the mention Tom and for putting together this innovative list.

  17. Brian Hoff says:

    Thanks for including The Design Cubicle Tom. I like the different,A–Z approach to listing these great sites. Possibly an OPML file to subscribe to all these great sites would be a nice touch. :)

  18. Fabio Sasso says:

    Great list, and I’m super happy that you included abduzeedo :)

    Thank you very much.

  19. Laura Bogza says:

    Hey I found something with R:
    http://www.reencoded.com/
    and yet anther something here:
    http://retinart.net/
    Though granted, that was hard. The only two in my hundreds of bookmarks!

  20. Great resources and insight!
    -For letter Q: How about QNT – digital art magazines and web design gallery > http://www.quandtnet.de/
    -For letter X: The choices are so limited… maybe Xanga.com?

  21. Tom Kenny says:

    I was thinking of creating an OPML file but just don’t have the time for it. For the moment at least, so I may do it in the future.

    Finally some Rs! Thanks Laura, two nice looking sites there.

    Thanks for the Q Media but Xanga isn’t design related so unfortunately still no X.

  22. nice listing and good idea for A-Z list.

  23. Tim Wright says:

    Very cool way to do a roundup. Thanks for putting this together.

  24. Pedro says:

    Great Article. Great Designers!

    How about, http://www.x-menorigins.com/? Not a bad design at all!

  25. Jørgen says:

    Wow, my site is T :D Thanks very much!

  26. Inspector Gadget says:

    what about xyzdesignerblog.com ??

  27. Adam Clark says:

    What about the most useful:

    http://web-design.alltop.com

  28. Tom Kenny says:

    xyzdesignerblog.com doesn’t exist.

    Thanks, Adam. Alltop has been added.

  29. Angie Bowen says:

    Great list, and like others have said, very original way to list the sites. Thanks so much for including Arbenting!

  30. Zach says:

    Thanks for adding the Zach Krasner Times!

  31. Grace Smith says:

    Tom thanks so much for including me!

  32. Franz Jeitz says:

    Great list and I love the way it is presented. I would like to suggest my design blog http://www.fudgegraphics.com if it’s not too much to ask. Thanks

  33. QNT (Sven) says:

    Thanks for insert my site in this great list!
    Thanks Media Contour for suggesting my site :) for “Q”!

  34. Hi

    Could i ask that you include my blog, http://blog.affiliateranger.com

    Thnaks

  35. Tom Kenny says:

    Added Affiliate Ranger and Fudge Graphics

  36. jack says:

    thank you for including Typesett Magazine! cheers

  37. Jen Harvey says:

    Great list! Will check back for updates. How about CSS Zen Garden? I love to surf around in the designs there for inspiration.

  38. Luke says:

    Fantastic post! This basically provides endless sources for design inspiration… nice work!

  39. David Boni says:

    This is a whole lotta win. Thank you!

  40. d65blade says:

    Wow. Nice compilation of web resources. Great list and thanks for posting.

  41. I love JCD, Smashing Magazine and Usability Post the most.

  42. Well done.

    That’s amazing to see how people can make things great on a few words and pictures. A good thing tank of website that help to restyle and rethink about our own website.

    Thansk for the job done !

  43. Mars says:

    i thought my blog was also on the list, sad no to find mine

Become Part of the Discussion

Please note: Comment moderation is enabled and may delay your comment. There is no need to resubmit your comment.