Design

It’s fine. I’m fine. I just like learning ok.

We can make puzzle pieces in CSS thanks to the amazing clip-path: shape(). Here, Amit takes it further by making a whole grid of them with matched edges and content inside.

David Bushell is very sick of the “scroll fade” effect. It’s the effect where, as you scroll down a page, elements slide into place. Often, all the elements. I agree it’s overplayed since it’s usually movement for the sake of it, not adding anything to the experience. It’s true that movement catches our eye, but […]

Exploring a Card component made hyper flexible though use of easily changeable custom properties, props, and slots.

Paul Smith made these Classic Mac OS System 1 Patterns, which are super tiny (in size) graphics that work with background-repeat to make old school “textures”. They have an awfully nostalgic look for me, but they are so simple I can see them being useful in modern designs as well.

When people complain about Photoshop or other various Adobe products and the subscription model they require (The Onion had a good one), people tend to reply with two options: But now, Affinity is free (and all the varieties combined into one app). You can thank the Canva acquisition for that. You might think that would […]

When you’ve got two buttons with two different looks (and no cursor), how do you know which one you’re about to activate? You’ll need to be careful with the design.

(Only Safari Technical Preview!)

Awfully cool `random()` is coming in CSS. The design possibilities are quite cool.

The web platform has a heaping helping of more design capability built into it than any design software does.