Easy Mobile Browser Testing with Chrome Emulation

David East  •  Coding  •  April 30, 2014
Easy Mobile Browser Testing with Chrome Emulation

Testing designs across multiple browsers has always been a pain. When you add in various devices and their resolutions, you have quite the headache on your hands. How do you know that your navigation menu is responsive across all resolutions? Do animations lag on mobile? Do you have any stock browser styles affecting the design? This laundry list could continue for...

Using backface-visibility and CSS Animations

Joni Trythall  •  Coding, CSS3  •  April 28, 2014
Using backface-visibility and CSS Animations

There are so many fun and interesting design possibilities with backface-visibility. When you turn an element over, what do you want to see? By default, we see a mirror image of an element when it is turned over. While this effect may sometimes be desirable, other times we may want to see a different element in its place entirely. With backface-visibility:hidden; we can make...

The Incremental Design, 10 Surprising MVPs and Their Current Versions

Marcin Treder  •  Design, UX Design  •  April 24, 2014
The Incremental Design, 10 Surprising MVPs and Their Current Versions

I remember the day when we launched the first version of UXPin – The UX Design Platform at the end of 2011. Exhausted after hours of final tests, fixes and improvements, I thought I’d pass out at my desk. The sleep, though, didn’t come that night. My veins were full of adrenaline and my mind full of thoughts about success that, so I thought, was just around the...

5 Key Elements of User-Friendly Notifications

Armen Ghazarian  •  Design, UX Design  •  April 23, 2014
5 Key Elements of User-Friendly Notifications

Have you ever paid attention to the number of notifications and alert messages you receive on a daily basis from various web services and apps? How many of those notifications do you actually care about? These questions are becoming more worrisome as the number of services we use increases while our time and attention still remain limited. We are receiving so many “beeps”...

The Power of Microcopy in Web Design

Paula Borowska  •  Design, UX Design  •  April 17, 2014
The Power of Microcopy in Web Design

“Copy” has turned into a buzzword. Have you noticed it? People are putting more and more importance onto the words you use on your website. They are trying to put value in copy and it’s a wonderful idea! Words are a prominent way of communicating online. And it’s the small things that matter, especially when it comes to user experience. Words help...

5 Essential Elements for E-Commerce Websites

Eelco Guntlisbergen  •  Design  •  April 16, 2014
5 Essential Elements for E-Commerce Websites

Step-by-step e-commerce websites are quickly becoming a better alternative to the more traditional retail shop. The list of benefits is endless, even though actual retail is hard to replace because of the experience of shopping in a physical store. Regardless, there are ways to make the e-commerce experience brilliant. The five topics below are things to keep in mind when...

How to Customize a Website with Startup Framework

David East  •  Coding, Tutorials  •  April 14, 2014
How to Customize a Website with Startup Framework

Now that you have built your first website using Designmodo’s Startup Framework, you probably want to further customize your site. In this series of four videos, we will take you step-by-step through the customization process. Each of the videos are easy to follow and can help you fully customize your site in a matter of minutes using the fully responsive Startup Framework....

How to Create a Splash Screen Illustration

Benedikte Vanderweeën  •  Tutorials  •  April 10, 2014
How to Create a Splash Screen Illustration

In this tutorial, we will walk through the process of creating a splash screen illustration using vector elements created in Illustrator and applying them to a template in Photoshop before exporting for the web. Splash Screen What exactly is a splash screen? A splash screen is a launch image that is primarily used on mobile devices. A launch image is a placeholder image that...

What Can CSS Filters Do for You?

Paula Borowska  •  Coding, CSS3  •  April 9, 2014
What Can CSS Filters Do for You?

CSS filters have been around for a while. They originated thanks to SVGs – Scalable Vector Graphics – in order to apply different image effects to vectors. Today, CSS filters are not limited to SVGs but can be used for images, text and everything else you can find on a web page. How Do Filters Work? Filters aren’t that hard to comprehend. Let’s start with a...

Fresh Breath of Polygonal Style in Website Design

Nataly Birch  •  Inspiration  •  April 7, 2014
Fresh Breath of Polygonal Style in Website Design

Polygonal style has definitely found renewed interest. Amid extensive use of flat style graphics, visual storytelling solutions, rich content media approaches and a great deal of websites based on dynamic layouts, polygonal style — which was enormously popular several years ago — has recently found renewed life as an emerging design trend. So what has actually...