Many beginners fall in a pitfall, figuring out which programming language is best to learn first.
When I started, I was surrounded by people who asked me to learn Joomla. They thought Joomla is better than WordPress. Some said go with .NET/Sharepoint. Even worst, some said I must learn most famous languages & technologies!….
….When you find yourself at crossroads like this, the best way to go ahead is to follow your heart out. It doesn’t matter whether Joomla is better or WordPress is better. It also doesn’t matter which has most jobs in market.You will only enjoy doing stuff that you really love. That is a reason you will do that stuff so often that you will end up mastering it!
In the end, language doesn’t matter very much. Understanding data and control structures and design patterns does matter very much. Keeping this in mind here is the list of 100 resources that I believe would be useful for web designer / web developer aspirants.
Don’t forget to share a comment if you think I am missing some important resources in this list. Feel free to share your own work.
Table of Contents
4. Paid Sites
7. Cheat Sheets
11. Other Resources
If you want to learn web designing for free online, there are numerous tutorial sites on web teaching web technologies. Some of the important sites are listed below.
W3schools.com is probably the number 1 tutorial site which teaches almost all the web technologies for free. Apart from normal tutorials and references, it also provides a platform to test your skills using Try it Yourself editor. Just edit the code and find the output instantly with ease. It also offers an online certification program, where you can become certified in the most popular web topics.
“Learning is fun” is the motto of Code Academy. You won’t feel like you are learning some complex stuff here. It is just like playing games with your friends and having fun.
Tizag is designed to teach beginner web programmers HTML, CSS, PHP, etc. Like w3schools you could not get an awesome feel here. But it is one of the best reference sites regarding web coding on the web.
As you know About.com is not a typical tutorial site. But one thing what about.com make different is that they provide free email web design course. You just need to sign up their web design newsletter and learn web coding by reading emails. This course is aimed at beginners.
5. HTML Dog
One of the best resources for web designers related to HTML and CSS.
Learn Standards of Web designs from the inventor of World Wide Web.
The no.1 open source web development tutorials.
Get answers for your doubts and help the fellow members by sharing your knowledge. Here are some most responsive forums on the web.
This is one of the most active and responsive forums on the web. The forum is not only dedicated for the web designers and developers. But there are many important sections like design your site and program your sites and more.
The complete forum is dedicated for various designers.
This is a complete web development forum.
11. Ozzu Forum
This forum covers web design and development topics. They also cover Graphics, Internet Marketing and more.
Another superb forum for web designers.
The forum has over 100,000 members. It’s a web design forum that has a strong trend toward Flash and Gaming.
If you are a frequent searcher on internet with the questions regarding web designs or internet marketing, chances are more that you might have reached to this forum. This forum has an excellent market place also
15. Dev Shed Forum
It focuses on programming mostly, though it does cover general web design topics, and graphic design as well.
This is an active forum focused on coding. Many of the languages covered are for web design.
Website Design and Development are topics covered. It also covers Server Administration, Marketing, and Business topics.
Buy Book from Amazon and learn various web technologies.
A full-color introduction to the basics of HTML and CSS from the publishers of Wrox. Perfect for newbies. Introduces HTML and CSS in a way that makes them accessible to everyone—hobbyists, students, and professionals.
This includes five minibooks provide deep coverage: essential pre-design considerations, how to establish the look of your site, building a site, how to test your site, and taking your site public. The book contains 650+ pages on the latest tools and new web design standards, such as HTML5, CSS 3, and other core technologies and page-building strategies.
Everything you need to know to create professional web sites. By the end of the book, you’ll have the skills to create multi-column CSS layouts with optimized graphic files, and you’ll know how to get your pages up on the Web.
As we all know, Dreamweaver is software used for designing and managing professional-looking websites, but it’s somewhat complex program. The Missing Manual comes in. With its jargon-free explanations, 13 hands-on tutorials, and savvy advice from Dreamweaver expert Dave McFarland, you’ll master this versatile program with ease.
This book goes through In-depth examination of concepts and principles of Web application development
You’ll never find creating a website is that much easy. Read this book.
This book is perfect if you are looking forward to learn building wordpress theme from expert. The author Tessa Blakeley has years of experience in web and multi-media development.
The author Justin Tadlock is the founder of hybrid wordpress theme company. This book is meant for professional web developers who wanted to learn wordpress plugins.
Paid Tutorial Sites
It is true that there are many free web design learning tutorial and references sites. But if you want to become a professional web designer, apart from the learning materials and valuable references you may need some expert instructions and frequent advice, tips, and feedback regarding your work. Checkout some paid sites here.
This is professional training site founded by iThemes, wordpress theme company. You will get 400 hours of professional web design training. Read my review of WebDesign.com here
This is an online software training course and gets on-demand access to the entire video tutorial library. The software course includes for audio, photography to web interfaces.
29. Tutorials Galaxy
This Web Design Course include Photoshop, Dreamweaver & Flash Tutorial.
Learn to build modern Web sites with HTML and CSS. Four hours of video tutorials for total beginners for $29.99
Online paid learning for web designers and developers
32. Tuts+ Network paid
Paid members can access ibrary of courses, tutorials and eBooks.
Arena Multimedia is a leading company in animation and multimedia. Learn graphics and web design from them.
34. Killer videos
Killer paid tutorial videos for web designing and web programming aspirants.
Learn all the programming languages needed to become a Web Developer from scratch including the new HTML5 and CSS3 for $199.
Learn web designing by watching videos.
Killersites.com offer several useful resources to make learning web design easy.
Perfect PHP tutorials for web designers
Watch web designing video series from tenton books.
Watch an awesome video of turning web templates into WordPress theme.
Watch videos and learn Web Development and Graphic Design Online 100% Free.
42. Video Lecture
Watch 10 lectures from IIT India, Harvard University to Google.
A nice youtube channel to help you out to learn web designing.
44. Video Sitepoint
This link will lead you to the video learning section of the famous sitepoint site.
Must Read Blogs
May be the best blog on web design on internet.
46. Freelance Switch
This blog covers a vast array of topics about life as a freelancer. This will definitely help freelance designers and developers.
Blog of design ideas, web trends and tutorials.
This is an exciting platform designed to explore different web and graphic design techniques, great examples and best practices.
A nice site for web designers
Another nice blog for web designers.
Malaysian site rocking on web design and development.
52. A List Apart
A List Apart explores the design, development, and meaning of web content, with a special focus on web standards and best practices
53. Dev Lounge
Devlounge is a site for people working and enjoying the web.
55. Cheat Sheet 1
HTML Cheat sheet help you to tweak your website making
56. Cheat Sheet 2
A useful CSS cheat sheet for beginner. Click the link and download pdf
Download this pdf. It is one of the best ebook for HTML/XHTML.
59. PHP Cheat Sheet
This is a list of useful PHP cheat sheet from addedbytes.com
Get a list of useful pdfs from addedbytes.com
61. SQL Server
This is another added bytes resources of SQL cheat sheet.
WordPress cheat sheet from skidvis.com
WordPress Tutorial sites
Learning wordpress from official wordpress documentation site is great. But sometimes for beginners it alone would not be enough. So here I am listing sites that help you to learn wordpress development.
List of WordPress Cheat Sheets.
Learn how to develop wordpress plugin from PHP Master.
Crash course of WordPress plugin development from tutsplus.com Another important links are added here from the same site. Developing WordPress Theme using responsive framework, How to Create a WordPress Theme from Scratch
Official WordPress video tutorial site. Here are some great videos from the same site
Video :WordPress Theme Development
Learn how to create wordpress theme.
Read the complete series of article of designing for wordpress
Learn how to build wordpress theme from scratch from Developer drive.com
Learn how to create a typography based wordpress blog theme.
The anatomy of wordpress theme is a must read for beginners.
Certifications will only look good on a resume if the person reading it would be predisposed to trusting the certification and the authorities that offer it. Mostly people don’t accept certification as a sign of competence or knowledge. Anyway if you want to get certified for various web technologies online this list will help you.
The best PHP certification on the web.
Get certified on HTML 5 from Microsoft.
The Certified Internet Web Professional (CIW) education program was created by a community of Web designers and developers in the late 1990s. The CIW Associate certification only requires one exam..The exam covers internet, page authoring, and networking basics.
The Certified Associate Webmaster (CAW) Exam, created by the World Organization of Webmasters, was first offered soon after October 20, 1998. World Organization of Webmasters exams are a series of vendor neutral industry standard certification exams
The CAW certification is offered by WOW and covers most of the basics with a focus in markup and scripting. One exam is required, costs $125 and is available through VUE.
Get certified on Dreamweaver 8, one of the best software that help you to design web pages.
Microsoft Certified Solutions Developer (MCSD) has been reinvented for today’s marketplace, empowering developers using Microsoft Visual Studio to build and deliver high-value applications that are accessible on any device.
You can get certified on all web technologies. You can get certified for just $95.
CodeChef is not a certification program. You can practice, improve your programming skills and compete with other techies on codechef. Learn more about codechef here.
Google Summer of Code is an internship open source program for students sponsored by Google. This is not a conventional certification program. You can work for an open source project and after completion Google will provide you a certificate and stipend. You can get download my book regarding Google Summer of Code here
There is no best way to learn something than learning it from someone who has been there. So here are the stories from real experience from successful web designers and web developers.
Building a web developing career is a tougher task because schools don’t teach you how to start your freelancing web designing career. So I’ve conduct an interview with 10 successful designers and web developers asking 2 questions: How did you became web designer and what advice will you give to those who wanted to be a web designer. Read the full interview here. Also read the 2nd part of the interview
Justin Tadlock, the founder of hybrid theme explains why he has created a wordpress theme framework. This article is a perfect explanation of wordpress theme framework and its features.
Freelance web developer Amber Weinberg tells why I became a web developer. Read my interview with her
85. Scott Granneman
Scott Granneman explains how he became a web developer.
Bnonn Tennant shares his story.
Must read for those who are willing to become a web developer.
Are you just getting started and don’t have a portfolio to show your clients. Here is how to create a web design portfolio with no job experience.
Mark Atkinson shares his story.
These are some resources helpful for web designers and web developers.
30 useful open source apps for web designers.
100 fantastic resources for web designers.
Ten productivity tips for web designers and developers by inspectelement.com
This is the list of 100 web designers to follow on twitter.
This is the list of 100 useful design blogs.
Here is 23 extremely helpful wordpress cheat sheets and resources.
96. Color Schemer
ColorSchemer Studio 2 is a professional color matching application for anyone from hobbyists to advanced professionals.
Here are 60+ useful firefox add-ons for web designers and developers.
Here are 10 best free HTML editors for Windows and Mac.
Read the 100 important web developer tools.
100. Web Design Glossary
A glossary of jargon terms used in the HTML and XML industry. These words are used regularly throughout web development documentation and books.
Have you written any helpful resources for web designers which are not listed here? Let us know by sharing comment here.