Chris Coyier
Stacked Transforms
A look at what happens when you add a whole list of transforms to an element, and how that interacts with `animation-composition`.
How JavaScript’s at() method makes array indexing easier
A little reminder from Matt Smith that getting the last item in an Array is easier now:
Deploy a Site with a Build Process & a Custom Domain Name
The last part of this series is taking our site that we’ve got in GitHub and addng an Astro build process to it, then mapping a domain we own to the Netlify-hosted site.
Promises From The Ground Up
Josh Comeau does a great job with beginner-friendly explanations of important concepts, and Promises From The Ground Up is no exception. In a nutshell, we have Promises because we need callbacks. We need callbacks because JavaScript is single-threaded and can’t wait around for things. And so we dance. These days, you’ll see more async and […]
View Transition List Reordering (with a Kick Flip)
It’s pretty straightforward to animate list items into new positions, but there is a few tricks when the specific one you’ve chosen to move needs a *different* transition.
blur(1px) blur(1px)
I know that you can “chain” the CSS property filter, like: All three of those filters will apply. But somehow I never thought about applying the same filter more than once. That also works, and they don’t override each other, they “stack” (or whatever you want to call it). So here’s some useless bar trivia […]
:heading
Hot off the presses! Firefox Nightly adds the new :heading pseudo! Easily style all headings, or use nth-child-like AnB syntax to select a range of headings! Needs layout.css.heading-selector.enabled flag enabled. Keith Cirkel Demo.
CSS Gap Decorations
Microsoft is working on “gap decorations” and have put together a nice playground to explore them, and I had a play. The idea is drawing lines where gaps would be, rather than empty space. It’s really quite well done with lots of control (do they hit the edges or stop short? do they overlap or […]
Custom Select (that comes up from the bottom on mobile)
You’ve got A LOT of control over the design of select menus now, and it can be done as a progressive enhancement.