Advertisement

Web Design Series

Collections of posts that take you through a particular topic or project.
  • 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 Series…
  • 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…