Advertisement

Web Design Learning Guides

Collections of posts that take you through a particular topic or project.
  • Pre 1

    During this short series, follow Jim Nielsen as he builds a simple web app based on the iTunes API. The app built during this series has a very specific use, but the principles and practical examples covered will arm you with a set of skills you can apply to many other projects.

    Check out the demo and dive in!

    View Learning Guide...
  • Casablanca page preview

    In 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).

    Take a look at what we’ll be building, then get stuck in!

    View Learning Guide...
  • 60 series

    Comprehensively introducing anything in sixty seconds is a tough challenge, but that’s exactly what we’re doing with this series! Each of these videos introduces you to a subject, offering just enough explanation to whet your appetite and get you hooked.

    Grab a coffee and see how many of these you can watch during your break!

    View Learning Guide...
  • Web

    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!

    Also worth taking a look at: the Adobe Photoshop for Kids series over on Tuts+ Design & Illustration.

    View Learning Guide...
  •  bright

    Preprocessors 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...
  • Cli basics

    This series, by Kezz Bracey, isn’t about “how to run obscure commands for tasks you never do.” Nor is it a “complicated dev process made easy for designers” type of a deal. This is a series specifically for web designers, showing you how to utilize command line tools that are incredibly useful specifically for web design projects.

    Once you start bringing the command line into your design processes it’ll open up a whole new world of options, save huge swathes of your precious time, and, we promise, you’ll never look back.

    View Learning Guide...