If you want to start learning web design and development any time soon, you can start from these high quality resources. Most of the sites have been around for a while, have accumulated numerous tutorials on various topics on HTML/CSS, Photoshop, PHP/MySQL, Javascript/jQuery/AJAX and Flash. Start learning or polishing off your design skills now.

1. W3Schools: Online Web Tutorials

w3schoolsAt W3Schools, you can study everything you need to learn, in an accessible and handy format. The website contains a wide range of tutorials from basics to more advanced topics. It has an examples section, as well as a references section to the web standards and other useful tools.

2. Quackit: Free Webmaster Tutorials

QuackItQuackit teaches beginners how to create websites. They start by teaching you the basics such as HTML and CSS and then introduce you to more advanced topics so that you can add more features to your website. Then you can learn a wide range of topics, from developing websites to publishing and hosting them in Internet.

3. Tizag

TizagTizag was designed to teach beginner web programmers how to use HTML and CSS. But now it has a lot of other tutorials on web development aspects, such as JavaScript, PHP, MySQL and more.

4. Free Webmaster Help: Everything a webmaster needs

freewebmasterhelpThere is a lot of information on Free Webmaster Help, you will find many articles and tutorials on such popular web technologies as HTML, CSS, JavaScript, PHP, MySQL, Flash and much more.

5. Hscripts: Free Web Master Resource

43 High Quality Tutorial Sites to Start Learning Web DesignHscripts has tons of free resources for webmasters, such as scripts, images, tutorials, tools. Start learning the most popular web design techniques with all of their resources and examples.

6. HTMLlite: Using text editors to create web pages. Easy to learn.

HTMLliteHTMLlite will show you how to easily create web pages with your favorite text editor. The website covers web development in an easy and understandable way. You will start learning from the basics and proceed to more advanceed topics with examples.

7. Tutorialtastic

43 High Quality Tutorial Sites to Start Learning Web DesignTutorialtastic as its name says, is all about tutorials. There are six main categories on the website: X/HTML, CSS/Styling, PHP/MySQL, JavaScript, graphics and other/misc. Each category (except JavaScript) contains many tutorials, starting from basics and beginner guides.

8. WebDevelopersNotes: Free Web Development Tutorials

43 High Quality Tutorial Sites to Start Learning Web DesignWebDevelopersNotes offers free web programming tutorials, tips and notes on HTML, JavaScript, Flash, SQL, web graphics, web hosting, web promotion.

9. EchoEcho: Web Tutorials

43 High Quality Tutorial Sites to Start Learning Web DesignTutorials on EchoEcho are structured into three sections. Page building section covers HTML, CSS, JavaScript, DHTML, XML tutorials. Followed by a component building section, which introduces you to other aspects of web design like graphic programs, Flash. And the last section is server programing, which provides server-side scripting tutorials on ASP, Cold Fusion, PERL and PHP.

10. Sergey Gribov Web Site: JumpStart to the Web technologies tutorial

SergeySergey Gribov’s website offers a quick start on web technologies. He starts from introduction and some history and then it goes straight to HTML, CGI, JavaScript, Cascading Style Sheets on so on. You will find many inline preview examples, where you can see the code on the left and preview of it on the right side. Also, it is worth mentioning that you won’t see a single advertisment while studing courses on his website (a rare trick these days).

11. Jessett: Creating a web site – a step by step guide

JessettJessett covers such topics as usability, graphic design, html, css, dhtml and more. Step by step you will study the basics of web design, HTML and CSS with inline preview examples. That’s another advertisment free website.

12. Web Design Library: One-stop Web Design Resource

webdesignWeb Design Library contains many resources both articles and tutorials on web design, graphics, web programming and site maintenance. Although there are no common getting started tutorials, the website has a lot of tutorials covering different aspects of each web design topic.

13. ACADEMIC Tutorials: Quick & Easy Learning

academictutorialsThere is a huge collection of tutorials, lessons, quizes and how-to’s on a big list of topics. Categories include HTML/XML tutorials, browser and server-side scripting, multimedia and other web building topics. And all that is available in five different languages. Too bad it is heavy on advertisment.

14. How-to-build-websites: Beginners Web Design Tutorials

How-to-build-websitesHow-to-build-websites is designed for beginners. Stefan Mischook offers you to learn basics of web design with his tutorials and simple step-by-step instructional videos. One downside is that not all of his videos are available for free.

15. Webmonkey: the Web Developers Resource

webmonkeyWebmonkey is a free, public resouce for web developers. It is mostly for advanced and professional web developers, but there are tutorials suitable for beginners, too.

16. Codenique: Free Tutorials on HTML, XHTML, CSS and More Online!

43 High Quality Tutorial Sites to Start Learning Web DesignCodenique has a big collection of rather small tutorials explaning basics of HTML, CSS and JavaScript on different examples.

17. PageResource: The Web Design Resource

pageresourcePageResource is a web development tutorial and information site. Mainly contains tutorials on HTML and CSS, JavaScript, CGI and Perl. There is a section with web design articles.

18. Techi Warehouse

techiwarehouseTechi Warehouse website is hard to navigate, especially when advertisment blocks are everywhere, but still, there are good tutorials with valuable information for beginners. Use links below to jump directly to CSS, JavaScript, PHP or Flash tutorials.

19. HTMLDog: HTML and CSS Tutorials, References, and Articles

HTMLDogThe HTMLDog web designer resource is for everything HTML and CSS, the most common technologies used in making web pages. It does not contain tutorials on many topics, instead it focuses on HTML and CSS. There are tutorials for beginners, intermidate and advanced web developers. It also has articles, examples and references on the topics. Moreover, if you want to study those topics offline, then you can purchase HTML-CSS book from them.

20. Beginner’s Guide

beginnersguidetohtmlThe website covers everything you need to know about HTML and CSS, not to mention essential references. And all that without any ads.

21. HTMLPrimer: Tutorials, Guides and Reference Materials

htmlprimerLearn HTMl and CSS with HTMLPrimer. Besides chapters for beginners, they cover advanced topics as well.

22. HTML.net: Learn HTML and CSS – Use our free tutorials – Build your own website

HTML.netHTML.net provides tutorials on HTML and CSS in many different languages. So if you want to learn HTML and CSS on your native language, then it’s a good place to do it.

23. Web Design from Scratch

webdesignfromscratchWeb Design from Scratch is a good resource for anyone interested in web design. You can find many articles and tutorials on design process, website architecture, accessibility, ;usability, as well as on HTML, CSS and Javascript.

24. Microsoft Beginner Developer Learning Center

43 High Quality Tutorial Sites to Start Learning Web DesignLearn about the foundations of the Internet and Web development with Microsoft Beginner Developer Learing Center. This is the place to learn about technologies like HTML, Cascading Style Sheets and JavaScript. You can read articles online or download in PDF format for offline reading.

25. HTML MADE EASY: Web Design for Beginners

accessvHTML MADE EASY is both online and offline material (a book) to study HTML. You will learn the basics of HTML in several quick lessons.

26. Boogie Jack: HTML and CSS Tutorials

boogiejackBoogie Jack is an HTML help site featuring standards-based HTML tutorials, CSS tutorials and other website design help and resources.

27. CSSBASICS: Everything you ever wanted to know about the basics of CSS

cssbasicsCSSBASICS covers everything about CSS. If you are new to CSS or want to learn more about seperating style from content, then that website is the right place for you.

28. Friendly Bit: Beginners guide to CSS

friendlybit.comFriendly Bit is a web development blog with a good Beginners guide to CSS. Check it out to find out what CSS is and all about it with simple examples.

29. HTMLHelp: Guide to Cascading Style Sheets

43 High Quality Tutorial Sites to Start Learning Web DesignHTMLHelp will help you study Cascading Style Sheets on many examples.

30. JavaScript Mall

javascriptmallVisit JavaScript Learning Center for a free JavaScript course. It has 14 lessons which will teach you how to code on JavaScript.

31. Andy’s Introductory JavaScript Tutorials

AndyAndy’s Introductory JavaScript Tutorials is a set of four tutorials from Andy. He was only 17 when he started learning JavaScript. See how easy it is to learn JavaScript basics.

32. CSS-Tricks: a web design community

43 High Quality Tutorial Sites to Start Learning Web DesignCSS-Tricks is a website run by web designer Chris Coyier. There is a lot of screencast tutorials on web design from him. Besides that there are articles and snippets for CSS, HTML, JavaScript, jQuery, PHP.

33. Photo editing

photo editingThere is a series of free video tutorials for photoshop beginners.

34. Simplephotoshop: As Simple As Photoshop

simplephotoshopSimplephotoshop provides you with a quick overview of Photoshop interface and basic work principles. Every tutorial here is packed with a short movie showing some practical usage of the wordy lesson.

35. Photoshopsuccess: Absolute beginners guide to Photoshop

photoshopsuccessPhotoshopsuccess is a blog dedicated to photoshop. It has tutorials, tips and tricks ranging from beginner to advanced users.

36. 50 Great Photoshop Tutorials for Clever Beginners

psd.tutsplusBefore you can create Photoshop masterworks, you need to learn the basics. Even the most complex digital artworks are built on a foundation of simple actions. These 50 tutorials are aimed at the clever beginner who wants to master Photoshop from the roots.

37. jQuery

43 High Quality Tutorial Sites to Start Learning Web DesignjQuery is an official and original resource. The website contains everything you might need for jQuery from the library itself and documentation to tutorials and discussions.

38. jQuery for Absolute Beginners: The Complete Series

blog.themeforest.netLearn jQuery in 15 days with a video series that will teach you how to use the jQuery library in your projects.

39. Webreference: Introduction to AJAX Technologies

webreference.comThere is a good tutorial with code examples about AJAX technologies on webreference. You will learn what is AJAX and its place in the Web 2.0.

40. VineyarDesigns

vineyardesignIf you are looking to learn basic concepts of Flash using Flash CS3 or Flash CS4, then visit VineyarDesigns Flash Tutorial.

41. Free Adobe Flash Tutorials

freeadobeflashtutorialsThe website is all about Flash tutorials. There are tutorials for beginners, followed by Flash Animation and Flash Actionscript tutorials.

42. NewGrounds

43 High Quality Tutorial Sites to Start Learning Web DesignThere is a nice flash movie, which will interactivly introduce you to Flash by pointing you what you can do.

43. FlashJournalism

flashjournalismFlashJournalism contains three 10-minute tutorials, which will introduce you to the basics of Flash and show you how to make simple animation and action scripts.

Original Post by natcoll.ac.nz