CSS Filters for Quick Effects without Image Manipulation

CSS filters offer a variety of simple effects you can add to an image, saving you the work of having to manipulate the actual graphic files. We can easily apply filters to an image using the following available properties. Here is what the syntax for some pre defined functions looks like. filter: blur(10px); filter: brightness(0.6);...

Diving into WordPress Taxonomy

WordPress offers a few ways for you to organize your content using built in taxonomies. One common question we get is “Should we use tags or categories to make our posts easy to find”. To answer this it’s probably best to get a brief understanding of the history of WordPress taxonomies. Initially WordPress only offered...

A Summary of the Design Leadership Summit

Last month I had an incredible opportunity to attend the Design Leadership Summit in Toronto. After a quick flight out of Newark, I landed in Canada and spent the next few days exploring the beautiful city and enjoying an excellent conference. The Design Leadership Summit was hosted by the Toronto chapter of the DesignX Community....

Gamification in Design

Today, the gaming industry in the United States and across the world is a multi-billion dollar industry. There are conferences, competitions, and communities everywhere you look. From Mario Kart to Fortnite, the global interest in games is obvious and intriguing. Given the stunning success of this hobby, how can other industries model the same? How...

What’s Inspiring Me Right Now

I love learning. Whether it’s online classes, podcasts, or documentaries – I simply cannot resist an opportunity to increase my knowledge and open my mind. This year I have dedicated significant time and energy to learning from an eclectic array of sources; it has undoubtedly benefited me. I can attest to the inspiration, information, and...

Introduction to Web Animation: Part One – CSS

CSS animation is a good way to quickly animate your web pages and add some nice visual interest. Here in part one of our animation series we will show you a very simple animation using only CSS that will give you a few of the basic concepts to hopefully get you inspired to learn more....

Don’t Reinvent the Can Opener

The other day I had a funny experience – I was at a friend’s house and couldn’t figure out how to use their can opener. Yup, you read that right – can opener. It was a beautiful, minimalist design with sleek, modern curves and smooth edges. However, I couldn’t figure out how the Helvetica it...

Visual Regression Testing: Automate UI QA

If you are a designer for the web, you may, or may not work directly with engineers who implement your designs. If you do, you know that things can change. CSS classes can be disrupted and shift alignment. Font sizes, colors, and positioning can change as new elements are added. In the past, the only...

A UX Lesson From Coffee

“Most people make the mistake of thinking design is what it looks like.” Steve Jobs once quipped, “People think it’s this veneer – that the designers are handed this box and told, ‘Make it look good!’ That’s not what we think design is. It’s not just what it looks like and feels like. Design is how...

Browser and Device Testing Made Easy

As the number of devices and browsers your visitors use to access your content it becomes more difficult to quickly test for visual issues in your UI framework. For a long time it was just Windows and Mac and a few browsers. Testing could be accomplished using two computers or an OS emulator. Then along...One of the more stellar recent features has been localized testing which allows you to run tests through your local development environment in their browser. The only thing I still find a bit hinky is trying to use the console to troubleshoot css issues on Windows. There is some lag and it can be difficult...To learn more about their services visit the website – Browserstack