Best Practices, Page 2

When I started giving talks about SVG back in 2016, I'd occasionally hear a question I never had a great answer for: What if you have a lot of icons on a page?

Of all the things that the W3C has published, my favorite is the priority of constituencies. That’s quite a statement given the W3C published the standards that form the foundation of the web and, by extension, my career. But the priority of constituencies has always deeply resonated with me. What happens if we apply it to design systems?

By leveraging native browser controls, we can make accessible and high-performing components with just a dash of JavaScript.

My father-in-law loves the Olive Garden. So of course that's what we offered to bring for our first post-vaccination meal. I grabbed my iPad and passed it around to build an order. Everything went smoothly until I tried to checkout. The checkout button was off screen and impossible to hit. So I investigated why this was happening and took a guess at how much this bug might cost the Olive Garden’s owners.

It’s not just the “what” but it’s also the “who” that makes a PM successful and happy! Here are some of the qualities we exhibit to help our PMs – and keep them smiling. 😁

Colors on the web are confusing — but they don't have to be! The HSL format makes it easy for humans and computers to work with color.

For many designers, the process of finding one's place within a design system can be surprisingly tough.

CSS filters unlock powerful new opportunities for playing with color. By applying some color theory we can dynamically generate harmonious color combos and gradients. Let's sell some socks!

Our accessibility best practices have changed a lot in recent years, which we're reflecting in the next version of our design system.