SVG to shape()

By Chris Coyier on

We’ve been trying to make the point around here that the new shape() in CSS is awesome. It’s the powerful <path> in SVG ported to CSS so it can use actual units. It’s probably how path() should have ported to begin with, but c’est la vie. I’ll make the point in this demo. Resize those […]

Reading flow ships in Chrome 137

By Chris Coyier on

Rachel Andrew notes an excellent new feature of CSS that Chrome is dropping first: reading-flow and reading-order. There are CSS features that can move elements to places that make what the tabbing order (thus “reading order”) super different than what the visual order of the elements is. This can be an awkward jumpy-aroundy experience and […]

Initial Letter with Emoji

By Chris Coyier on

In some random playing around, I saw that the ::first-letter pseudo-element is happy to match an emoji. And then initial-letter is happy to bump it up in size which feels like an easy way to make a kinda fun looking list that would survive syndication and such. Firefox doesn’t support initial-letter but whatever, it’s easily […]

$839,000

Frontend Masters donates to open source projects through thanks.dev and Open Collective, as well as donates to non-profits like The Last Mile, Annie Canons, and Vets Who Code.