Best Practices for Websites with Looped Video Backgrounds

Website ExamplesNataly Birch • November 20, 2015

Websites with Looped Videos Background - Best Practices

Loop is a Boolean attribute of the video tag in HTML5 that is supported by the latest versions of modern browsers, including IE 9.0. It specifies a series of short movie clips that start over and over again. This feature …

Collection of Free After Effects Mockups

FreebiesNataly Birch • November 13, 2015

Using After Effects for user interface animation prototypes is a huge trend among designers. Dynamic gifs that vividly reveal workflow of upcoming apps has taken the community by the storm. Whether you showcase a primary navigation center that should slide …

Responsive Typography: A Quick Tutorial

DesignPaula Borowska • October 09, 2015

A quick tutorial on responsive typography

Typography is a primary way in which we communicate information. It’s true for print, websites and even TV commercials. You can’t disagree that typography is a powerful design element. However, getting it right can be a bit tricky. Typography is …

User Stories and Scenarios in UX Design

UX DesignArmen Ghazaryan • October 05, 2015

There was a time when the best website design was the one packed up with some cool new features, a weird navigation and anything else that the designer thought looked good. We trusted the designer’s taste and opinion often even …

Ripped in Half: Websites with 2-Column Layouts

Website ExamplesNataly Birch • September 28, 2015

It is quite difficult to break away from a standard grid structure, with a system of well-organized columns and rows placed at regular intervals to provide a stable and responsive framework for multimedia and content. Sometimes the foundation is entirely …

10 Pro Tips to a Smarter Design Process

UX DesignJerry Cao • September 24, 2015

Being a UX designer myself, it’s important that we fall back in love with the art of design. Especially when you hit a creative wall. The reasons vary. Maybe you’ve been working too fast and too hard and burnt out. …

How to Create Animals Icons in Adobe Illustrator

Adobe ToolsMarta 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 – Make a Sketch The process of …

Visual Walkthrough: Examples of Tiny Animated Icon Gifs

Website Design, Website ExamplesNataly Birch • September 08, 2015

Visual Walkthrough for Tiny Animated Gifs of Icons

Who would have thought that a popular approach for mobile app developers would come in handy with iconography? Designers are eager to apply this trick even to the tiniest things — user unterface icons. To be completely honest, keeping icons …

What is Invisible Design?

DesignCarrie Cousins • August 26, 2015

Design is not always an in-your-face art. It is subtle, usable and often undefinable. Quite simply, good design is often invisible. And just to be clear – invisible design is not about adding layers or transparencies or hidden meanings to …

How to Create CSS3 Animated Checkboxes

CodingSam 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. Checkboxes give the user an option to select one or …