Tutorials

  • Create a Flat Smartphone Illustration in Adobe Illustrator

    Create a Flat Smartphone Illustration in Adobe Illustrator

    Andrei Ștefan  •  July 30, 2015

    So, for some time now Apple’s iPhone has created a real craze in such a way that there are now tons and tons of flat styled illustrations depicting the device. Don’t get me...

  • Base CSS and Navigation Systems in Bootstrap

    Base CSS and Navigation Systems in Bootstrap

    Sam Norton  •  July 22, 2015

    In the last article we discussed Bootstrap CSS grids and elements. For the second part of our tutorial, we’re going to study the different base elements and navigation...

  • How to Export an Animated GIF using Adobe Photoshop and After Effects (Part 3)

    How to Export an Animated GIF using Adobe Photoshop and After Effects (Part 3)

    Marta Berzina  •  July 13, 2015

    Previous articles: How to Create a Flat Design Bicycle (Part 1) How to Animate a Flat Design Bicycle in After Effects (Part 2) Animated GIF images are one of the most popular...

  • 4 Tips for Prototyping with Adobe Photoshop Artboards

    4 Tips for Prototyping with Adobe Photoshop Artboards

    Clark Wimberly  •  July 3, 2015

    When Adobe added artboard support a couple of weeks ago, a good portion of the design community—myself included—just about saw their heads explode. If you can’t figure out...

  • How to Create an Icon Design Workflow in Sketch App 3

    How to Create an Icon Design Workflow in Sketch App 3

    Daniel Schwarz  •  June 30, 2015

    Designing an app icon is no easy task. Both Apple and Android employ a Human Interface Guideline that outlines the recommendations and requirements for creating an app icon to...

  • Installing Bootstrap and the Bootstrap Grid System

    Installing Bootstrap and the Bootstrap Grid System

    Sam Norton  •  June 11, 2015

    Bootstrap has been on the web for several years now. Being a responsive design framework that can be used to build either static and dynamic web applications or websites, it has...

  • How to Create Sticky Navigation with CSS or jQuery

    How to Create Sticky Navigation with CSS or jQuery

    Sam Norton  •  June 3, 2015

    In the modern web, more websites use the “sticky” position feature in their main navigation or menu. It is making the main navigation stick and remain visible as the...

  • How to Create a Flat Styled Set of Writing Tools

    How to Create a Flat Styled Set of Writing Tools

    Andrei Ștefan  •  May 20, 2015

    Hello fellow design enthusiasts, today I’m going to show you how to build your very own flat styled set of writing tools using the mighty Adobe Illustrator. The process will...

  • How to Mockup Responsive Websites in Sketch App

    How to Mockup Responsive Websites in Sketch App

    Daniel Schwarz  •  May 13, 2015

    It’s quite normal to build websites with responsive viewports and it’s been that way for a while now. Of course, not every website needs to be responsive, but it’s common...

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