AJAX for Front-End Designers
4 PostsThis series aims to familiarize front-end designers and newbie developers with AJAX, an essential front-end technique. Loading content “asynchronously” is helpful for keeping the initial weight of a page low, instead presenting certain information only when the user specifically asks for it.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.Design and Build a Responsive Timeline Portfolio Page
3 PostsDuring 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.View Learning Guide...Getting to Know Gumby
6 PostsThe Gumby Framework offers rapid and flexible front-end development. Its features include installation and maintenance tools, Sass support, a semantic grid, toggles and switches, parallax toys and much more. During this series we're going to walk through those features and tools, before building ourselves a complete Gumby website.View Learning Guide...Foundation for Beginners
12 PostsEmbarking 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!View Learning Guide...Bringing Premium Pixels to Life
11 PostsOrman Clark has brought joy to the masses with his pixel perfect creations, many of which he dishes out for free on his site Premium Pixels. This session focuses on bringing his .psd files to life, teaching and demonstrating modern web techniques and standards wherever possible.View Learning Guide...