Online Tutorials

  • Phillip Peet
  • Phillip Peet

Generally speaking there are two pathways for becoming a qualified web designer. You either come out of an Information Technology (IT) background and have a knack for programming or come through a graphic design discipline and have an eye for graphics. If you are like me and have come (or are coming) through the graphic design stream there will be times during your career you are going to face challenges when building websites and working with code. The key to getting over these hurdles is being patient, having the right “can do” attitude and doing lots of research. Unfortunately it is not always going to be smooth sailing so be prepared for some tough times and remain focused on the big picture.

Over my career I have scoured the Internet reading forums, blogs and/or watching video tutorials. Whilst there is lots of information available on the Internet it is always good to find reliable sources that you can trust and that remain current with trends and technologies. Below I have listed my favourites for Hypertext Markup Language (HTML), Cascading Style Sheets (CSS), jQuery (Javascript), Hypertext Pre-proccessor (PHP), Extensible Markup Language (XML), Flash (Actionscript) and a wee bit of graphic design (Adobe Illustrator, Photoshop, InDesign) as well.


Topping my list for online tutorials is Tutsplus. Tutsplus offers sub sites on a range of creative niches including Photoshop and Graphics, Vectors and Illustration, Web Development and Design, Flash and ActionScript, Photography and more. I recently subscribed as a premium member to access some very useful WordPress video resources which helped me build this custom blog.

Layers Magazine

Second on my list is Layers Magazine which is chock a block full of tutorials for Illustrator, InDesign, Photoshop, Dreamweaver, Flash and other Adobe applications. Although I have placed it second on my list when it come to teaching I suggest this resource a little more than Tutsplus as it is specific to Adobe and I feel the content is more useful for beginners.

Republic of Code

When it comes to Flash tutorials I can’t go past Republic of Code. Republic of Code has loads of tutorials for Actionscript II and III applications. I don’t teach Flash as often as I used to but this is certainly my number #1 reference when I do.

W3 Schools

W3 Schools was founded by the World Wide Web Consortium (W3C) which is an international community where Member organizations, full-time staff, and the public work together to develop web standards. This is an exceptional site for learning the correct way to write HTML, CSS, Javascript, XML and PHP code from the ground up. The site also has a useful inline text editor so that you can test, experiment and preview live results.


Somewhat similar to W3 Schools, HTML Dog has loads of practical resources broken into levels which makes for easy reading. I find HTML Dog to be a particularly useful guide for new comers to the world of CSS.

Entheos Web

Although I don’t use Entheos Web as often as the other websites I have listed above it also contains lots of useful content. Under the free resources menu you can find an assortment of tutorials for Adobe Photoshop, Dreamweaver and Flash. If you can’t find what you need on Layers Magazine try this one.

Leave a Reply

Your email address will not be published. Required fields are marked *