Nested Media Queries

Using media queries in CSS as part of responsive websites is bread and butter stuff to todays front-end developer. Using preprocessors to make them more comfortable to write and easier to maintain has become common practice as well. I spent a few months experimenting with a dozen different approach..

Recreating Game Elements for the Web: The Among Us Card Swipe

As a web developer, I pay close attention to the design of video games. From the HUD in Overwatch to the catch screen in Pokemon Go to hunting in Oregon Trail, games often have interesting mechanics and satisfying interactions, many of which inspire my own coding games at Codepip. Beyond that, impl..

5 Web Design Trends and Ideas for 2021

One of the few bright spots in 2020 has been the creativity companies and individuals alike have exhibited in dealing with what, at times, seemed to be overwhelming problems. The world of web design was no different. Designers and agencies had to adapt and implement new color schemes or design new ..

Defining your design system and content system rules

Let your design community shape and strengthen your systems.Getting the design and content teams in your company engaged in your design system is key to its success. Here’s a framework that helps you get your design community onboard early, when you and your team are defining the system and its stan..

Social media for the people

How elected officials can better communicate with all of their constituents online Continue reading on UX Collective »

Always Use “Buttons” for Size Selection (28% of Desktop Sites Don’t)

(Note: Unfortunately, e-mail and RSS don’t support advanced layouts and features. If the graphics in this article look strange, you may want to read the article in your web browser.) Size is one of the most common variations for users to select before purchasing a wide variety of different product types, from apparel to beauty to hardware; all of the sites in our UX benchmark of the top-60 e-commerce sites have different size options for at least some of their products. During our large-scale UX testing, we observed that, when presented as a drop-down menu, users during testing were prone to overlook the size selector entirely. Additionally, when they did activate the menu, they were often surprised or disappointed by the sizes available. Despite the issues demonstrated by drop-down size selectors, 28% of desktop benchmark sites that sell many products with size variations continue to use them. In practice, some users who overlook the size selector risk triggering an avoidable err..

A hill to die on

When do we stand up in a design review, present our case, and say “this is a hill I’m willing to die on”?Photo by Mike Erskine on UnsplashI love to talk about designing with constraints. So much of the life of a UX professional is evaluating and compromising technical limitations, time limitations, ..

The 12 Best Photoshop Actions for Creating 3D Effects

When creating a new digital art project, it’s vital to have the right tools on hand to complete the job. Sometimes, that means software. Other times, that means specific tools within said software. And if you’re looking to create 3D effects in your work, Photoshop actions might just be the thing you..

10 Things Designers Can Learn From Pastry Chefs

I have a confession to make. I’m not actually a pastry chef. But I did work in a professional kitchen once upon a time, and baking is one of my favorite hobbies. I just love the awesome sights, sounds, and smells of a kitchen full of baking goods. The brilliant red of cherry pie filling, the magical..