My Favorite Sites for Web Design Tutorials
Published May 28th, 2008 in DesignFor 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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
From the Archives: Creating Pixel-Sharp Diagonal 45-Degree Scanline Patterns with Photoshop, Selecting with Photoshop Channels.
29 Responses to “My Favorite Sites for Web Design Tutorials”
These are totally my favorites too. Hadn’t heard of Vectips or WebsiteTips until today though, definitely gonna check them out.
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.
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.
thanks for Not using “the top ten best” type of title
Dugg
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!
Good list, thanks!
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.
Collection is great. I really love psdtutus.
css tricks is good.
Great list of sites for help, because most of the time I need all the help I can find.
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.
A very nice list.
I love many mentioned.
PSD tuts and Net tuts are good.
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!!
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.
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!)
Great lists, some are still new to me, thanks for sharing this useful tutorial. Its always nice visiting your site.
Great stuff, some I knew already, but there was a couple I didn’t know of. Just Creative Design looks very interesting
Nettuts is my favourite of the list you have here. I personally really like this site.
I have used Chris Coyier’s blog CSS Tricks before and have learned a bunch from it.
Thanks for the fantastic list!
great site with lots of interesting links and tutorials. Found this site while surfing for tutorials.
Excellent site.
Thanks for putting them all together. Great resource!
Nettuts is my favourite as well. I have heard of that one. Really good. Cheers.
Thanks for putting them all together. Great resource!
Trackbacks