Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
  1. Web Design
Webdesign

Web Design Learning Guides

Learn some essential new web design skills with these learning guides. Each one has been specially designed to help you master an important topic, like web accessibility or using Figma for web design.

If you have questions about a web design concept or framework, these learning guides will answer them. The guide to Vue.js, for example, gives a concise explanation of what Vue is and how it works, while linking out to more in-depth tutorials and courses to help you learn more. You can find similar guides for Adobe XD, Foundation, and much more.

  1. Design and Build a Responsive Timeline Portfolio Page

    3 Posts
    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 Learning Guide...
  2. Introduction to Adobe Muse

    3 Posts
    Muse is Adobe's web design application aimed at graphic designers, who aren't necessarily comfortable with coding. During this screencast series we'll build ourselves a website, using Muse's friendly interface and tools.
    View Learning Guide...
  3. Adaptive Blog Theme: From Photoshop to HTML & CSS

    14 Posts
    Word of warning: this Session is not for the faint-hearted! Throughout the course of nearly fifty screencasts Adi Purdila will walk you through conception and completion of an entire WordPress blog theme. You'll start out in Photoshop, translate the design into an adaptive HTML and CSS build, then jump over to the next section (Adaptive Blog Theme: From HTML & CSS to WordPress) where you'll rig everything up with WordPress.

    There's rarely a better way of learning web design than to watch over someone's shoulder for the duration of a complete project; this is your chance to do just that.
    View Learning Guide...
  4. Build a Responsive Layout With Skeleton

    8 Posts
    The Skeleton framework, by Dave Gamache, provides a simple and rapid way of kicking off a web build. With a straight-forward grid, clear typography, and very little else in the way of styling, Skeleton is arguably the lightest way of introducing yourself to responsive frameworks.
    View Learning Guide...