100 Best Websites to Learn Web Development and Web Designing

If you search internet, you’ll get countless websites that teaching web developments and web designing. Maximum websites don’t contain enough helpful information, some have outdated content, some have wrong information. So, I’ve decided to collect only the best websites.

I’ve set a target to add 100 best web development and web designing websites in the following list. I already have added some websites in the list that I know are great. I hope it will be beneficial for the reader of this site. I’ll update this list regularly when an great website is found.

You’ll find most of the websites free to join and learn, few may have both paid and free sections, and the rest will be paid websites. The sites are selected based on the following criteria-

  • High quality content
  • Up-to-date information
  • Regularly update

Please note that the websites are not in any particular order.

1. Mozilla Developer Network – https://developer.mozilla.org/en-US/Mozilla Developer Network
In this site, you’ll get detail tutorials on various web development topics.Helpful for –

  • JavaScript
  • AJAX
  • DOM
  • HTML/HTML5
  • CSS
  • etc
2. Net Tuts – http://net.tutsplus.com/Net Tuts
A Great tutorial website for learning web development. The site is regularly updated with concurrent technical information.Helpful for-

  • PHP
  • ASP
  • WordPress
  • JavaScript & AJAX
  • etc
3. Smashing Magazine – http://smashingmagazine.com/Smashing Magazine
Another great site feeding web designers and web developers for a long time. Renowned authors  write tutorials, features in this site. There is a ebook selling section in this site.Helpful for-

  • CSS
  • HTML
  • Web Designing
  • UX Design
  • PHP
  • jQuery
  • Lots of other topics
4. CSS Tricks – http://css-tricks.com/CSS Tricks
The website run by a great designer, Chris Coyier. You’ll learn many great designing idea from this site.Helpful for-

  • Designing
  • CSS
  • WordPress
  • etc
5. Web Design Tuts+ – http://webdesign.tutsplus.com/Web Design Tuts+
To learn web designing, you can visit this site. New tutorials are coming always.Helpful for-

  • Typography
  • UX Design
  • Workflow
  • Site Elements
  • etc
6. Lynda.com – http://Lynda.comLynda.com
This list would be incomplete if I don’t add this website. It is a paid site. You’ll find video tutorials on  each and every topic of web development and web designing there.Helpful for-

  • HTML
  • CSS
  • JavaScript
  • AJAX
  • ASP.NET
  • Everything you need
7. Code School – http://www.codeschool.com/Code School
A very nice video based tutorial site for teaching web development. Video lessons are very entertaining. Though it is a paid site you’ll get some free courses too.Helpful for-

  • HTML5/CSS3
  • jQuery
  • Rails
  • Node.js
  • etc
8. Tuts Plus – http://tutsplus.com/Tuts Plus
Great website to learn web development and web designing. Courses are divided by video tutorials, e-books. It’s a paid site. Helpful for-

  • Photoshop
  • Web Development
  • After Effect
  • Web Design
  • etc