Tutorials

  • How to Create Background Fixed Effects

    How to Create Background Fixed Effects

    Sam Norton  •  February 24, 2016

    As an integral part of websites, backgrounds with fixed positions are getting more and more innovative in a way that it can create an optical illusion that it changes the image...

  • Calculating Measurements in LESS (Video Tutorial)

    Calculating Measurements in LESS (Video Tutorial)

    David East  •  February 15, 2016

    No one ever claimed that CSS was the right place to perform mathematical calculations; in fact, it’s near impossible even for simple functions. (Even with the CSS3 calc...

  • How to Create a Full Page Animated Transition

    How to Create a Full Page Animated Transition

    Sam Norton  •  February 9, 2016

    In the past, adding page transitions on web pages has been a simple process. As you click on the link it redirects you to the next page as the browser loads the next page or...

  • How to Create a Sleek iOS App Icon in Photoshop

    How to Create a Sleek iOS App Icon in Photoshop

    Paula Borowska  •  December 4, 2015

    This is something you need in your design toolkit — the ability to create a great iOS App icon. And this tutorial will help you learn to do just that. To start, you’ll...

  • Create an Apple TV Poster Parallax Effect in CSS3 & jQuery

    Create an Apple TV Poster Parallax Effect in CSS3 & jQuery

    Marius Balaj  •  September 17, 2015

    Have you seen the new Apple TV parallax effect? It is awesome! We have decided to reproduce this effect using CSS and jQuery, and it looks very close to Apple’s parallax...

  • How to Create Animals Icons in Adobe Illustrator

    How to Create Animals Icons in Adobe Illustrator

    Marta Berzina  •  September 16, 2015

    In this tutorial I will show you how to create an animal icon in Adobe Illustrator. Plus, you will also find a freebie – six animal icons for any use. Enjoy! Step 1 –...

  • How to Create CSS3 Animated Checkboxes

    How to Create CSS3 Animated Checkboxes

    Sam Norton  •  August 24, 2015

    HTML forms have a lot of elements which function differently. Some of them provide options while others need input from the user. HTML checkboxes are a good example of this....

  • How to Animate a Flat Design Bicycle in After Effects (Part 2)

    How to Animate a Flat Design Bicycle in After Effects (Part 2)

    Marta Berzina  •  August 17, 2015

    In this tutorial we will learn how to animate the flat design bicycle from the previous tutorial. Step 1: Set Up the File 1.1 Open After Effects and click on composition –...

  • How to Create a Flat Design Bicycle (Part 1)

    How to Create a Flat Design Bicycle (Part 1)

    Marta Berzina  •  August 12, 2015

    In our last tutorial, you learned how to make a GIF image; in this tutorial we will create a flat-style bicycle in Adobe Illustrator using simple shapes. In Part 2, we will...

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