Archive: June, 2022

99

sparkline
                    5th                     10th                     15th                     20th                     25th                     30th
12am
4am      
8am                                      
12pm                                          
4pm                                
8pm            

map

Thursday, June 30th, 2022

Checked in at The Lord Nelson Inn. Session night — with Jessica map

Checked in at The Lord Nelson Inn. Session night — with Jessica

10 Years of Meteor

While I’ve always been bothered by the downsides of SPAs, I always thought the gap would be bridged sooner or later, and that performance concerns would eventually vanish thanks to things like code splitting, tree shaking, or SSR. But ten years later, many of these issues remain. Many SPA bundles are still bloated with too many dependencies, hydration is still slow, and content is still duplicated in memory on the client even if it already lives in the DOM.

Yet something might be changing: for whatever reason, it feels like people are finally starting to take note and ask why things have to be this way.

Interesting to see a decade-long perspective. I especially like how Sacha revisits and reasseses design principles from ten years ago:

  1. Data on the Wire. Don’t send HTML over the network. Send data and let the client decide how to render it.

Verdict: 👎

It’s since become apparent that you often do need to send HTML over the network, and things seem to be moving back towards handling as much as possible of your HTML compilation on the server, not on the client.

Negative

I no longer have Covid. I am released from isolation.

Alas, my negative diagnosis came too late for me to make it to UX London. But that’s okay—by the third and final day of the event, everything was running smooth like buttah! Had I shown up, I would’ve just got in the way. The Clearleft crew ran the event like a well-oiled machine.

I am in the coronaclear just in time to go away for a week. My original thinking was this would be my post-UX-London break to rest up for a while, but it turns out I’ve been getting plenty of rest during UX London.

I’m heading to the west coast of Ireland for The Willie Clancy Summer School, a trad music pilgrimage.

Jessica and I last went to Willie Week in 2019. We had a great time and I distinctly remember thinking “I’m definitely coming back next year!”

Well, a global pandemic put paid to that. The event ran online for the past two years. But now that it’s back for real, I wouldn’t miss it for the world.

My mandolin and I are bound for Miltown Malbay!

Wednesday, June 29th, 2022

Two books

I’ve mentioned before that I like to read a mixture of fiction of non-fiction. In fact, I try to alternate between the two. If I’ve just read some non-fiction, then I’ll follow it with a novel and I’ve just read some fiction, then I’ll follow it with some non-fiction.

But those categorisations can be slippery. I recently read two books that were ostensibly fiction but were strongly autobiographical and didn’t have the usual narrative structure of a novel.

Just to clarify, I’m not complaining! Quite the opposite. I enjoy the discomfort of not being able to pigeonhole a piece of writing so easily.

Also, both books were excellent.

The first one was A Ghost In The Throat by Doireann Ní Ghríofa. It’s sort of about the narrator’s obsessive quest to translate the Caoineadh Airt Uí Laoghaire. But it’s also about the translator’s life, which mirrors the author’s. And it’s about all life—life in its bodily, milky, bloody, crungey reality. The writing is astonishing, creating an earthy musky atmosphere. It feels vibrant and new but somehow ancient and eternal at the same time.

By contrast, No One Is Talking About This by Patricia Lockwood is rooted in technology. Reading the book feels like scrolling through Twitter, complete with nervous anxiety. Again, the narrator’s life mirrors that of the author, but this time the style has more of the arch detachment of the modern networked world.

It took me a little while at first, but then I settled into the book’s cadence and vibe. Then, once I felt like I had a handle on the kind of book I was reading, it began to subtly change. I won’t reveal how, because I want you to experience that change for yourself. It’s like a slow-building sucker punch.

When I started reading No One Is Talking About This, I thought it might end up being the kind of book where I would admire the writing, but it didn’t seem like a work that invited emotional connection.

I couldn’t have been more wrong. I can’t remember the last time a book had such an emotional impact on me. Maybe that’s because it so deliberately lowered my defences, but damn, when I finished reading the book, I was in pieces.

I’m still not quite sure how to classify A Ghost In The Throat or No One Is Talking About This but I don’t care. They’re both just great books.

Fun Parallax Scrolling CSS for Matterday

This is such a great clear explanation from Lynn on how to add some tasteful parallax depth to scrolling pages.

How we think about browsers | The GitHub Blog

JavaScript doesn’t get executed on very old browsers when native syntax for new language features is encountered. However, thanks to GitHub being built following the principle of progressive enhancement, users of older browsers still get to interact with basic features of GitHub, while users with more capable browsers get a faster experience.

That’s the way to do it!

Concepts like progressive enhancement allow us to deliver the best experience possible to the majority of customers, while delivering a useful experience to those using older browsers.

Read on for the nitty-gritty details…

Tuesday, June 28th, 2022

UX FOMO

Today is the first day of UX London 2022 …and I’m not there. Stoopid Covid.

I’m still testing positive although I’m almost certainly near the end of my infection. But I don’t want to take any chances. Much as I hate to miss out on UX London, I would hate passing this on even more. So my isolation continues.

Chris jumped in at the last minute to do the hosting duties—thanks, Chris!

From the buzz I’m seeing on Twitter, it sounds like everything is going just great without me, which is great to see. Still, I’m experiencing plenty of FOMO—even more than the usual levels of FOMO I’d have when there’s a great conference happening that I’m not at.

To be honest, nearly all of my work on UX London was completed before the event. My number one task was putting the line-up together, and I have to say, I think I nailed it.

If I were there to host the event, it would mostly be for selfish reasons. I’d get a real kick out of introducing each one of the superb speakers. I’d probably get very tedious, repeatedly saying “Oh, you’re going to love this next one!” followed by “Wasn’t that great‽”

But UX London isn’t about me. It’s about the inspiring talks and practical workshops.

I wish I were there to experience it in person but I can still bask in the glow of a job well done, hearing how much people are enjoying the event.

Monday, June 27th, 2022

SPAs: theory versus practice | Read the Tea Leaves

At the risk of grossly oversimplifying things, I propose that the core of the debate can be summed up by these truisms:

  1. The best SPA is better than the best MPA.
  2. The average SPA is worse than the average MPA.

Still the Same — Real Life

Everything old is new again:

In our current “information age,” or so the story goes, we suffer in new and unique ways.

But the idea that modern life, and particularly modern technology, harms as well as helps, is deeply embedded in Western culture: In fact, the Victorians diagnosed very similar problems in their own society.

On reading

On Tyranny by Timothy Snyder is a very short book. Most of the time, this is a feature, not a bug.

There are plenty of non-fiction books I’ve read that definitely could’ve been much, much shorter. Books that have a good sensible idea, but one that could’ve been written on the back of a napkin instead of being expanded into an arbitrarily long form.

In the world of fiction, there’s the short story. I guess the equivelent in the non-fiction world is the essay. But On Tyranny isn’t an essay. It’s got chapters. They’re just really, really short.

Sometimes that brevity means that nuance goes out the window. What might’ve been a subtle argument that required paragraphs of pros and cons in another book gets reduced to a single sentence here. Mostly that’s okay.

The premise of the book is that Trump’s America is comparable to Europe in the 1930s:

We are no wiser than the Europeans who saw democracy yield to fascism, Nazism, or communism. Our one advantage is that we might learn from their experience.

But in making the comparison, Synder goes all in. There’s very little accounting for the differences between the world of the early 20th century and the world of the early 21st century.

This becomes really apparent when it comes to technology. One piece of advice offered is:

Make an effort to separate yourself from the internet. Read books.

Wait. He’s not actually saying that words on screens are in some way inherently worse than words on paper, is he? Surely that’s just the nuance getting lost in the brevity, right?

Alas, no:

Staring at screens is perhaps unavoidable but the two-dimensional world makes little sense unless we can draw upon a mental armory that we have developed somewhere else. … So get screens out of your room and surround yourself with books.

I mean, I’m all for reading books. But books are about what’s in them, not what they’re made of. To value words on a page more than the same words on a screen is like judging a book by its cover; its judging a book by its atoms.

For a book that’s about defending liberty and progress, On Tyranny is puzzingly conservative at times.

Utopian project kickstarter — Figma

Do you like the ideas behind Utopia? Do you use Figma?

If the answer to both those questions is “yes”, then James has made a very handy Figma community file for you:

This work-in-progress is intended as a starting point for designers to start exploring the Utopia approach, thinking about type and space in fluid scales rather than device-based breakpoints.

In and Out of Style · Matthias Ott – User Experience Designer

Some thoughts—and kind words—prompted by my recent talk, In And Out Of Style.

Sunday, June 26th, 2022

What if it turns out that DALL·E2 is really a project to train humans how to write good descriptive alt text?

“Oh, you’d like an image? No problem. Describe it.”

Time passes…

“Here’s an image. Describe it.”

Saturday, June 25th, 2022

The Biggest Thing from WWDC 2022 - Webventures

Web Push on iOS will change the “we need to build a native app” decision.

I agree.

Push notifications are definitely not the sole reason to go native, but in my experience, it’s one of the first things clients ask for. They may very well be the thing that pushes your client over the edge and forces them, you and the entire project to accept the logic of the app store model.

Reading The Long Tomorrow by Leigh Brackett.

Buy this book

Friday, June 24th, 2022

Talking about style

I’ve published a transcription of the talk I gave at CSS Day:

In And Out Of Style.

The title is intended to have double meaning. The obvious reference is that CSS is about styling web pages. But the talk also covers some long-term trends looking at ideas that have appear, disappear, and reappear over time. Hence, style as in trends and fashion.

There are some hyperlinks in the transcript but I also published a list of links if you’re interested in diving deeper into some of the topics mentioned in the talk.

I also published the slides but, as usual, they don’t make much sense out of context. They’re on Noti.st too.

I made an audio recording for your huffduffing pleasure.

There are two videos of this talk. On Vimeo, there’s the version I pre-recorded for An Event Apart online. On YouTube, there’s the recording from CSS Day.

It’s kind of interesting to compare the two (well, interesting to me, anyway). The pre-recorded version feels like a documentary. The live version has more a different vibe and it obviously has more audience interaction. I think my style of delivery suits a live audience best.

I invite you to read, watch, or listen to In And Out Of Style, whichever you prefer.

Thursday, June 23rd, 2022

Replying to a tweet from @phloe_

I mean, “the line of command” sound pretty awesome actually!

Replying to a tweet from @simonw

Your challenge—should you choose to accept it—is to rewrite the documentation in such a way that the phrase is only ever used as an adjective or only ever used as a noun. 🙂

Replying to a tweet from @simonw

If used as an adjective, a hyphen helps disambiguate where to split the three words: “command-line tool.”

But used as a noun, a hyphen isn’t needed: “tool for the command line.”

Same with “front-end developer” and “the front end.”

Waitaminute… did Google deliberately ship support for the HTTP 103 status code in Chrome version 103? Or is this a numeroligical coincidence?

@PeteLe?

The Demo → Demo Loop - daverupert.com

I’m 100% convinced that working demo-to-demo is the secret formula to making successful creative products.

Wednesday, June 22nd, 2022

In And Out Of Style

A presentation from An Event Apart Spring Summit held online in April 2022 and the opening presentation at CSS Day held in Amsterdam in June 2022.

Replying to a tweet from @Amy_Hupe

Bar Casa Vallés in San Sebastian is where it was invented in the 1940s but it should be pretty much ubiquitous in most pintxo places.

Replying to a tweet from @Amy_Hupe

Yes!!!

Have you been having gildas too?

Guindilla + olive + anchovy = yum!

Tuesday, June 21st, 2022

A beautifully drawn colour illustration of a fox running past a gnarled old oak tree with badgers sheltering among its roots.

Listening to a pre-release of the new @WildernessYet album and it’s wonderfully witchy stuff!

Replying to a tweet from @kevinmarks

Try it now (I just gave the server a kick).

Bjørn Karmann › Occlusion Grotesque

A typeface co-designed with a tree over the course of five years.

Yes, a tree.

Occlusion Grotesque is an experimental typeface that is carved into the bark of a tree. As the tree grows, it deforms the letters and outputs new design variations, that are captured annually.

Replying to a tweet from @bramus

In practice I found it didn’t work too well—it was fine with the first build but then lumped subsequent builds into one slide.

Monday, June 20th, 2022

The Message Behind the Medium of a Personal Blog - Jim Nielsen’s Blog

  • Each voice is individual and matters
  • Slow is ok
  • Diversified and independent is good
  • Not fitting a pattern is ok
  • Not being easily commodified is ok

Just Put Stuff Out There · Matthias Ott – User Experience Designer

I’m honoured to mentioned in the same paragraph as Seth Godin and Chris Coyier (and I too have really been enjoying Chris’s writing).

Replying to a tweet from @stephband

I use the excellent abcjs library from @Rosen_Paul:

https://paulrosen.github.io/abcjs/

AddyOsmani.com - Software Engineering - The Soft Parts

Write about what you learn. It pushes you to understand topics better. Sometimes the gaps in your knowledge only become clear when you try explaining things to others. It’s OK if no one reads what you write. You get a lot out of just doing it for you.

Lots of good advice from Addy:

Saying no is better than overcommitting.

The cost of convenience — surma.dev

I believe that we haven’t figured out when and how to give a developer access to an abstraction or how to evaluate when an abstraction is worth using. Abstractions are usually designed for a set of specific use-cases. The problems, however, start when a developer wants to do something that the abstraction did not anticipate.

Smart thoughts from Surma on the design of libraries, frameworks, and other abstractions:

Abstractions that take work off of developers are valuable! Of course, they are. The problems only occur when a developer feels chained to the abstractions in a situation where they’d rather do something differently. The important part is to not force patterns onto them.

This really resonated with parts of my recent talk at CSS Day when I was talking about Sass and jQuery:

If you care about DX and the adoption of your abstraction, it is much more beneficial to let developers use as much of their existing skills as possible and introduce new concepts one at a time.

Positive

That event in Berlin last week was by far the largest gathering of humans I’ve been with in over two years. If I was going to finally succumb to the ’rona, this was likely to be the place and time.

Sure enough, on my last day in Berlin I had a bit of a scratchy throat. I remained masked for the rest of the day for the travel back to England. Once I was back home I immediately tested and …nothing.

I guess it was just a regular sore throat after all.

Over the weekend the sore throat was accompanied by some sniffles. Just your typical cold symptoms. But I decided to be prudent and test again yesterday.

This time a very clear result was revealed. It was Covid-19 after all.

Today I was supposed to be travelling to Lille on the Eurostar to speak at a private event. Instead I’m isolating at home. My symptoms are quite mild. I feel worse about letting down the event organisers.

Still, better to finally get the novel coronavirus now rather than later in the month. I would hate to miss UX London. But I’m confident I’ll be recovered and testing negative by then.

For now I’ll be taking it easy and letting those magnificent vaccines do their work.

Replying to a post on actsofvolition.com

The story I’ve heard is that the “second wife” referred to in the title is …his fiddle!

https://thesession.org/tunes/1892#comment342139

Sunday, June 19th, 2022

Replying to a tweet from @seldo

Same.

I blame you.

Cameron smiling in front of Brighton’s futuristic-looking i360, a moving torus on a tall steel tower. Cameron clutching his cutlery and grinning over an overloaded plate of Sunday roast in a very British pub.

Giving @TheManInBlue a whistle-stop tour of Brighton.

Backup

I’m standing on a huge stage in a giant hangar-like room already filled with at least a thousand people. More are arriving. I’m due to start speaking in a few minutes. But there’s a problem with my laptop. It connects to the external screen, then disconnects, then connects, then disconnects. The technicians are on the stage with me, quickly swapping out adaptors and cables as they try to figure out a fix.

This is a pretty standard stress dream for me. Except this wasn’t a dream. This was happening for real at the giant We Are Developers World Congress in Berlin last week.

In the run-up to the event, the organisers had sent out emails about providing my slide deck ahead of time so it could go on a shared machine. I understand why this makes life easier for the people running the event, but it can be a red flag for speakers. It’s never quite the same as presenting from your own laptop with its familiar layout of the presentation display in Keynote.

Fortunately the organisers also said that I could present from my own laptop if I wanted to so that’s what I opted for.

One week before the talk in Berlin I was in Amsterdam for CSS Day. During a break between talks I was catching up with Michelle. We ended up swapping conference horror stories around technical issues (prompted by some of our fellow speakers having issues with Keynote on the brand new M1 laptops).

Michelle told me about a situation where she was supposed to be presenting from her own laptop, but because of last-minute technical issues, all the talks were being transferred to a single computer via USB sticks.

“But the fonts!” I said. “Yes”, Michelle responded. Even though she had put the fonts on the USB stick, things got muddled in the rush. If you open the Keynote file before installing the fonts, Keynote will perform font substitution and then it’s too late. This is exactly what happened with Michelle’s code examples, messing them up.

“You know”, I said, “I was thinking about having a back-up version of my talks that’s made entirely out of images—export every slide as an image, then make a new deck by importing all those images.”

“I’ve done that”, said Michelle. “But there isn’t a quick way to do it.”

I was still thinking about our conversation when I was on the Eurostar train back to England. I had plenty of time to kill with spotty internet connectivity. And that huge Berlin event was less than a week away.

I opened up the Keynote file of the Berlin presentation. I selected File, Export to, Images.

Then I created a new blank deck ready for the painstaking work that Michelle had warned me about. I figured I’d have to drag in each image individually. The presentation had 89 slides.

But I thought it was worth trying a shortcut first. I selected all of the images in Finder. Then I dragged them over to the far left column in Keynote, the one that shows the thumbnails of all the slides.

It worked!

Each image was now its own slide. I selected all 89 slides and applied my standard transition: a one second dissolve.

That was pretty much it. I now had a version of my talk that had no fonts whatsoever.

If you’re going to try this, it works best if don’t have too many transitions within slides. Like, let’s say you’ve got three words that you introduce—by clicking—one by one. You could have one slide with all three words, each one with its own build effect. But the other option is to have three slides: each one like the previous slide but with one more word added. If you use that second technique, then the exporting and importing will work smoothly.

Oh, and if you have lots and lots of notes, you’ll have to manually copy them over. My notes tend to be fairly minimal—a few prompts and the occasional time check (notes that say “5 minutes” or “10 minutes” so I can guage how my pacing is going).

Back to that stage in Berlin. The clock is ticking. My laptop is misbehaving.

One of the other speakers who will be on later in the day was hoping to test his laptop too. It’s Håkon. His presentation includes in-browser demos that won’t work on a shared machine. But he doesn’t get a chance to test his laptop just yet—my little emergency has taken precedent.

“Luckily”, I tell him, “I’ve got a backup of my presentation that’s just images to avoid any font issues.” He points out the irony: we spent years battling against the practice of text-as-images on the web and now here we are using that technique once again.

My laptop continues to misbehave. It connects, it disconnects, connects, disconnects. We’re going to have to run the presentation from the house machine. I’m handed a USB stick. I put my images-only version of the talk on there. I’m handed a clicker (I can’t use my own clicker with the house machine). I’m quickly ushered backstage while the MC announces my talk, a few minutes behind schedule.

It works. It feels a little strange not being able to look at my own laptop, but the on-stage monitors have the presentation display including my notes. The unfamiliar clicker feels awkward but hopefully nobody notices. I deliver my talk and it seems to go over well.

I think I’ll be making image-only versions of all my talks from now on. Hopefully I won’t ever need them, but just knowing that the backup is there is reassuring.

Mind you, if you’re the kind of person who likes to fiddle with your slides right up until the moment of presenting, then this technique won’t be very useful for you. But for me, not being able to fiddle with my slides after a certain point is a feature, not a bug.

Replying to a tweet from @justingoboom

I don’t know about doing it purely with CSS, but here’s good advice on what ARIA to consider:

https://www.w3.org/WAI/ARIA/apg/patterns/accordion/

Or for the simplest use case, perhaps you could use the details element in HTML?

Saturday, June 18th, 2022

CSS Day 2022

I was in Amsterdam two weeks ago for CSS Day. It was glorious!

I mean, even without the conference it was just so nice to travel somewhere—by direct train, no less!—and spend some time in a beautiful European city enjoying the good weather.

And of course the conference was great too. I’ve been to CSS Day many times. I love it although technically it should be CSS days now—the conference runs for two days.

It’s an event that really treats CSS for what it is—a powerful language worthy of respect. Also, it has bitterballen.

This time I wasn’t just there as an attendee. I also had the pleasure of opening up the show. I gave a talk called In And Out Of Style, a look at the history—and alternative histories—of CSS.

The video is already online! I’ll get the talk transcribed and publish the text here soon. Meanwhile here’s a list of links to relevant material.

I really, really enjoyed giving this talk. It was so nice to be speaking to a room—or in this case, a church—with real people. I’m done giving talks to my screen. It’s just not the same. Giving this talk made me realise how much I need that feedback from the crowd—the laughs, the nods, maybe even the occasional lightbulb appearing over someone’s head.

As usual, my talk was broad and philosophical in nature. Big-picture pretentious talks are kind of my thing. In this case, I knew that I could safely brush over the details of all the exciting new CSS stuff I mentioned because other talks would be diving deep. And boy, did they ever dive deep!

It’s a cliché to use the adjective “inspiring” to describe a conference, but given all that’s happening in the world of CSS right now, it was almost inevitable that CSS Day would be very inspiring indeed this year. Cascade layers, scoped styles, container queries, custom properties, colour spaces, animation and much much more.

If anything, it was almost too much. If I had one minor quibble with the event it would be that seven talks in a day felt like one talk too many to my poor brain (I think that Marc gets the format just right with Beyond Tellerrand—two days of six talks each). But what a great complaint to have—that there was a glut of great talks!

They’ve already announced the dates for next year’s CSS Day(s): June 8th and 9th, 2023. I strongly suspect that I’ll be there.

Thank you very much to ppk, Krijn, Martijn, and everyone involved in making this year’s CSS Day so good!

Replying to a tweet from @rem

No, we’re like vampires—we have to be invited in.

Friday, June 17th, 2022

A group of musicians sitting in a circle playing on concertinas, fiddles and banjo.

Playing tunes at a house session.

Jeremy Keith | In And Out Of Style | CSS Day 2022 - YouTube

Here’s the video of my opening talk at this year’s CSS Day, which I thoroughly enjoyed!

It’s an exciting time for CSS! It feels like new features are being added every day. And yet, through it all, CSS has managed to remain an accessible language for anyone making websites. Is this an inevitable part of the design of CSS? Or has CSS been formed by chance? Let’s take a look at the history—and some alternative histories—of the World Wide Web to better understand where we are today. And then, let’s cast our gaze to the future!

In And Out Of Style | Jeremy Keith | CSS Day 2022

Reading The Biggest Bluff: How I Learned to Pay Attention, Master Myself, and Win by Maria Konnikova.

Buy this book

Thursday, June 16th, 2022

Replying to a tweet from @adactio

Sorry, wrong link. This is where I wrote about it:

https://adactio.com/journal/19080

Replying to a tweet from @meyerweb

Yes, I wrote about that here:

https://adactio.com/journal/19106

I’ve updated the script but for some reason the alt text doesn’t come through. I’m stumped!

Valentia Tereshkova in an orange jump suit wearing a helmet emblazoned with CCCP in front of a Soyuz capsule looks off to the side.

Happy Valentina’s Day to all who celebrate!

Wednesday, June 15th, 2022

Heard two good back-to-back talks from @Seldo and @Spolsky today …lots of grist for the blogging mill.

Checked in at Café am Neuen See. Strolling around the Tiergarten — with Jessica map

Checked in at Café am Neuen See. Strolling around the Tiergarten — with Jessica

A young woman dressed in black standing confidently by a podium with a laptop on it.

Watching @CarolStran rock the stage.

Tuesday, June 14th, 2022

Checked in at Bier's Mini 7. Currywurst — with Jessica map

Checked in at Bier’s Mini 7. Currywurst — with Jessica

A selfie with Jessica sitting outside in dappled sunlight by the tree-lined water having a large glass of beer.

Having a post-talk beer. 🍺

Checked in at Café am Neuen See. Biergarten im Tiergarten — with Jessica map

Checked in at Café am Neuen See. Biergarten im Tiergarten — with Jessica

Replying to a tweet from @meyerweb

Right‽

Myself and @WiumLie are currently at the same event and we were chatting earlier about this—the concept of “influence” in CSS still strikes me as very powerful …and empowering.

Replying to a tweet from @carolstran

Coffee sounds good—see you in the outside area?

Monday, June 13th, 2022

Replying to a tweet from @gesa

Wait …are you here‽

Checked in at Zum Patzenhofer. Nachtisch — with Jessica map

Checked in at Zum Patzenhofer. Nachtisch — with Jessica

Guten Abend, Berlin!

Guten Abend, Berlin!

Going to Berlin. brb

Sunday, June 12th, 2022

The collapse of complex software | Read the Tea Leaves

Even when each new layer of complexity starts to bring zero or even negative returns on investment, people continue trying to do what worked in the past. At some point, the morass they’ve built becomes so dysfunctional and unwieldy that the only solution is collapse: i.e., a rapid decrease in complexity, usually by abolishing the old system and starting from scratch.

A middle-aged woman playing fiddle in a pub. A young man perched on a stool playing fiddle while a young woman looks on from the bar. An elderly gent perched on a stool playing fiddle.

Fiddlers Roger, Rob, and Frances.

map

Checked in at The Bugle Inn. Sunday afternoon session

A woman with fabulously flamboyant headgear dances in front of a group of percussionists in matching blue and yellow outfits while little kids look on in fascination.

Sunday Samba street party in Hanover.

Checked in at The Greys. Sunday roast — with Jessica map

Checked in at The Greys. Sunday roast — with Jessica

Saturday, June 11th, 2022

I support @VicParsons_ and @FreddyMcConnell:

https://docs.google.com/document/d/1jG_nLylUKBC6Pxta4—VvksZaOQaQc1ecO15TMvGGyc/

(I had already cancelled my @Guardian account because of the article cited)

Checked in at Eurostar Terminal. Leaving Amsterdam — with Jessica map

Checked in at Eurostar Terminal. Leaving Amsterdam — with Jessica

A brown-furred chonky cat with a flat face sits relaxed on a cream-coloured carpet.

Checking out of the hotel and saying goodbye to the hotel cat.

Friday, June 10th, 2022

The moon above a canal. In the foreground bicycles are lined up on a canal bridge. A canal at night, the still waters reflecting the lights from the houses on each side. A row of tall thin houses painted black with white windowsills. Herring in bread with raw onion and pickles.

A nice day in Amsterdam.

Replying to a tweet from @TerribleMia

You were very much here in spirit—I quoted you in my talk and you got a shout-out in @MicheBarks’s talk too!

A glass of light brown beer on a table in foreground while someone cycles past over the canal in the background.

Beer on a bridge.

Jessica smiling, standing between two bicycles on a bridge over a canal as the sun sets in the background.

Strolling around the canals of Amsterdam at dusk.

Stephen standing on stage in front of a big slide showing a screenshot labelled Jeremy Keith’s Pattern Primer.

A blast from the past—my ancient “pattern primer” (a proto component library) in @StephenHay’s closing @CSSdayConf talk!

Replying to a tweet from @stubbornella

Wish you were here!

Michelle stands on stage, her arms held aloft in front of a big slide displaying a screenshot of the Utopia website.

Shoutout to utopia.fyi from @MicheBarks in her @CSSdayConf talk!

Thursday, June 9th, 2022

Rachel stands on stage in a smart-looking outfit in front of a big slide with some very old CSS on it.

Shoutout to @t’s box model hack from @RachelAndrew in her @CSSdayConf talk!

In the foreground a laptop on a stage shows a slide saying In And Out Of Style. In the background is a church full of people.

Getting ready to open @CSSdayConf 2022!

Wednesday, June 8th, 2022

A water-level view of one of Amsterdam’s tree-lined canals. A group of happy people socialising inside a boat.

Cruising the canals of Amsterdam with a bunch of CSS nerds.

Going to Amsterdam. brb

Tuesday, June 7th, 2022

Introducing Opportunities & Experiments: Taking the Guesswork out of Performance - WebPageTest Blog

WebPageTest just got even better! Now you can mimic the results of what would’ve previously required actually shipping, like adding third-party scripts, switching from a client-rendered to a server-rendered architecture and other changes that could potentially have a big effect on performance. Now you can run an experiment to get the results before actual implementation.

Patterns | APG | WAI | W3C

This is a terrific resource! A pattern library of interactive components: tabs, switches, dialogs, carousels …all the usual suspects.

Each component has an example implementation along with advice and a checklist for ensuring its accessible.

It’s so great to have these all gathered together in one place!

News from WWDC22: WebKit Features in Safari 16 Beta | WebKit

Good news and bad news…

The good news is that web notifications are coming to iOS—my number one wish!

The bad news is that it won’t happen until next year sometime.

Am I on the IndieWeb Yet? | Miriam Eric Suzanne

Miriam has a wishlist for scaling up the indie web approach:

What I would like to see is a tool that helps bring the entire system together in one place. Somewhere that non-technical people can:

  • build their own site, with support for feeds/mentions
  • see what feeds are available on other sites, and subscribe to them
  • easily respond to other sites, and see the resulting threads

(Oh, and by linking to this post, this should show up as a bookmark—I’m also testing Miriam’s webmention setup.)

Monday, June 6th, 2022

Reflections on Design Systems and Boundaries - Jim Nielsen’s Blog

Jim shares his thoughts on my recent post about declarative design systems. He picks up on the way I described a declarative design systems as “a predefined set of boundary conditions that can be used to generate components”:

I like this definition of a design system: a set of boundaries. It’s about saying “don’t go there” rather than “you can only go here”. This embraces the idea of constraints as the mother of invention: it opens the door to creativity while keeping things bounded.

Paper Prototype CSS

A stylesheet to imitate paper—perfect for low-fidelity prototypes that you want to test.

A young woman in a dress sitting outside a building in the sunshine with a button accordion in her hands.

I love this picture of my grandmother—my mother’s mother who passed away before I was born. She’d play button box and fiddle at the harvest dances.

Sunday, June 5th, 2022

A crowded table in a pub with people of all ages, a young woman playing fiddle and a young man playing button accordion.

Session in the Rob Roy.

map

Checked in at Rob Roy Bar. Sunday afternoon session and a pint of Murphys — with Jessica

Two fluffy Tibetan spaniels nuzzle one another while my mother looks on smiling in her armchair.

Snuggly.

The Cello and the Nightingales: How the World’s First Fake News United Humanity in Our First Collective Experience of Empathy for Nature – The Marginalian

Decades before fiber optic cable spanned the bottom of the ocean to link continents, the airborne voice of a spring songbird did.

Mario Popova writes of an interspecies broadcast:

Those were the early days of broadcasting and recorded music, when the technology was both too primitive and too expensive to make the joy of music as ambient as air; the days before we made our Faustian deal with the technocrats who made music cheap and musicians poor so that we could stream it anytime anywhere with no recompense or thought of the souls from which the stream pours.

The Art of Penguin Science Fiction

A century of sci-fi book covers.

Saturday, June 4th, 2022

The ‘Form’ Element Created the Modern Web. Was It a Big Mistake? | WIRED

Paul Ford:

The web was born to distribute information on computers, but the technology industry can never leave well enough alone. It needs to make everything into software. To the point that your internet browser is basically no longer a magical book of links but a virtual machine that can simulate a full-fledged computer.

Friday, June 3rd, 2022

Going to Cobh. brb

Wednesday, June 1st, 2022

Checked in at Jolly Brewer. Fiddletastic! 🎻🎶☘️ — with Jessica map

Checked in at Jolly Brewer. Fiddletastic! 🎻🎶☘️ — with Jessica

Replying to a tweet from @ambrwlsn90

“Dark Mode Toggles Should be a Browser Feature” by Bramus Van Damme:

https://www.bram.us/2022/05/25/dark-mode-toggles-should-be-a-browser-feature/

Replying to a tweet from @ambrwlsn90

“The balance has shifted away from SPAs” by Nolan Lawson:

https://nolanlawson.com/2022/05/21/the-balance-has-shifted-away-from-spas/

What the Vai Script Reveals About the Evolution of Writing - SAPIENS

How a writing system went from being a dream (literally) to a reality, codified in unicode.

Reading A Desolation Called Peace by Arkady Martine.

Buy this book

Letter in Support of Responsible Fintech Policy

A well-written evisceration of cryptobollocks signed by Bruce Scheier, Tim Bray, Molly White, Cory Doctorow, and more.

If you’re a concerned US computer scientist, technologist or developer, you’ve got till June 10th to add your signature before this is submitted to congress.