My Favorite Sites for Web Design Tutorials

For those of us who are interested in always learning new tricks and improve our design skills, we’re fortunate to have a number of very valuable websites and blogs that regularly publish high quality, informative tutorials. In this post I’d like to take a look at some of my favorite places for tutorials, and I encourage you to share your favorites in the comments.

PSDTUTS

While there are plenty of blogs and websites for Photoshop tutorials, PSDTUTS is the king. In recent months their team of writers have been publishing a new tutorial almost every day. You’ll find very high quality work here in a variety of different areas. I frequently work through their tutorials and always learn a lot from the process.

PSDTUTS

From the Archives: Create a Dark Themed Web Design from Scratch, Creating a Stunning Digital Smoke Effect.

Veerle’s Blog

Veerle Pieters is one of the best graphic designers you’ll find anywhere, and she posts some outstanding tutorials for Photoshop and Illustrator.

Veerle's blog

From the Archives: Creating Geometric Patterns in Illustrator, Creating a Coat of Arms in Illustrator.

CSS Tricks

Chris Coyier’s blog CSS Tricks is one of my favorites for CSS-related tutorials. In addition to publishing the typical blog post tutorial, Chris regularly publishes screencasts that will give you a nice change of pace.

CSS Tricks

From the Archives: Using Weather Data to Change Your Website’s Appearance through PHP and CSS, “Checkmark” Your Visited Links with Pure CSS.

CSS Globe

CSS Globe is a leading community site for web designers that publishes links to relevant posts from other blogs (submitted by users), but Alen also posts his own original tutorials on CSS Globe. Alen’s tutorials are always insightful and well-explained.

CSS Globe

From the Archives: Creating and Styling Resizable Buttons, Create Resizing Thumbnails Using Overflow Property.

Web Designer Wall

Nick La of N. Design Studio and Best Web Gallery also runs the very popular blog Web Designer Wall where he publishes some very helpful tutorials and a variety of aspects of web and graphic design. Web Designer Wall is not updated as frequently as most of the others on this list, but it has a large following because of the quality of Nick’s work.

Web Designer Wall

From the Archives: How to Design Mini Icons, Chroma Wallpapers.

NETTUTS

The new sister site to PSDTUTS is well on its way to being a leader in design/development tutorials. NETTUTS already has some great content on the site, and if it’s anything like PSDTUTS, Collis and his writers will continue to ramp things up over the next few months.

NETTUTS

From the Archives: Building a Sleek Portfolio Site from Scratch, Creating a PayPal Payment Form.

Vectips

Vectips specializes in providing Illustrator tutorials. While there are plenty of sites that focus on Photoshop, there are fewer that target Illustrator users. If you’re looking to learn more about Illustrator, Vectips is a great choice.

Vectips

From the Archives: Create a Wood Grain Texture, Creating Halftone Effects.

David Airey

While graphic designer David Airey’s blog is not the typical tutorial blog, he frequently publishes his entire process of designing a logo for a client. In these posts David reveals all the steps that he goes through during the process of creating a logo, and he explains his thought process for each step. These posts really serve as tutorials for anyone looking to learn more about logo design.

David Airey

From the Archives: Logo Design and Card for Jigsaw Internet, Logo Design for Tudor Bourn.

Tutorial Blog

With over 8,000 subscribers, Tutorial Blog is one of the most widely-read blogs on this list. They provide frequently posted tutorials on just about all aspects of design, from CSS and HTML, to graphics, to JavaScript, to Flash, and then some.

Tutorial Blog

From the Archives: How to Make a Unique Website for Your Twitter Updates, Make Repeating Seamless Tile Backgrounds with Photoshop.

Abduzeedo

Abduzeedo is the home of Fabio Sasso, one of the writers of PSDTUTS. Abduzeedo publishes more than just Photoshop tutorials, but this is a must-read for those looking to learn more about Photoshop and graphic design in general.

Abduzeedo

From the Archives: Sparkling Hot Girl in Photoshop, Amazing Photoshop Light Effect in 10 Steps.

Just Creative Design

Jacob Cass is a graphic design student, and his blog Just Creative Design is growing very quickly. The tutorials that Jacob writes are not quite the same as the tutorials from many of the other sites. He frequently publishes a step-by-step process that he has worked through as part of his education. Personally, I enjoy seeing the projects, it’s almost like going to graphic design school for free.

Just Creative Design

From the Archives: How to Design a Logo, How I Designed 3 CD Jackets Just by Listening to Music.

WebsiteTips

WebsiteTips.com is one that I have just recently come across, and they have a good amount of helpful tutorials in their archives. Some cover graphic design and Photoshop, and others cover aspects of coding.

Website Tips

From the Archives: Creating Pixel-Sharp Diagonal 45-Degree Scanline Patterns with Photoshop, Selecting with Photoshop Channels.

Published May 28th, 2008 by

Looking for hosting? WPEngine offers secure managed WordPress hosting. You’ll get expert WordPress support, automatic backups, and caching for fast page loads. Visit WPEngine.

Join Our Newsletter!

Subscribe to our weekly newsletter chalked full of useful tips, techniques, and design goodies. We have 20,000+ loyal readers and counting! We’ll even send you a free e-book (Freelance Designer’s Guide to Multiple Income Streams) and a $10 discount on our most popular product the Freelance Starter Kit.

30 Responses

Comments are now closed on this post.

  • Chris Coyier, May 28, 2008

    These are totally my favorites too. Hadn’t heard of Vectips or WebsiteTips until today though, definitely gonna check them out.

  • Vandelay Design, May 28, 2008

    Hey Chris,
    Vectips is one of the few sites that I know of that specializes in Illustrator tutorials. So many others do Photoshop, but Vectips has some good stuff for Illustrator. WebsiteTips is new to me too, but the archives looked pretty decent.

  • Jacob Cass, May 28, 2008

    Hi Steven, good list you have here, I think I am going to write a top 10 list now of blogs I couldn’t live without or something along those lines.

    I didn’t know about websitetips.com so I’ll go check em out.

  • Qbrushes, May 29, 2008

    thanks for Not using “the top ten best” type of title :)

    Dugg

  • David Airey, May 29, 2008

    I scrolled through the first part of your post, then thought to myself, “I’ll have to bookmark this”, then I kept scrolling, and found my own site mentioned… thanks!

  • Razvan, May 29, 2008

    Good list, thanks!

  • ksan, May 29, 2008

    Those are some of my favorite as well – great list. I’ve been going through the tutorials at http://www.techtutor.tv/ lately – they are really high quality video tutorials of photoshop, illustrator plus some others. Tons of beginner ones but some advanced tuts as well.

  • SARAH, May 29, 2008

    Collection is great. I really love psdtutus.

  • Meet Women, May 29, 2008

    css tricks is good.

  • Stephan Miller, May 29, 2008

    Great list of sites for help, because most of the time I need all the help I can find.

  • Bryan P., May 29, 2008

    That looks like a great list of tutorials! I find it really helpful to have a list of sites to review when I am trying to get a site concept together.

  • JD, May 30, 2008

    A very nice list.
    I love many mentioned.
    PSD tuts and Net tuts are good.

  • diy help, May 30, 2008

    Oh my gosh!! I’ve been looking for these tutorials for so long and here they are! You saved me!!! lol, thnx a lot for posting this up!!

  • Marc Klein, May 31, 2008

    If some one is in need of some material related to web designing and want to learn more techniques about web designing then he can search the internet and find a lot of new ideas. He can also have talks with some expert people.

  • Karl Hardisty, June 2, 2008

    Good to see there are a few sites listed that I already frequent. Nice to know I’m not alone in the appreciation of these great sites (Nettuts.com should be a shoe-in for rookie of the year so far!)

  • Biodun, June 2, 2008

    Great lists, some are still new to me, thanks for sharing this useful tutorial. Its always nice visiting your site.

  • 0tutor, June 4, 2008

    Great stuff, some I knew already, but there was a couple I didn’t know of. Just Creative Design looks very interesting

  • Adam, June 10, 2008

    Nettuts is my favourite of the list you have here. I personally really like this site.

  • Atlanta Criminal Lawyer, December 11, 2008

    I have used Chris Coyier’s blog CSS Tricks before and have learned a bunch from it.

    Thanks for the fantastic list!

  • Ian Patterson, April 22, 2009

    great site with lots of interesting links and tutorials. Found this site while surfing for tutorials.

    Excellent site.

  • DIY, June 4, 2009

    Thanks for putting them all together. Great resource!

    Nettuts is my favourite as well. I have heard of that one. Really good. Cheers.

  • dunks nike women, August 23, 2009

    Thanks for putting them all together. Great resource!

  • sawebdesigns, May 10, 2011

    NETTUTS seems to be a very good site