UX Collective

FEBRUARY 8, 2023

There are tools on the internet — plugins, sites, extensions — that simulate visual impairments, such as color blindness and glaucoma. Chrome extension to simulate types of color blindness. Online validation websites Some sites like WebDev allow you to do a first test to validate your page’s code, at least in the first instance.

Production 126

Production Coding Color Patterns 126

Inkbot Design

JANUARY 25, 2024

Marcotte combined code samples for transitions with big visions for the user-first craft. CSS: The Missing Manual by David Sawyer McFarland In the world of coding manuals, the Missing Manual series from O'Reilly stands miles above the rest.

Web Design 61

Web Design Web Design Publication Patterns 61

UX Collective

AUGUST 20, 2022

It was all about code and how to implement it with UIKit or SwiftUI with plenty of great code blocks and examples, but as a designer, I had a few more questions: What do I need to give my engineers? fonts, colors, base components, and anything else needed for the brand. Looking online, I could only find engineering resources.

Fonts 72

Fonts Coding Layout Brand 72

Template Monster

DECEMBER 4, 2021

Shopify is a place where beginners can create products, manage inventory and share promotions to advertise their own project and take development lessons. You should not use the entire color palette and make a rainbow from the site. Her diverse selection of layout options, appearance and settings, win her all kinds of praise.

Theme 52

Theme Production Banners Client 52

Smashing Magazine Graphics

JULY 19, 2021

But often automated tests can be a pain to manage. Between an endless amount of code to make sure you’re providing full coverage and dealing with the fragile nature of front-end tests — where a simple selector change can completely break an end-to-end workflow — it can sometimes feel like an uphill battle. add-to-cart').click();

Coding 129

Coding Production Product Management Layout 129

Smashing Magazine Graphics

SEPTEMBER 7, 2021

With detailed code walkthroughs , hands-on examples and common gotchas — all broken down into short, manageable lessons. In a few words, they’re a way for developers to define the layout and style of elements depending on their container’s size. CSS Layout Debugging Tools. Customizing Colors. More after jump!

Coding 82

Coding Layout Theme Color 82

Inkbot Design

DECEMBER 14, 2023

It strips out any code that seems to gatecrash its rendering model (more on this later.) A clean hierarchy also demands a simple layout. Even a double-column layout is relatively easy to align with smaller viewports. Multi-column layouts may be complex for some email clients to handle. Gmail would be one such client.

Client 70

Client Fonts Templates Marketing 70

Template Monster

JANUARY 31, 2022

Or think about Spanx by Sara Blakely, initially a one-product business, which turned Sara into a self-made billionaire. Finally, don’t forget about Crocs that finally made it to the top with their colorful clogs. With a single product store, you can give your flagship product all the attention it deserves. Why almost?

Production 52

Production Theme Marketing Marketing 52

UX Collective

AUGUST 22, 2023

But here’s another layer of complexity: our stakeholders, ranging from product managers to CEOs, also bring their own palette of biases. The analogous colours serve as a coding system to represent different metrics and insights, simplifying the task of tracking the performance of Pinterest content for users.

Arts and Crafts 90

Arts and Crafts Brand Branding Self-employed 90

UX Collective

MARCH 21, 2023

However, the general layout, and specifically the reading experience, stayed largely the same between the 2004 update, and 2019, where this story begins. Sure they share a lot of code, use the same servers, and generally have the same interface. Unique challenges Prototype everything in code How do you get to a good design?

Production 128

Production Product Management Coding Publishing 128