Optimize CSS with the :is() Pseudo-Class Selector

When styling aspects of your website, it’s not unusual to need to target numerous similar items at once. Your code can get lengthy, repetitive and complex. Fortunately, the :is() pseudo-class selector introduced in the Selectors Level 4 specification can help simplify it. Using the :is() Selector Example 1 A common scenario where you can use…

Discover the Benefits of the Upcoming CSS :has() Selector

On December 20th, 2021, Safari Technology Preview 137 was released, adding unflagged support for the :has() selector. An unflagged feature doesn’t require the user to manually enable it themselves. The long-requested tool is most often thought of as a “parent selector” as its most commonly anticipated use case is to select a parent element that…

How to Communicate Clearly When Sharing Designs and Demos

As designers and developers, it’s common for us to create designs or demos to present for review. We’re supplied with information like the main objective, reasoning for the request, existing examples we might use as inspiration, and answers to questions we’ve asked. When it’s time to send that out for review, there are some do’s…