Domainating: Brands, Art & Content

artist/illustrator/designer/webmaster/copywriter/videographer/optimizer/promoter/ad-man

Web Design Tutorial Resources

Originally, I started making this list as a quick reference page for our Web Design and Development group at Google Groups.  Unfortunately, real life interrupted and I never got this list done.

So instead of posting the incomplete list of web design and development tutorial resources to the group, I thought I’d post the start of it here.  This way, the general public can comment on the resources or even add additional online websites offering tutorial resources.

Note that web design requires more than simply knowing how to code and present information in HTML & CSS.  Usually in any such position, highly proficient graphic design skills are required with demonstrable hands-on knowledge of the Photoshop and Illustrator creativity application suites will also be required.  Further skills such as Flash, javascript, or php & MySQL coding proficiency, or experience in SEO or online marketing may well also considered an huge asset.

The aforementioned reason is why it’s often hard to find just the type of tutorial you might require, everyone wants something different, and most tutorial resources only cover specific skillsets.  One site might be offering HTML tutorials while not offering XHTML tutorials.  Another site might cover the CSS standard to version 2 and completely ignore CSS3, etc…

Therefore, I am trying to build a quick reference table of online web design and development tutorial resources.  I want it for my own reference as much as for anyone else’s.  Technology is always evolving in this industry, so it is great to have reliable up-to-date resources from which to learn and to reference.

The W3C (the WorldWide Web Consortium) is apparently too busy developing standards and defining them with barely understandable legal speak, so do not expect any good tutorials there on the site…

http://www.w3.org/
[The W3C (WorldWide Web Consortium) offers Standards Documentation in Legal Speak]

http://www.whatwg.org/
[The Web Hypertext Application Technology Working Group is currently working on the future HTML 5 Standard in conjunction with the W3C]

However, If the W3C was surely interested in leading the web technology standards, I think that they would have long ago identified their inability to communicate effectively with the rest of the world as well as addressed this problem with some easier to understand interpretations, examples and tutorials.  I personally take exception to some of the things they do, the way they do them, and the way they refuse to explain their lack of reasoning in doing some of the crazy things they do.

Since they don’t recognize this issue we are left to scavenge the web for decent info and tutorials in order to just have decent results.  And no one place completely covers any one standard, let along the lot of them.  In fact, there is no one decent authority to rely on.  Hence, I complied the following list of web design tutorials.

http://www.opera.com/developer/wsc/
[Free Opera Web Standards Curriculum (HTML/CSS)]

http://developer.yahoo.com/
[Free Yahoo Web Developer Network (HTML/CSS)]

http://www.sitepoint.com/
[Free HTML/CSS Tutorials & Reference Material]

http://www.smashingmagazine.com/category/tutorials/
[Free design tutorials for anything to do with design, all levels]

http://www.quackit.com/
[Free HTML/CSS Tutorials for Beginners]

http://www.tizag.com/
[Free HTML/XHTML/XML/CSS/Javascript/AJAX/VBScript/Perl/PHP/MySQL/ASP/Flash/SEO Tutorials for Beginners]

http://www.how-to-build-websites.com/
[Free HTML/XHTML/CSS/Dreamweaver/PHP/Javascript/Flash/Actionscript/PHP Tutorials for Beginners]

http://www.webmonkey.com/
[Free Web Developer’s Resource with many tutorials, articles and reference materials covering almost any web design subject]

http://www.freewebmasterhelp.com/
[Inexpensive HTML/XHTML/XML/WML/WAP/Javascript/SSI/PHP/MySQL/ASP/Cookies/Flash/FTP/.htaccess/Promotion Tutorials]

http://www.hscripts.com/
[Free HTML/CSS/Javascript/Perl/PHP/MySQL/SEO/Linux/Photoshop Tutorials]

http://htmlite.com/
[Free HTML/XHTML/XML/XSLT/CSS/SSI/Perl/PHP/MySQL/Javascript/FTP/.htaccess Tutorials]

http://www.tutorialtastic.co.uk/
[Free HTML/XHTML/CSS/PHP/MySQL/Javascript/Graphics Tutorials]

http://www.webdevelopersnotes.com/tutorials/index.php3
[Free HTML/SQL/MySQL/Javascript/Flash Tutorials]

http://www.echoecho.com/school.htm
[Free HTML/DHTML/XML/CSS/SSI/Perl/PHP/ASP/Cold-Fusion/Java/Flash/Graphics/Design Tutorials]

http://www.sergey.com/web_course/content.html
[HTML/DHTML/XML/CSS/CGI/Javascript/Java/ASP/HTTPS/SSL Free Web Technologies Overview Course]

http://www.jessett.com/
[creating a website: Usability/Graphics/HTML/Dreamweaver/CSS/DHTML/SEO]

http://www.webdesign.org/
[Free HTML/CSS/PHP/ASP/Javascript/Design/Usability/Color/Templates/Photoshop/Fireworks/Gimp/PaintShopPro/CorelDraw/Illustrator/Flash/Swish/3D/SEO Tutorials]

http://www.academictutorials.com/
[Free HTML/DHTML/XHTML/WAP/XML/XSL/XSLT/RSS/DTD/Perl/PHP/Python/ASP/.NET/SQL/Javascript/Java/VBScript/SVG/SMIL/Flash/Photoshop/Gimp/Matlab/Gnuplot/GIF/Graphics/SEO & more Tutorials and Quizes]

http://www.alistapart.com/
[A List Apart is the primary resource for most professional web designers and UI developers. You simply can’t go wrong with the info here, though it often does require a good background in basic HTML/CSS coding to follow.]

http://www.learnable.com/
[Site Point’s paid, but inexpensive, HTML/CSS/Javascript/PHP/MySQL classes]

http://www.lynda.com/
[Lynda.com is a well known and reliable resource for paid design & development classes of all types]

http://iwa-hwg.eclasses.org/
[eClasses.org offers a variety of paid classes and certifications with discounts given to IWA-HWG membership]

Feel free to leave me a comment and add your own suggestions.  As indicated, I was nowhere near done when I started this list and the current list above only represents a small portion of what is currently available.

update May 5th, 2011:
The W3Schools site is full of glaring inaccuracies and no attempt is ever made to correct them despite hand fed the cited inaccuracies and their corrections by reknown industry professionals.  They have been a source of frustration for many professionals.  On top of this they sell HTML/CSS certifications without any authority or accreditation.  Steer clear of this garbage site.  More details can be found at http://w3fools.com/.

Advertisements

November 20, 2009 - Posted by | Advertising and Marketing, Brands, Graphic Design, Web Design & Development, Website Optimization | , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

5 Comments »

  1. […] more:  Web Design Tutorial Resources « Domainating: Brands, Art & Content […]

    Pingback by Web Design Tutorial Resources « Domainating: Brands, Art & Content at Flash Designers | November 20, 2009 | Reply

  2. […] Web Design Tutorial Resources « Domainating: Brands, Art & Content […]

    Pingback by CSS layouts using the 960 Grid « Css « Pushing pixels and taking names since 1993 | November 20, 2009 | Reply

  3. You did a great job of collecting resources. Thanx.

    Comment by Noo Yawka | November 21, 2009 | Reply

  4. Great blog its very helpful and easy to understand. For more ideas or just to add links check out http://www.mofikiworldwide.com/blog.php There are blogs there about website design, development, Search engine optimization, and hosting. Most of these blogs are tutorials that you can repost just be sure to reference the page you get them from if adding them to your blog. Again thank you for this blog.

    Comment by Brandon | December 14, 2009 | Reply

  5. Keeping up with the evergrowing trends in web design and S.E.O is something that any web designer and developer should keep on top of. If not they may have a bleak future in a business sense. However your posts suggest that you are indeed are keeping up with everything and your information has made me able to start a plan for my future success.

    Comment by John Jones | June 6, 2010 | Reply


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: