Creating a Scalable SVG Infographic

In this tutorial, I’m exploring how to make a scalable infographic in the browser using SVG as a graphical format. I’m also using CSS3 animation techniques to animate most elements. The subject of the infographic is “Population growth on this …

5 Ways to Enhance Your Website Login Process

,

5 ways to enhance your website’s logging in process

The best way to enhance an experience, or to actually make it great, comes down to making the entire process simple for the user. There are many different things you can do to improve the login process. Here we’ll discuss …

10 Ways to Promote Your Design Project

10 Ways to Promote Your Design Project

The life of a designer is not always an easy one. There are projects that you do for clients and sometimes projects that you do just because you want to create something new. Getting those projects out there can be …

Best Practices: Leading Brands and Promotional Websites

Leading Brands and their Promotional Websites - Best Practice

Though it seems that such powerful, famed and instantly-recognizable brands as McDonalds, BMW or Samsung don’t need extra publicity since the names speak for themselves, they do face competition. They are fighting for the same potential customers as you are …

How to Create Guidelines and Standards for Websites or Applications

,

Creating guidelines and standards for websites or applications

While some methods may vary one of the most important starting points for any project is a set of guidelines. Creating guidelines and standards for every project (even if it isn’t originally in scope) can increase your workflow and will …

What are HTML Imports and How Do They Work?

What are HTML imports and how do they work

Have you ever noticed that including another HTML page inside another is like a foreign concept? It’s something that should be easy to do but you don’t see it often. It’s not impossible but tricky. However, HTML imports makes placing …

UX and Content Strategy: The Complete Guide

UX and Content Strategy

What is more important: User experience or content? I hate this type of question and to me they don’t make sense. It’s like asking a kid who he loves more — mom or dad. Or even worse, trying to figure …

Primer on Types of Navigation in Mobile Apps

Types of Navigation in Mobile App Designs - List Grid Top Bottom Expanding

Navigation patterns can vary, even when it comes to prototyping mobile application interfaces. Even though they may seem to impose tight restrictions, because of small sizes and necessity to compactly arrange lots of data, there are a variety of options. Once there …

Using backface-visibility and CSS Animations

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 …

5 Key Elements of User-Friendly Notifications

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 …