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

A few Notes for a Potential Employer

A few notes for companies that might be interested in hiring me:

  1. I answer my phone with “Symbiotic Design, this is Doug, how may I help you?” …because I work out of my home office as Symbiotic Design.  Please don’t hang-up on me, you have the right number.
  2. If I’m not at home, my son or wife might grab the phone, and they still answer it as “Symbiotic Design”.  And even though my son is only 9, he does a great job taking messages.  Don’t hang-up because he’s a little kid, please.  He’s an advanced gifted child, holds a black belt and is a member of the local divisional pee-wee football champion team, the Warriors.  I will get the message, just be sure to leave your number.
  3. If the answering machine picks-up, it will allow you to hit a button in order to contact Symbiotic Design, Domain Hostmaster or HD Web Hosting.  They are all me, you can hit any button or just wait for the beep.
  4. I can quit doing work as Symbiotic Design for the right position.
  5. I am more than happy to relocate right way (immediately) for the right position.  I can send for the family later.
  6. Although you will find this blog (as well as my personal portfolio) a bit gruff, I market myself to potential clients and they do need the personal touch.  I am often gruff, or brutally honest.  But I am a company man in a corporate environment.  My clientele has to know I am a human, they prefer dealing with me in a personal manner.  But I will check my personal attitude at home and perform my job as a professional. Unless you require some attitude, of course.  😉

Just don’t take anything I say/do in my personal blog/portfolio too seriously.  I’m working on a professional portfolio, but it is all done in HTML5 and CSS3.  That’s because that’s what I will need to know next, for you, to do my job.

I have a great work ethic and I am tired of not having a steady paycheck.  I need you, you need me if you want a graphic & web designer that is capable of managing a team, understands SEO and both online and social marketing techniques, works well with others and loves to be creative.

I am an expert in Photoshop, Illustrator & Dreamweaver.  I have some Flash & QuarkXPress/InDesign smarts.  I know (X)HTML, CSS, domains, branding & advertising.  I write great online web copy.  I also know video & how to leverage it on the web to the company’s advantage.

I’m not saying you would be making a mistake if you pass me up.  If you do, you are probably looking for a programmer.  But I am the best creative director you could imagine and if you need a creative guy, you would not do wrong grabbing me before anyone else does.  😉

Your call…

Thanks!
-Doug

October 5, 2009 Posted by | Brands, Employment, Graphic Design, Internet, Logo Design, Media, Social Communities, Web Design & Development, Website Optimization | , , , , , , , , , , , , , , , , , , , , | Leave a comment