Tutorials

  • Create an SVG Animation using CSS and JavaScript

    Create an SVG Animation using CSS and JavaScript

    Sam Norton  •  April 24, 2015

    SVG, or Scalable Vector Graphics, is an application of XML to provide vector graphical information in a lightweight form. Unlike the other rasterized image format such as PNG and...

  • How to Create a Flat Cityscape in Adobe Illustrator

    How to Create a Flat Cityscape in Adobe Illustrator

    Andrei Ștefan  •  April 22, 2015

    In today’s tutorial I’m going to show you step by step how to create a warm cityscape using some simple tools such as the Rectangle Tool and Pathfinder from Adobe...

  • How to Design a Profile Card Interface with Sketch App 3

    How to Design a Profile Card Interface with Sketch App 3

    Daniel Schwarz  •  March 19, 2015

    Last month we introduced ourselves to Sketch App 3 by learning how to mock up a credit card detail app screen and export the necessary assets, which can later be used in Xcode...

  • CSS3 Hover Link Effects

    CSS3 Hover Link Effects

    Sam Norton  •  March 10, 2015

    One of the essential parts of a website is a text link. By clicking an anchor tag you can go anywhere from the site as it points to a specific page. Typical links contain simple...

  • How to Create a Moto 360 Smart Watch in Adobe Illustrator

    How to Create a Moto 360 Smart Watch in Adobe Illustrator

    Andrei Ștefan  •  March 2, 2015

    If you’re into smartwatches, now this is the tutorial for you. With the use of some basic shapes and some tricks here and there I will guide you step by step so that in the end...

  • How to Create a Coding Page Illustration in Adobe Illustrator

    How to Create a Coding Page Illustration in Adobe Illustrator

    Andrei Ștefan  •  February 11, 2015

    With all the flat style madness going on in the design community, we can quickly see how this is the direction of the future. Whether it’s icon design, mobile design, or web...

  • How to Build a YouTube Video Website Background

    How to Build a YouTube Video Website Background

    Sam Norton  •  February 2, 2015

    Big video backgrounds are a recent, and popular, web design trend. Browser-sized videos have brought about a new era of web design in a creative way. If implemented well, video...

  • Design a Card Details App Screen in Sketch 3 (Tutorial)

    Design a Card Details App Screen in Sketch 3 (Tutorial)

    Daniel Schwarz  •  January 26, 2015

    You’ve likely heard about the Sketch App design tool for Mac, its intuitive usability and why user interface designers are switching over. It’s on version 3.2.2 and only...

  • How to Create a Vintage Macintosh in Adobe Illustrator

    How to Create a Vintage Macintosh in Adobe Illustrator

    Andrei Ștefan  •  January 14, 2015

    Hi guys, if you’re a tech geek like I am, I know you are absolutely going to love this neat tutorial on how to create a vintage looking Macintosh, using Adobe...

  • How to Create a Responsive Email Template

    How to Create a Responsive Email Template

    Sam Norton  •  January 8, 2015

    Reading emails has never been easy on phones and tablets. Just like modern websites, email newsletter design needs to be optimized for different viewports. Imagine having a...