20 Excellent Tutorial Sites for Web Designers

There is always something new in the web development such as jQuery . You get better in web languages by examples and following step by step. The best way to learn web development is by online tutorial sites. There are so many websites online that creates detailed tutorials, articles online. In this post you will find 20 best website where you can learn web programming and development languages that are divided into beginners and advanced category.

Beginners

HTML CODE Tutorial

html_code_tutorial1

This site offers basic HTML and CSS tutorials with detailed examples.

EchoEcho

echo_echo

EchoEcho has huge list of HTML ,CSS, JAVASCRIPT and many more web languages that can help you get started.

Tizag

tizag

Tizag offers basic web tutorials, scripting language tutorials , database related tutorials and much more, which cover CSS, PHP, HTML and lots more

HTML Dog

html_dog

Don’t fooled by the name. HTML dog has beginner through intermidiate tutorials on XHTML, HTML and CSS

Web Monkey

web_mokey

Webmonkey is a free, public resource for web developers, designers and programmers contributed by users. Beside HTML, CSS, Javascript tutorials and scripts, it also has cheat sheets which can come in handy.

WebHeadStart

web_head_start

WebheadStart covers everything you need to know about HTML, XHTML and XML.

Web Development Tutorials

webdevelopmenttutorials

Beside offering CSS, Javascript, PHP tutorials Web Development Tutorials also has free web tools and CSS template.

HTML.net

html_tutorial

This best thing about this site is that it offers their HTML and CSS tutorials in 10 langagues. It offer 15 HTML lessons and 16 CSS Lessons that will get you started on your web designing intrests.

How To Create

howtocreate

How To Create not only provides web programming langauges tutorials it also provides help about Making IE use PNG Alpha transparency and creating menu using only CSS

Web Develpor Notes

webdevelopersnotes

Web Developer Notes offers free web programming tutorials and tips on HTML, JavaScript, Flash, SQL, web graphics, web hosting, web promotion, web master resources, web development articles, internet basics and much more.

Advanced

Learning Jquery

learning_jquery

Learning Jquery is truly a heave for Jquery lovers. You can easily learn how to create animations using Jquery and much more advanced Jquery tricks.

Nettuts

nettus

Nettut is another great web site from Envato Network that provides some the best and advanced web programming and developing tutorials related to PHP, Jquery and Javascript

DevSinppets

dev_snippets

DevSnippets is collection of code snippets such as CSS, Javascripts.

Webreference

webreference

One of the oldest (created in 1995) web development sites, WebReference.com is all about the Web and Webmastery. You will find tutorials about all the web programming language there is .

Themeforest Blog

theme_forest

Themeforest.net which sell premium wordpress themes has a blog that provides some of the most useful turials such Fun with the PHP GD Library, Vertical Centering With CSS, JQuery for Absolute Beginners.

Ajax With

ajax_with

Ajax with has huge collection of Ajax tutorials.

Inobscuro

inobscuro

Inobscuro is run by Nela Dunato which has lots of useful tutorials such as Optimizing images for web , Coding a tableless (CSS) two-column layout and many more useful tutorials

Script & Style

script_style

Script & Style is another great website from Chris Coyier , which features tutorials, scripts, code snippets from all over the web that web designer can use.

Good Tutorials

good_tutorials

Good Tutorials is notable website for web designer developer and all around. It has PHP, CSS, Javascript and a lot more tutorials of offer.

Good PHP Tutorials

good_php_turorial


Author:

Kawsar Ali is a web designer who also likes blogging. In his spare time he walks around with a Nikon D5100 hunting for good textures.


  • http://twitter.com/internetbuff Internet Buff

    Good guides for those starting out.

  • http://modcos.com Nicolaj

    remarkable article, keep up the good work, thank you!

  • http://supdec.info Den

    Thanks for the great list. Very helpful, thanks a lot!

  • http://nymphont.blogspot.com Lauren

    Wonderful list, you mentioned InObscuro, one of my favorite sites. Though I didn’t use any of her many resources on my site, I still put a link to her site in my footer because I consider her site that useful, I wanted to share the wealth you know? I will stop by some of these sites that you recommend here. Thanks.

  • Kawsar Ali

    @webdesign studio: @Random Web Guy: Appreciate the kind comment

  • Random Web Guy

    I found your blog on google, and read a few of your other posts. I just added you to my Google News Reader. Keep up the good work. Look forward to reading more from you in the future.

  • Kawsar Ali

    @Jackieq: Thanks hope this list was helpful

  • Jackieq

    Thanks for the great list. Very helpful. :-)