Web Design Learning Guides

Collections of posts that take you through a particular topic or project.
  • Portfolio series

    In this tutorial series follow Adi Purdila as he explains how to design a minimal eCommerce theme in Sketch. You’ll not only learn the proper structure of an eCommerce website, but you’ll also get some cool Sketch tips and tricks to improve your workflow.

    In the end, you’ll have put together an “eCommerce Portfolio” theme design that you can use in your own projects.

    View Learning Guide...
  • Postcss preview

    If there’s one thing you really need to know about PostCSS, it’s that you should learn what it is and how to use it ASAP.

    In this series, Kezz Bracey takes a deep dive into PostCSS and will take you through all the major ways you can use it. If you haven’t already had your mind blown by what PostCSS is capable of, get ready for a brave new CSS world!

    View Learning Guide...
  • Mdl series

    Material Design Lite (MDL) is a framework which enables front-end developers to quickly build websites according to Google’s Material Design principles. In this series, Thoriq Firdaus takes you through all the components of MDL, to help you start building right away.

    View Learning Guide...
  • 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...