Advertisement

Web Design Series

Collections of posts that take you through a particular topic or project.
  • Preview html

    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.

    View Series…
  • Sg

    This series is quite literally all about Style Guides; what they are, why you'd need them, and how others are using them. Over the course of this series, a suitably varied mix of experts share their knowledge of Style Guides, answering questions, lending advice and explaining practical application along the way.

    View Series…
  • Behance thumb 4

    Behance is a huge platform for publishing and sharing creative portfolios, but did you know you could harness its API to build your own Behance-powered web page? That's what Thoriq Firdaus shows us during this series, and you won't need to be a JavaScript God to follow along either.

    View Series…
  • Macaw thumb

    Macaw has been eagerly awaited since its Kickstarter campaign reached full funding back in November 2013. Pitched as the application which allows you to "stop writing code and start drawing it" Macaw promises to bring web design tools right up to date. Follow Adi Purdila as he introduces Macaw, examines its features and interface, then uses it to design and build a complete responsive website.

    View Series…
  • Timeline portfolio series

    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.

    View Series…
  • Shopify series

    Over the course of three articles here on Tuts+ we'll be looking at how to build a theme for the hosted ecommerce platform Shopify. Follow Shopify Designer Advocate Keir Whitaker, as he demonstrates all the skills you’ll need to get started, as well as showing you a number of creative ways to make your themes flexible and powerful.

    View Series…