32+ Websites: Best way to learn web design and development

when i started this article i listed 32 websites, few days later i added few more websites, i will try my best to add more and more useful and awesome websites, where you can learn some awesome skills. feel free to share your favorite resources in comments.

Learning webdesign and development is not an easy task, every day we we see so many new Content Management Systems, frameworks, tools and services about web design and development. Webdesign and development is a big industry.

32 websites Best way to learn WebDesign & Development

To be honest you can not learn each and everything about web design and development. There are so many programming languages, tools, frameworks and services to create websites, mobile apps and much more.

Best way to learn web design and development

Best way to learn web design and development is that  you should choose some languages and topics, than start learning step by step and become a  master.

For example if you want to be a front end developer you should learn HTML, CSS (HTML5, CSS3) and JavaScript. Only these 3 languages are not easy to master. You can learn basic of these languages quickly but to be a HTML, CSS and JavaScript Ninja you will have to spend months or even years.

Creating Websites with WordPress is simple and easy but if you want to be an advance WordPress developer, you will have to learn HTML, CSS, JavaScript, JQuery and PHP as well. To create WordPress themes you need to know HTML, CSS and a basic knowledge of PHP, for advance theme development you will have to learn advance PHP.

In this article i am going to list some very popular and highly recommended websites to learn web design and development. All these websites publish high quality content, videos, articles and tutorials about web design and development.

You can learn HTML, HTML, CSS, CSS3, JavaScript, JQuery, PHP, Ruby, WordPress, Theme Development, Python and so many other advance topics, frameworks and programming languages. I hope you will find these resources useful.

You can share your own favorite website as well, just add your comments below.

1. SmashingMagazine.com

SmashingMagazine.com is one of the most popular website, which publish high quality articles, tutorials and books about webdesign and development. SmashingMagazine publish articles about HTML, CSS, JavaScript, WordPress, Design Typography, Usability, E-Commerce and other web design and development related topics.

SmashingMagazine has also published many books about web design and development.

Visit SmashingMagazine.com

2. TutsPlus.com Network

TutsPlus has published thousands of articles, video, ebooks,and courses about web design and development. I have learned so much as with TutsPlus articles and free video courses. TutsPlus has published so many free video courses and video series about HTML, CSS, WordPress, Theme development and other topics.

30 days to learn HTML and CSS was the first and highly practical and engaging video course, after watching this video course i was able to create websites with HTML and CSS very easily, TutsPlus has also published so many free video courses.

At the time of writing this article there are 23 free video courses are available to learn

  • WordPress
  • Joomla
  • HTML and CSS
  • JQuery
  • LaraVel
  • SublimeText for coding
  • Magazine design
  • Ember.js
  • PHP testing
  • JQuery UI
  • Cinematic Effects in After Effects
  • web form design and development
  • Fundamentals of Photography
  • Tools for modern developers
  • Android for busy developers
  • Angular JS
  • Webdesign for beginners

and many other free video courses are available at TutsPlus Free Video Courses to learn web design and development.

Over 19000 free tutorials, 500 premium video courses and 200 ebooks are also available. You can be a master developer with these eboos, video courses and tutorials.

Visit TutsPlus.com

3. Sitepoint.com/

Sitepoint is one of my favorite website, i have also written several articles for sitepoint about Bootstrap, WordPress and Emmet. Sitepoint publishes articles, ebook and video courses about HTML, CSS, JavaScript, PHP, Ruby, Mobile, Responsive design, User experience, design, Business, marketing, WordPress and other webdesign, development and business related topics.

You can join Learnable.com a Sitepoint sibling website to learn following topics.

  • HTML and CSS
  • JQuery
  • getting started Blogging + driving traffic
  • Responsive web design
  • Drupal
  • Mobile app development
  • Photoshop for web design
  • Ruby
  • Design and UX (User Experience)

and so many ebooks are also available to learn different programming languages.

Visit Learnable.com

4. TreeHouse Blog

TreeHouse is a popular online learning platform, where you can learn HTML, CSS, WordPress, iOS and Android development by video.

TreeHouse blog is a good resource to find quality tutorials about HTML, CSS, WordPress, iOS and Android development.

Visit TreeHouse Blog

5. A List Apart

A list A Part h has been around since 1998 publishes awesome and practical articles about the design, development, and deeper meaning of the Internet in a sometimes mind-bending way, geared specifically towards web developers and designer who “make awesome websites.”

If you don’t know let me tell you that the concept of Responsive web design was also in introduced by A List A Part author ETHAN MARCOTTE in 2010.

They have also published Brief books for people who make websites several (13 at the time of writing this article ) books Brief books for people who make websites. You can buy their books at http://abookapart.com/

If you will buy all 13 eBooks you will save You’ll save (30%) $35.75. You will pay only $6.25 per ebook.

List of book titles by A Book A Part

  • HTML5 For Web Designers
  • CSS3 for Web Designers
  • The Elements of Content Strategy
  • Responsive Web Design
  • Designing for Emotion
  • Mobile First
  • Design Is a Job
  • Content Strategy for Mobile
  • Just Enough Research
  • Sass for Web Designers
  • On Web Typography
  • You’re My Favorite Client
  • Responsible Responsive Design

Buy all at A book a Part books.

6. Stack Overflow

Stack Overflow is like Quora for developers. You can ask questions or even submit answer about web design and development related topics. There are thousands of questions and answers are already posted there. If you have any problem when developing websites or learning HTML, CSS, WordPress, PHP or any other programming language, you should visit StackOverflow to find answers.

Visit Stack Overflow

7. CSS-Tricks.com

CSS Tricks is popular website created and managed by Chris Coyier. You can find awesome articles and videos about CSS and other modern web development tools and services. You can also find useful code snippets, ask question in forums, find jobs or join members area to learn how to create websites with modern tools and techniques.

Visit CSS-Tricks.com

8. HTML5Rocks.com

This is a website by Google developers. You will find awesome and practical articles and tutorials about responsive design, mobile and web development. You can also browse slides, presentations, and videos from other popular developers.

Visit HTML5Rocks.com

9. Hongkiat.com

Hongkiat is one of the most popular online blog which publishes articles about web design, web development, technology and social media. There are many categories such as Graphics, photoshop, coding, WordPress, Toolkit, UX and UI to find your favorite articles.

Visit Hongkiat.com

10. Tympanus.net – Codrops

Codrops is a web design and development blog that publishes articles and tutorials about the latest web trends, techniques and new possibilities. The team of Codrops is dedicated to provide useful, inspiring and innovative content that is free of charge.

You can find articles and tutorials about HTML, CSS and design.

CSS reference by Coderops

Coderops has also published by detailed CSS reference written by Sara Soueidan a regular Coderops author. You can read I Wrote A CSS Book Reference by Sara for more details.

Visit CSS Reference page to master CSS

Visit Coderops blog

11. SaraSoueidan.Com

Sara Soueidan is a freelance front-end web developer, writer and speaker from Lebanon. She loves to write about HTML5, SVG, CSS, and JavaScript.

Sara has written Codrops CSS Reference, and a co-author of the Smashing Book #5. A book that covers time-saving, practical techniques for crafting fast, maintainable and scalable responsive websites.

If you want to learn about HTML, CSS, JavaScript and SVG, you must visit SaraSoueidan.com/articles/

12. Line25.com

Line25 was started in March 2009 by Chris Spooner as a place to share his web design ideas and inspiration through articles, tutorials and examples of stunning site designs. You can find practical tutorials about HTML, CSS, Design and WordPress + Theme Development.

Line25 also publishes inspiration and general list articles about webdesign and development related topics.

Visit Line25.com

You can also share your own experience and knowledge, Line25 accept guest articles.

Submit your articles and write for Line25.com

13. HTMLDog.com

HTMLdog.com is around since 2003. This is one place to learn HTML, HTML5, CSS, CSS3 and JavaScript from scratch. They have published step by step guides for beginners to learn all these languages from scratch.

Beginners, intermediate and advance level tutorials are available to get started.

HTMLdog.com HTML and HTML5Tutorials
HTMLdog.com CSS and CSS3 Tutorials
HTMLdog.com JavaScript Tutorials

14. Scotch.io

This a web design and development blog of a small and dedicated team of designers/developers from Based out of Las Vegas and Washington, DC. They have published articles about CSS3, Bootstrap, SublimeText, Vagrant, Laravel, Mean, Node.js and Angular.js.

2 small video courses get to know SublimeText 3 and All the way to authenticate with Laravel 5 are also available.

Visit Scotch.io

15. Paulund.co.uk

Paul is a freelance PHP Web developer from Bristo. He has published a lot of articles about WordPress, CSS and useful resources about web design and development. You can learn a lot of awesome tips and tricks about WordPress and CSS at his blog.

Visit Paulund.co.uk

16. webdesignerdepot.com

Here you will find articles and resources about HTML, CSS, JavaScript, Business, Mobile, Marketing, Social media and many other topics. They have a huge fan following on social media as well. You will also find deals about courses, ebooks, graphics, softwares, themes etc.

Visit webdesignerdepot.com

17. Speckyboy.com

Speckyboy publishes articles about web design, development, HTML, CSS, WordPress, Photography, UX, Mobile development, freelancing and resources.

They have published some awesome articles about freelancing and design resources. If you are planing to start your own freelance career, you will find some awesome articles about freelancing and webdesign.

5 Questions to Ask Yourself Before Going Full-Time Freelance is a good article.

Visit Speckyboy.com

18. OneXtraPixel.com

This is a web magazine sharing useful resources and latest news on web design, development and more for every web professional.You can find articles and tutorials about HTML, HTML5, CSS, CSS3, JavaScript, jQuery and other topics and tools.

Visit OneXtraPixel.com

19. Designrfix.com

designrfix publishes articles and resources about WordPress, Design tools, services, resources, photoshop, After affect, Cinema 4D, illustrator, jQuery, HTML, css and other related topics.

Visit Designrfix.com

20. CreativeBolg

CreativeBlog.com is one of my favorite blog. They publish high quality beginner to advance tutorials about web design, graphic design, 3D, digital art, Typography, Adobe, After Affects, animation, HTML, CSS, JavaScript, Frameworks and tools.

Visit CreativeBolg

21. sixrevisions.com

SixRevision.com publishes articles, tutorials, resources and freebies for web designer and developers. There are 12 main categories to find your favorite content. You can find articles about CSS, HTML, JavaScript, Web Design, WordPress, Web Development, Design, Inspiration, UX, Design, UI, Design Freebies, Tutorials and Tools.

Visit sixrevisions.com

22. Yoast.com

WordPress SEO by Yoast is one of the most popular free plugin to optimize WordPress powered websites for Search Engine Optimization. Yoast also publish realy awesome articles and guides about SEO, Social Media, Web Development, WordPress and business.

If you want to learn more about WordPress SEO then The Definitive Guide To Higher Rankings For WordPress Sites is a must read.

Visit Yoast.com

23. Awwwards Blog

The awards that recognize the talent and effort of the best web designers, developers and agencies in the world.

They aim to create a meeting point where web professionals from across the world can come to find inspiration; a space for debate; a place to share knowledge and experience; give and receive constructive and respectful critiques.

You can find top designers and developers interviews and tools and resources they use.

Visit Awwwards Blog

24. 24ways.org

According to their about page: 24 ways is the advent calendar for web geeks. For twenty-four days each December we publish a daily dose of web design and development goodness to bring you all a little Christmas cheer.

24ways.org

25. Noupe.Com

Noupe.com publishes articles for web designers and Web developers across the globe on all subjects of design and web development. Ranging from HTML, CSS, WordPress, Theme development, Ajax, JavaScript, Web design, graphics, typography, advertising & much more!

Visit Noupe.Com

26. WebdesignLedger.com

Here you will find tools, tips, resources, freebies, deals, inspiration and articles about WordPress, Design and development related topics. They publish new content regularly.

Visit WebdesignLedger.com

27. WebdesignerWall.com

WebdesignerWall is created and managed by Nick La (@nickla), Toronto-based web designer and illustrator. He publishes articles, inspiration and resources about web design and development. If you want to share your knowledge, you can submit your guest articles too.

Visit WebdesignerWall.com

28. Spyrestudios.com

This is another good website to find useful resources, articles and tutorials about HTML, CSS, UX, Mobile, design and development.

Visit Spyrestudios.com

29. Smashingapps.com

Smashingapps.com generally publishes list articles and resources that will help you to learn different web design and development tools and techniques. This is good place to find curated list of awesome resources.

Visit Smashingapps.com

30. DavidWalsh.name

David Walsh is a Senior Web Developer and evangelist for Mozilla the company behind popular Firefox browser and many other products. David is also Core Developer for the MooTools JavaScript Framework, and creator of numerous MooTools plugins.

You can find tutorials about MooTools, jQuery, Dojo, JavaScript, PHP, CSS, HTML5, MySQL, and more!

Visit DavidWalsh.name

31. Impressivewebs.com

Impressivewebs.com is personal blog of Louis Lazaris, a freelance web developer, designer, and author. Louis is editor of Sitepoint’s HTML and CSS section and he has also written books HTML5 & CSS3 for the Real World: 2nd Edition and Jump Start CSS.

At impressivewebs you can find articles and tutorials about HTML, CSS and JavaScript.

Visit Impressivewebs.com

32. Paulirish.com

Paul Irish is a front-end developer, and work on the Google Chrome team focused on Developer Tooling. His personal blog provides really useful and good articles about CSS and web performance.

IF you are new to web design and development and starting learning CSS then * { Box-sizing: Border-box } FTW is a must read article.

Visit Paulirish.com

33. MOZ.com Blog

Moz.com was started in 2004 as an SEO consulting company, now they offer many premium SEO services.

MOZ blog publish highly practical and informative guides and articles about Search Engine optimization. This is one of the best website to learn about SEO.

You should read their The Beginners Guide To SEO guide at Moz Blog. It is a detailed guide that will help you to understand everything about Search Engine Optimization.

Visit Moz .com Blog

34. Google Web Fundamentals

This is one of the best place to learn best practices for beginners and advance developers, who want to build not only google friendly but user friendly websites. I have learned some best practices from Google Web Fundamentals.

Gogole has published getting started articles and video courses as well. many free video courses are available at udacity. I have joined many video courses and learned some new skills about resppnsive design, HTML and CSS.

Learn Best practices for great multi-device web experiences at Google web fundamentals.

35. Google’s Steps to a Google-friendly site

At Google Web Master Tools help section they have written an small guide that will help you to build google friendly website. It is a good read when you are planing to create a website.

Google has also published Search Engine Optimaztion Guide by Google PDF Book

Download Search Engine Optimization Starter Guide! Book

Read Steps to Google friendly website

36. VanSeoDesign.com

I was trying to learn how to align text vertically in HTML and i found 6 Methods For Vertical Centering With CSS tutorial by Steven Bradley Glicksman at VanSeoDesign. Article is easy to understand and you can learn different method to align text middle in a container.

There are so many other awesome articles and tutorials available. VanSeoDesign.com is created and managed by Steven Bradley Glicksman web developer from New York. He has been making websites since 2003 and he loves to share his expertise and experience.

Here are few recommended topics that you can learn at VanSeoDesign.com

CSS Layouts

Design For Non-Designers

HTML5 Basics

Responsive Design

The 7 Components of Design

The Elements of Design

Visit VanSeoDesign.com

Read 6 Methods For Vertical Centering With CSS tutorial

37. Learning the Web : Mozilla Developer Network

This is one of the best place to learn web development and best practices and tools. You can learn HTML, HTML5, CSS, CSS3 , JavaScript and many more languages and tools here at Mozilla Developer Network.

If you are absolute beginner than you can start with following resources.

https://developer.mozilla.org/en-US/Learn

Getting started with the Web

Learn HTML at Mozilla Developer Network

Learn CSS at Mozilla Developer Network

Learn basic and advance Javascript

Mozilla Web developer Guide for advance developers

HTML CSS and JavaScript Tutorials and resources

38. The Software Engineer’s Online Handbook by Toptal

Toptal has compiled the best free online resources for engineers in 2015. Engineers of all experience levels will find great tools for collaboration, open source projects, and free tutorials. Stay a step ahead with emerging industry trends and hiring forecasts, as well as the latest tools and technologies vetted by the elite Toptal team.

  • Free Online Coding Tools for Developers
  • Free Collaboration Tools
  • Open Source Tools / Code for Common Algorithms and Tasks
  • Free Online Tutorials, Courses, and Information
  • Software Industry Trends and Forecasts
  • Hiring Trends and Outlook

Read The Software Engineer’s Online Handbook

39. firstsiteguide.com

Creating websites with WordPress is simple but if you want more advanced development, you will have to go further with learning. firstsiteguide.com is an educational website and they have created a number of free online and PDF guides, and video tutorials that can be useful to all WordPress beginners. They also published a free website creation guide where they covered web design and development.

  1. How to Make a Website
  2. Web Hosting Explained
  3. How to start a Blog
  4. How to choose a Domain?

Conclusion

When i first published this list article i listed 32 websites but then i decided to add more and more useful website and resources  to learn web design, development, WordPress, SEO and other best practices.

Now I have listed 35+ blogs and website, where you can learn HTML, CSS, WordPress, JavaScript, PHP, Ruby and many other web design tools and programming languages and frameworks. It’s time to start learning some new tools, frameworks and languages.

In future i will try to add more useful resources and websites.

7 responses on “32+ Websites: Best way to learn web design and development

  1. darryH

    This is a very good list particularly to those new to the blogosphere.
    Brief but very precise information… Appreciate your sharing this one. You must also check this free list of websites which teaches web devlopment for free

Leave a Reply

Your email address will not be published. Required fields are marked *