Video icon 64
Want to be a web designer? Skill up fast with video courses from Tuts+. Start your free trial.
Advertisement

Web Design Learning Guides

Collections of posts that take you through a particular topic or project.
  • Rwd nav

    Welcome 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...
  • Nucleus

    2014 has witnessed some grand changes made to Adobe Muse; the web design application for Graphic Designers. It's seen an improved interface, greater integration with other Adobe services and all this has helped its vibrant community grow even stronger. We've featured Adobe Muse in several ways recently, and there's more to come!

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