From PSD to HTML With the Skeleton Boilerplate
3 PostsIn this series we’ll be focusing on coding a PSD layout, using the responsive Skeleton boilerplate. There are plenty of tutorials on how to code a design using HTML and CSS, often with an extra dash of JavaScript, but the main purpose of this tutorial is to get things built using the latest version of the Skeleton framework (2.0.4).View Learning Guide...Web Design for Kids
11 PostsThe 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!View Learning Guide...LESS: Beyond the Basics
6 PostsPreprocessors have become a staple part of the web designer’s diet; LESS being one of the more popular options available. The learning curve for working with preprocessors is nice and gradual, allowing you to use as many or as few of the features as you’re comfortable with. In this series we’re going to turn up the heat. Over the course of several in-depth tutorials we’ll take you from LESS beginner to LESS pro.View Learning Guide...Examining Responsive Navigation Patterns
4 PostsWelcome 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.View Learning Guide...Strange and Unusual HTML
18 PostsIn your day-to-day HTML coding you'll undoubtedly useView Learning Guide...<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.The Google Maps API For Designers
4 PostsThe 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!View Learning Guide...