BlogFlock

2019, I proposed an idea to help remove a ton of boilerplate code from CSS and HTML while also making stagger effects easier on authors. The proposal ended up being sibling-index() and sibling-count().

Fun news! You can try it in Canary today and I've got this little example…

It’s obnoxiously beautiful right now.

It’s a cracking, 10/10 stunner of a California sunset and it’s pouring in through the windows of this empty cafe as I click-clack on my infinite click-clack machine. It’s as if the whole world has become a kaleidoscope of West Coast reds and oranges just…

If WCAG 3 would adopt the word “view” instead of “web page”, the standard would be more useful in non-web contexts like native apps, documents and XR. Because many wish to understand how accessible such environments are, we should consider adopting a unit that isn’t “web page”. To me,…

To give View Transitions a perspective, either:

::view-transition-image-pair(--foo) {
  perspective: 500px;
}
/* or */
::view-transition-new(--foo) {
  transform: perspective(500px);
}

Hope this finds someone well.

Gradients are so fun, so complex, so powerful. I just can't get enough of messing with them.

Todays post was me wanting to create a kaleidoscope type effect using linear() easing with varied durations for hopefully infinite combinations.

Here's a spiffy preview of some of the combinations:

The demo…

There are many new places in CSS for naming. You can now quickly find yourself using the same name, which is unique, but it's unique in a context… and that's really hard to remember.

Here's a simple example:

@keyframes foo {}
@property --foo {}

.element {
  --foo: bar;

Need a rad way to learn CSS anchor?

Look no further than anchoreum.com!

39 today, wheeee…

I’ve been tinkering with an iOS app for the last month or so. It’s exciting stuff! Working in Swift and moving away from the web has made my work feel all new and fresh, with so many things to learn. The project codename is Trot (for now!) and here’s some…

Recently I had the experience of migrating a Vue web app to a new state management library, Pinia, which was interesting from both a technical and non-technical point of view. In this article for Piccalilli I’ll share my thoughts and findings on when, why and how you might consider carrying…