Member Avatar for chris_j_haines

Hello my name is Chris.
I am in the process of designing a website for web tutorials, articles and resources based around web design and coding and articles on various web based topics.
I would like a list of useful resources which people can use to learn and develop their web design skills.
I have the obvious resource of w3schools which I know is very useful and I will also be listing Daniweb but I would like people's help to suggest other resources to list, this can be proffesional or even personal websites, I just want to help people on their goal of learning web design and I feel offering resources as well as producing my own tutorials would be a good thing.

Thanks in advance!

  • 2 Contributors
  • 1 Reply
  • 303 Views
  • 10 Hours Discussion Span
  • Latest Post Latest Post by Member #949455

Dani AI

Generated

Good start, — you already have w3schools and DaniWeb on the roster and mentioned Quackit and Tizag. Below is a compact, practical set of authoritative resources plus editorial and workflow guidance to help your tutorials site stay useful and trustworthy over time.

  • MDN Web Docs — canonical reference for HTML, CSS, JS and a structured Learn area.
  • freeCodeCamp — project-based lessons and verified certificates.
  • CSS-Tricks — pragmatic CSS patterns, layouts, and recipes.
  • Smashing Magazine — design-focused articles, UX and front-end best practices.
  • A List Apart — thoughtful pieces on standards, accessibility, and design theory.
  • Can I Use — browser support matrix for CSS/HTML/JS features.
  • WebAIM — accessibility guidance, tools and testing resources.
  • CodePen — live demos you can embed; ideal for starter projects.
  • web.dev — modern performance, PWA, and SEO best practices from Google.
  • Stack Overflow and GitHub — community help and example repos.

Editorial & workflow tips: group content by level (Beginner / Intermediate / Advanced) and by track (HTML → CSS → JavaScript → Accessibility → Performance). Each article should include prerequisites, an estimated time-to-complete, a short project or exercise, and a link to a live demo or repo (CodePen/GitHub). Show browser-compatibility notes (link to Can I Use) and add a clear "last updated" date.

Curation & quality controls: prefer sources that reference specs (MDN/W3C), avoid outdated techniques (table-based layouts, unsupported APIs), and require contributor notes on browser testing and accessibility. Small, tested projects teach more than long, unfocused tutorials — structure content around short wins and real, verifiable examples.

Member Avatar for Member #949455

I am in the process of designing a website for web tutorials, articles and resources based around web design and coding and articles on various web based topics.
I would like a list of useful resources which people can use to learn and develop their web design skills.

Have you try google tutorial online? By doing that it show that you are doing research. Right now, I'm feeling you are asking for help to find that resource.

How about:

http://www.quackit.com/

or

http://www.tizag.com/

that's only 2 I look at sometimes.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.