What are the best websites to learn about web design?

Question

15

Options
Considered

104

User
Recs.

Sep 20, 2021

Last
Updated

Here’s the Deal

The Best 1 of 14 OptionsWhy?

Best websites to learn about web design	Price	Features	Languages
93 Smashing Magazine	-	-	-
69 A List Apart	-	-	-
67 Awwwards	-	-	-
-- Speckyboy	-	-	-
-- Little Big Details	-	-	-

See Full List

13 Other Options Considered

A List Apart

Top Pro

High quality writing

A List Apart has a difficult review process for their articles that insures well written, helpful articles from established industry professionals. See More

Top Con

Not as relevant anymore

In recent years, the site's content has shifted from talking about real-world examples, nuances and discussions about low-level ideas to generalizations and overall, commonly accepted theories about web design. See More

Top Pro

Topics cover a wide range

A List Apart covers a range of topics beneficial to those learning web design, with some topics having 100's of posts that cover the category. Categories include Process, Content, Industry and more. See More

See All

Awwwards

Top Pro

Good for identifying web trends

Awwwards tends to keep up with the latest trends and give out awards based on trending ideas and concepts. See More

Top Con

Little difference between winning entries

Awwwards is very opinionated what constitutes a good design. So all sites that differ from the intended vision don't get highlighted. See More

Prajesh Sudhakar's Experience

Awwwards are the Website Awards that recognize and promote the talent and effort of the best developers, designers and web agencies in the world. See More

Top Pro

Expert judges and the evaluation process

The expert judges and the evaluation process makes Awwards a great place to go to find the very best in design. See More

See All

Codecademy

Top Pro

Excellent progression

Codeacademy doesn't overwhelm beginners with information. It gives bite-sized information, the bare minimum needed to finish a task and get to the next one. As the course progresses, it slowly fills in background information. See More

Prajesh Sudhakar's Experience

Learn the technical skills you need for the job you want. As leaders in online education and learning to code See More

Specs

Features:Code editor, forum, progress saver, written tutorials

Languages:HTML, CSS, JavaScript, jQuery, Ruby, Python

Top Pro

Mostly free content & best progression series for beginners

Top Pro

Good editor

Codeacademy has a powerful, beginner-friendly integrated development environment (IDE) that can also be used outside of curriculum. See More

Top Pro

Interactivity

Right from the start, users write code. They start small in an environment that has constant feedback and gradually progress to more complex concepts. Users can see code results instantly, giving great feedback. See More

See All

freeCodeCamp

Top Pro

Actively developed

They are frequently updating courses and adding new material. See More

Specs

Features:Projects, chat, exercises, written tutorials, video tutorials, progress saver

Languages:HTML, CSS, JavaScript, Python

Top Pro

Welcoming, active community

freeCodeCamp strongly encourages interacting with other learners and experienced programmers. They provide chatrooms which are always active and full of members happy to answer any questions you may have. Pair programming (programming with another user) is encouraged as a great way to work through some of their coding challenges. There are also meetup groups where you can code in person with other freeCodeCamp students. See More

Top Pro

Browser-based

All courses used by freeCodeCamp are done in the browser, rather than students having to set up their own environment. This makes it much easier for beginners to get started. See More

Top Pro

Gain real world experience while helping nonprofits

Once you've completed all the courses and practice levels on freeCodeCamp, you are able to participate with other learners on developing software for non-profits. It's an amazing way to gain experience and build your portfolio as a developer, while helping out a non-profit organization. See More

Top Pro

Self-paced

There is no set schedule with freeCodeCamp. You can work through the program as fast or as slow as you want. See More

Top Pro

Open source

Due to freeCodeCamp being open source, you are able to contribute to the program that helped teach you how to code in the first place. It's a great way to give back and gain experience. See More

Top Pro

Completely free

Free for anyone who wants to take the camp. See More

See All

Udemy

Top Pro

Value for money

A +10 hour high quality course for under $20 is great value. See More

ArticulateAequitas's Experience

Very good website See More

Specs

Features:Progress saver / video tutorials

Top Pro

Quality of top courses

The quality of top courses (+4.0 rating & high enrollment) is exceptional. See More

Top Pro

Regular discounts

Often run discounts 50 - 90% off resulting in sub $20 courses. See More

Top Pro

Some courses are free

Top Pro

Offers intermediate and advanced courses

Udemy offers plenty of courses for beginner programmers, but also has a large variety of more advanced courses to choose from. See More

Top Pro

Wide range of courses

If one course doesn't meet your needs, there is a sea of other courses to choose from. See More

See All

Frontend Masters

Top Pro

Content is relevant and up to date

Frontend Masters offers online courses and live workshops which are relevant and up to date. The courses are frequently updated to keep up with the rapid pace of change in modern front-end development. They maintain strict standards to ensure the relevancy of the content. Out of date and deprecated content is clearly marked as being out of date and recommendations are offered for more up to date courses. See More

ConfidentNike's Experience

up to date content +fast yet great constructors See More

Specs

Languages:JavaScript, Node, Webpack, SASS, CSS

Supported frameworks:React, Vue, Angular, D3

Imelda Garcia's Experience

I really like these courses and the interface allows me to work at my own pace. See More

See All

GBKSOFT Blog

Top Pro

Useful

Top Con

eng

Aleksandr Pedchenko's Experience

more tips and guides See More

Top Pro

Fresh

See All

Coorsy

Top Pro

Has a wide range of topics

From learning about fundamentals to advanced styling, Coorsy covers a range of topics beneficial to those learning web design. See More

Duomly

See flagged products

I Recommend...

Built By the Slant team

Find the best product instantly.

Lustre recommends the best products at their lowest prices – right on Amazon.

4.7 star rating

Try it now - it's free

score 38 · Accepted Answer

Built by Slant

Find the best product
instantly.

Stop wasting time searching endlessly. Lustre recommends the best products at their lowest prices – right on Amazon.

4.7 star rating

Add to Chrome - It's Free

Add to Edge - It's Free

Add to Firefox - It's Free

Add to Opera - It's Free

Add to Brave - It's Free

Add to Safari - It's Free

Try now - it's free

The Best 1 of 14 OptionsWhy?

My Recommendation for Smashing Magazine

My Recommendation for Smashing Magazine

Well-rounded resource for designers

Busy website layout

Frequently updated, useful blog posts

Current, broad, cutting-edge stuff

13 Other Options Considered

My Recommendation for A List Apart

My Recommendation for A List Apart

High quality writing

Not as relevant anymore

Topics cover a wide range

My Recommendation for Awwwards

My Recommendation for Awwwards

Good for identifying web trends

Little difference between winning entries

Expert judges and the evaluation process

My Recommendation for Speckyboy

My Recommendation for Speckyboy

Easy to explore specific topics

Updated frequently

My Recommendation for Little Big Details

My Recommendation for Little Big Details

Anyone can submit details

Can go weeks without content

Points out interesting nuances of UI design

My Recommendation for WebDesign Tuts+

My Recommendation for WebDesign Tuts+

Covers a variety of topics

Affordable monthly subscription

My Recommendation for Codecademy

My Recommendation for Codecademy

Excellent progression

Mostly free content & best progression series for beginners

Good editor

Interactivity

My Recommendation for Webdesigner Depot

My Recommendation for Webdesigner Depot

Comprehensive resource for everything related to web design

List of freebies for subscribers

My Recommendation for Hackdesign

My Recommendation for Hackdesign

Weekly lessons on variety of design-related topics

Established, well-known teachers

Targeted towards developers

Hands on from the start

My Recommendation for freeCodeCamp

My Recommendation for freeCodeCamp

Actively developed

Welcoming, active community

Browser-based

Gain real world experience while helping nonprofits

Self-paced

Open source

Completely free

My Recommendation for Udemy

My Recommendation for Udemy

Value for money

Quality of top courses

Regular discounts

Some courses are free

Offers intermediate and advanced courses

Wide range of courses

My Recommendation for Frontend Masters

My Recommendation for Frontend Masters

Content is relevant and up to date

My Recommendation for GBKSOFT Blog

My Recommendation for GBKSOFT Blog

Useful

eng

Fresh

My Recommendation for Coorsy

My Recommendation for Coorsy

Has a wide range of topics

Don't see your favorite option? Add it.

My Recommendation for Duomly

My Recommendation for Duomly

One sec!