The internet is such an important part of everybody’s lives these days that it’s never too early to start learning web design! In this carefully structured, colorful series, Joni Trythall takes pre-teens through the process of building a simple website. Whether you’re a teacher, a parent, or a kid yourself, you’ll enjoy following Joni as she leads you through Tuts+ Town, learning all about web design along the way!

Welcome to a series exploring a number of responsive navigation patterns. During these four tutorials we'll look into how to develop them yourself, rather than leaning on a copy-paste approach. Everything from top nav bars, through select dropdowns and footer patterns, to off-canvas navigation will be examined.

In your day-to-day HTML coding you'll undoubtedly use <div> elements, hopefully even <section>, <aside> and <article> tags where more appropriate. You'll describe semantic relationships between headings using <h1> through to <h6>. Your form inputs are probably of the correct type, dictating whether entered data should be a valid email address, or number - but there are loads of obscure HTML tags and attributes which you might not be familiar with. Some are simple, others are still in development and the occasional one is just downright weird! This collection of tutorials and quick tips will get you up to speed with some of the more unusual HTML tags.

During this series you'll be using Photoshop CS6 to design a simple, clean, three-column portfolio page, with a trending timeline. Once done, you'll move over to a code editor and begin building your finished page for the web. Along the way, you'll learn about the designer > developer workflow, whilst using tools such as Sass and jQuery.

The Google Maps API allows for a huge amount of flexibility, without needing to be a JavaScript God. If you're prepared to get your hands dirty, dive into the API with me and together we'll build a highly original and personalised Google Map!

Embarking on any web project from a clean slate is a lot of work. Setting up typography, base styles, perhaps a grid system of some kind, media queries.. The alternative; building yourself some kind of front-end framework to start from each time, can be a serious undertaking and involves a lot of maintenance. Happily, open source frameworks such as Zurb's Foundation will do all the heavy lifting for you!