Learn to code with Web Standards
These articles (explainers) are designed for anyone learning web design and development. They show you how to plan for best practice designs and how to code them with Web Standards . Some articles are quick and simple, explaining basic concepts, others take a deep-dive approach, exploring more complex topics. They are all appropriate for novice and intermediate web designers and developers.
This explainer introduces the Web Standards Model, and associated concepts, as a core paradigm for building best practice webpages.
This explainer leads you through a practical example of the Web Standards Model, using HTML, CSS, and JavaScript.
This explainer demonstrates how to efficiently apply robust type designs to your documents using CSS inheritance and carefully considered font stacks.
This explainer demonstrates how to add content images to your webpages using best practice techniques and web standards.
This explainer introduces three different CSS strategies for building horizontal navigation bars and explains the benefits of each.
This explainer introduces the browser cache and explains how you can ensure you are always seeing the most recent version of your page designs.
This explainer introduces relative and absolute positioning in CSS and explains how to use positioning effectively.
This explainer provides a solution to the most common problem when working with CSS floats and includes some historical context.
This explainer introduces beginners to the principles of user interaction using JavaScript to manipulate the Document Object Model.
This explainer walks you through the process of using DOM Scripting to build a CSS theme switcher with best practice techniques.
Top of page
Top of page icon