Archive: November, 2022

136

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

map

Wednesday, November 30th, 2022

Checked in at Jolly Brewer. Monday night session šŸŽ¶ā˜˜ļøšŸŽ» ā€” with Jessica map

Checked in at Jolly Brewer. Monday night session šŸŽ¶ā˜˜ļøšŸŽ» ā€” with Jessica

Replying to @cdevroe on mastodon.social

Oh, my notes have always worked like that. Different to my blog.

Replying to @rem@front-end.social on mastodon.social

Thatā€™s got to be your new profile pic.

Replying to @cdevroe on mastodon.social

The canonical URLs you mean? I only add them to the syndicated versions (they donā€™t appear in the original note on my own site). I started adding them when Twitter changed its character limit from 140 to 280 characters.

Had coffee and a good chat with a talented young UX/UI designer who recently moved to Lewes from Ukraine:

https://www.linkedin.com/in/anaida-bademian/

If you know of a UK-based opening for a junior role, let her know!

Tuesday, November 29th, 2022

UX London 2023

I am very excited to announce that UX London will be back in 2023!

Weā€™re returning to Tobacco Dock. Save the dates: June 22nd and 23rd.

Wait ā€¦thatā€™s only two days. Previously UX London was a three-day event and you could either go for all three days or get a ticket for just one day.

Well, thatā€™s changing. UX London 2023 will be condensed into a two-day event. You get a ticket for both days and everyone shares the experience.

Iā€™m very excited about this! Iā€™m planning to make some other tweaks to the format, but the basic structure of each day remains roughly the same: inspirational talks in the morning followed by hands-on workshops in the afternoon.

As for the whoā€™ll be giving those talks and running those workshops ā€¦well, thatā€™s what Iā€™m currently putting together. For the second year in row, Iā€™m curating the line-up. Itā€™s excitingā€”like a planning a heist, assembling a team of supersmart people with specialised skillsets.

I canā€™t wait to reveal more. For now though, you can trust me when I say that the line-up is going to be stellar.

If you do trust me, you can get your super early-bird ticket, youā€™ve got until this Friday, December 2nd.

The super early-bird tickets are an absolute steal at Ā£695 plus VAT. After Friday, youā€™ll be able to get early-bird tickets for the more reasonable price of Ā£995 plus VAT.

Keep an eye on the UX London website for speaker announcements. Iā€™ll also be revealing those updates here too because, as you can probably tell, Iā€™m positively gleeful about UX London 2023.

See you there!

Monday, November 28th, 2022

Designing a Utopian layout grid: Working with fluid responsive values in a static design tool. | Utopia

James describes his process for designing fluid grid layouts, which very much involves working with the grain of the web but against the grain of our design tools:

In 2022 our design tools are still based around fixed-size artboards, while weā€™re trying to design products which scale gracefully to suit any screen.

jwz: PSA: Do Not Use Services That Hate The Internet

If youā€™re thinking of signing up to Hive or Post:

If posts in a social media app do not have URLs that can be linked to and viewed in an unauthenticated browser, or if there is no way to make a new post from a browser, then that program is not a part of the World Wide Web in any meaningful way.

Consign that app to oblivion.

Sunday, November 27th, 2022

map

Checked in at The Bugle Inn. Sunday afternoon session šŸŽ»šŸŽ¶ ā€” with Jessica

ongoing by Tim Bray Ā· Bye, Twitter

I donā€™t like making unpaid contributions to a for-profit publisher whose proprietor is an alt-right troll.

Same.

I can see no good arguments for redirecting my voice into anyone elseā€™s for-profit venture-funded algorithm-driven engagement-maximizing wet dream.

Mastodon is a gateway | Andy Bell

Iā€™ve been very guilty of putting all my eggs in the Twitter basket over the last couple of years, especially, and all of that has been destroyed by one bellend billionaire. Iā€™m determined not to make that mistake again and even more determined to make my little home on the internetā€”this websiteā€”as lovely and sustainable as I can make it.

Replying to @markboulton@typo.social on mastodon.social

You might enjoy the short, snappy, and witty Murderbot Diaries from Martha Wells:

https://uk.bookshop.org/a/980/9780765397539

Replying to @simevidas on mastodon.social

Whoops! Sorry about thatā€”should be fixed now. Thanks for the heads-up!

Saturday, November 26th, 2022

How to Weave the Artisan Web | Whatever

Wouldnā€™t it be nice to have a site thatā€™s not run by an amoral billionaire chaos engine, or algorithmically designed to keep you doomscrolling in a state of fear and anger, or is essentially spyware for governments and/or corporations? Wouldnā€™t it be nice not to have ads shoved in your face every time you open an app to see what your friends are up to? Wouldnā€™t it be nice to know that when your friends post something, youā€™ll actually see it without a social media platform deciding whether to shove it down your feed and pump that feed full of stuff you didnā€™t ask for?

Wouldnā€™t that be great?

Replying to @gilest@mastodon.me.uk on mastodon.social

Iā€™m so sorry, Giles. šŸ’”

Friday, November 25th, 2022

Checked in at The Winding Stair. Stopping for lunch in Dublin before flying home ā€” with Jessica map

Checked in at The Winding Stair. Stopping for lunch in Dublin before flying home ā€” with Jessica

Replying to @spitchell on indieweb.social

Whoops! Pardon meā€”all fixed now; thanks for the heads-up!

No To Spy Pixels

Almost no-one has given informed constent to being tracked through spy pixels in emails, and yet the practice is endemic. This is wrong. It needs to change.

Tweaking navigation sizing

Gerry talks about ā€œtop tasksā€ a lot. He literally wrote the book on it:

Top tasks are what matter most to your customers.

Seems pretty obvious, right? But itā€™s actually pretty rare to see top tasks presented any differently than other options.

Look at the global navigation on most websites. Typically all the options are given equal prominence. Even the semantics under the hood often reflect this egalitarian ideal, with each list in an unordered list. All the navigation options are equal, but I bet that the reality for most websites is that some navigation options are more equal than others.

Iā€™ve been guilty of this on The Session. The site-wide navigation shows a number of options: tunes, events, discussions, etc. Each one is given equal prominence, but I can tell you without even looking at my server logs that 90% of the traffic goes to the tunes sectionā€”thatā€™s the beating heart of The Session. Thatā€™s why the home page has a search form that defaults to searching for tunes.

I wanted the navigation to reflect the reality of what people are coming to the site for. I decided to make the link to the tunes section more prominent by bumping up the font size a bit.

I was worried about how weird this might look; weā€™re so used to seeing all navigation items presented equally. But I think it worked out okay (though it might take a bit of getting used to if youā€™re accustomed to the previous styling). It helps that ā€œtunesā€ is a nice short word, so bumping up the font size on that word doesnā€™t jostle everything else around.

I think this adjustment is working well for this situation where thereā€™s one very clear tippy-top task. I wouldnā€™t want to apply it across the board, making every item in the navigation proportionally bigger or smaller depending on how often itā€™s used. That would end up looking like a ransom note.

But giving one single item prominence like this tweaks the visual hierarchy just enough to favour the option thatā€™s most likely to be what a visitor wants.

That last bit is crucial. The visual adjustment reflects what visitors want, not what I want. You could adjust the size of a navigation option that you want to drive traffic to, but in the long run, all youā€™re going to do is train people to trust your design less.

You donā€™t get to decide what your top task is. The visitors to your website do. Trying to foist an arbitrary option on them would be the tail wagging the dog.

Anway, Iā€™m feeling a lot better about the site-wide navigation on The Session now that it reflects reality a little bit more. Heck, I may even bump that font size up a little more.

Thursday, November 24th, 2022

Replying to @seajeb on mastodon.social

You gonna go straight for the cranberries?

A moody atmospheric empty stage and dance floor with chairs and musical instruments shrouded in an artificial mist.

The stage is set ā€¦for MĆ”m!

https://teacdamsa.com/production/mam/

Checked in at Tigh CĆ³ilĆ­. Mary Shannon on banjo! šŸŽ»šŸŖ•šŸŽ» ā€” with Jessica map

Checked in at Tigh CĆ³ilĆ­. Mary Shannon on banjo! šŸŽ»šŸŖ•šŸŽ» ā€” with Jessica

A full pint of Guinness looks in the foreground of a table with a platter of oysters.

Oysters and Guinness in Tigh Neachtain.

Checked in at Tigh Neachtain. Sitting in a snug ā€” with Jessica map

Checked in at Tigh Neachtain. Sitting in a snug ā€” with Jessica

A beautiful colourful arrangement of sliced salmon, tuna, mackerel and scallop with seaweed on dark slate.

Delicious Irish sashimi.

Wednesday, November 23rd, 2022

Checked in at Tigh CĆ³ilĆ­. Listening to my favourite mandolin player everā€”Declan Coreyā€”playing in a cracking session! šŸŽ¶ ā€” with Jessica map

Checked in at Tigh CĆ³ilĆ­. Listening to my favourite mandolin player everā€”Declan Coreyā€”playing in a cracking session! šŸŽ¶ ā€” with Jessica

Checked in at The Crane Bar. Post-dinner session šŸŽ¶ ā€” with Jessica map

Checked in at The Crane Bar. Post-dinner session šŸŽ¶ ā€” with Jessica

Checked in at Taaffes. A pint and some tunes šŸŽ¶ ā€” with Jessica map

Checked in at Taaffes. A pint and some tunes šŸŽ¶ ā€” with Jessica

An Interactive Guide to Flexbox in CSS

This is a superb explanation of flexboxā€”the interactive widgets sprinkled throughout are such a great aid to learning!

ooh.directory

A directory of blogs, all nicely categorised:

ooh.directory is a place to find good blogs that interest you.

Phil gave me a sneak peek at this when he was putting it together and asked me what I thought of it. My response was basically ā€œThis is great!ā€

And of course you can suggest a site to add to the directory.

ā€œYou can be a carpenter this time around.ā€ ā€“ Lucy Bellwood

A personal website is a lovely thing. Nobody will buy this platform and use it as their personal plaything. No advertisers will boycott and send me scrambling to produce different content. No seed funding will run out overnight.

Jessica sitting in a window seat. Outside is green countryside under a darkening sky.

Heading into the west, taking the train from Dublin to Galway.

Going to Galway. brb

Tuesday, November 22nd, 2022

It takes one person to knock down a silo - daverupert.com

Pour a foundation for your own silo or home.

If any of my fellow #mastodaoine play trad music, you can now get updates from https://thesession.org by following @thesession@mastodon.ie

https://mastodon.ie/@thesession

Replying to @muratcorlu@mastodon.cloud on mastodon.social

Ironically, Matt mentioned it on Twitter in a reply to @seldo@mastodon.social ā€¦who isnā€™t on Twitter any more.

https://twitter.com/photomatt/status/1594577983028740096

Monday, November 21st, 2022

Checked in at Dover Castle. Monday night session šŸŽ¶šŸŽ» ā€” with Jessica map

Checked in at Dover Castle. Monday night session šŸŽ¶šŸŽ» ā€” with Jessica

COLOR anything | colouring pages of absolutely anything for kids or grown ups

This is a genuinely lovely use of machine learning models: provide a prompt for an illustration to print out and colour in.

Mike explains his motivation for building this:

My sonā€™s super into colouring at the moment and Iā€™ve been struggling to find new stuff for him.

Portability

Exactly sixteen years ago on this day, I wrote about Twitter, a service I had been using for a few weeks. I documented how confusing yet compelling it was.

Twitter grew and grew after that. But at some point, it began to feel more like it was shrinking, shrivelling into a husk of its former self.

Just over ten years ago, there was a battle for the soul of Twitter from within. One camp wanted it to become an interoperable protocol, like email. The other camp wanted it to be a content farm, monetised by advertisers. Thatā€™s the vision that won. They declared war on the third-party developers who had helped grow Twitter in the first place, and cracked down on anything that didnā€™t foster e N g A g E m E n T.

The muskofication of Twitter is the nail in the coffin. In the tradition of all scandals since Watergate, I propose we refer to the shocking recent events at Twitter as Elongate.

Post-Elongate Twitter will limp on, Iā€™m sure, but it can never be the fun place it once was. The incentives just arenā€™t there. As Bastian wrote:

Twitter was once an amplifier for brilliant ideas, for positivity, for change, for a better future. Many didnā€™t understand the power it had as a communication platform. But that power turned against the exact same people who needed this platform so urgently. Itā€™s now a waste of time and energy at best and a threat to progress and society at worst.

I donā€™t foresee myself syndicating my notes to Twitter any more. Iā€™ve removed the site from my browserā€™s bookmarks. Iā€™ve removed it from my phoneā€™s home screen too.

As someone whoā€™s been verified on Twitter for years, with over 140,000 followers, it should probably feel like a bigger deal than it does. I echo Robinā€™s observation:

The speed with which Twitter recedes in your mind will shock you. Like a demon from a folktale, the kind that only gains power when you invite it into your home, the platform melts like mist when that invitation is rescinded.

Meanwhile, Mastodon is proving to be thoroughly enjoyable. Some parts are still rough around the edges, but compared to Twitter in 2006, itā€™s positively polished.

Interestingly, the biggest complaint that I and my friends had about Twitter all those years ago wasnā€™t about Twitter per se, but about lock-in:

Twitter is yet another social network where we have to go and manually add all the same friends from every other social network.

Thatā€™s the very thing that sets the fediverse apart: the ability to move from one service to another and bring your social network with you. Now Matt is promising to add ActivityPub to Tumblr. That future we wanted sixteen years ago might finally be arriving.

Harnessing groupthink: fine-tuning CSS specifications | Clearleft

In order to thoroughly attend to every pertinent aspect of the spec, fantasai asked us each to read one sentence aloud to the group. At which point we were all asked whether we thought the sentence made sense, and to speak up if we didnā€™t understand any of it or if it wasnā€™t clear.

Rich documents the excellent and fascinating process used in a recent W3C workshop (though what he describes is the very opposite of groupthink, so donā€™t let the title mislead you):

Iā€™d never come across the person-by-person, sentence-by-sentence approach before. I found it particularly effective as a way of engaging a group of people, ensuring collective understanding, and gathering structured feedback on a shared document.

TƔim ar an teilifƭs!

Blink and youā€™ll miss me and my mandolin at 1:01 and 35:21 (with some subsequent audience shots at the banjo recital) from Scoil Samhraidh Willie Clancy:

https://www.tg4.ie/ga/player/seinn/?pid=6315816768112

Reading The Galaxy, and the Ground Within by Becky Chambers.

Buy this book

Why you should never use px to set font-size in CSS - Josh Collinsworth blog

Reminder:

em and rem work with the userā€™s font size; px completely overrides it.

Replying to @jgarber@mastodon.cc on mastodon.social

That reminds me: time for me to remove the Twitter metacrap from my website (in much the same way that Iā€™m removing Twitter from my life).

Replying to @jonoabroad@mastodon.nz on mastodon.social

Yes, Huffduffer is still ticking away nicely:

https://huffduffer.com/

Hereā€™s the audio that Iā€™ve been huffduffing:

https://huffduffer.com/adactio

Sunday, November 20th, 2022

map

Checked in at The Bugle Inn. Made it back to Brighton in time for a session šŸŽ¶šŸŽ»

Saturday, November 19th, 2022

map

Checked in at British Airways Galleries Club Lounge / First Lounge. Transiting through Philly ā€” with Jessica

Palm trees against a tropical sky, like opening shot of Apocalypse Now. A wooden house at the edge of a swamp at sunset. Jessica on a pink bike on a sandy beach, wrapped up warm. A rickety pier on the water on a clear day with shrimp boats moored in the background.

Bidding farewell to Florida.

My experience at Modern Frontends Live | hidde.blog

I appreciate Hiddeā€™s reluctance to participate in anything that looks like a pile-on, but in this case, itā€™s important to call out the bad behaviour so it doesnā€™t happen again.

The specific issues Iā€™ve put in this post cross the line between honest mistakes and bad behaviour. They cross the line, because they consistute fraud (the livestream) and because they impact attendees, sponsors and speakers. The front-end community doesnā€™t deserve this, and Iā€™m worried for people new to the industry, who get may assume this is normal or ok. Itā€™s not normal.

If you ask me, the construction of a highway to the danger zone was an extravagant waste of taxpayer money in the first place.

Octavia Butlerā€™s Science Fiction Predicted the World We Live In - The New York Times

A profile of the life and work of the brilliant Octavia E. Butler.

Friday, November 18th, 2022

Remix and the Alternate Timeline of Web Development - Jim Nielsenā€™s Blog

It sounds like Remix takes a sensible approach to progressive enhancement.

Modern Frontends

More on that shitshow of an event that Jo wrote about, this time from Cassie.

That fediverse feeling

Right now, Twitter feels like Dunkirk beach in May 1940. And look, here comes a plucky armada of web servers running Mastodon instances!

Others have written some guides to getting started on Mastodon:

There are also tools like Twitodon to help you migrate from Twitter to Mastodon.

Getting on board isnā€™t completely frictionless. Understanding how Mastodon works can be confusing. But then again, so was Twitter fifteen years ago.

Right now, many Mastodon instances are struggling with the influx of new sign-ups. But this is temporary. And actually, itā€™s also very reminiscent of the early unreliable days of Twitter.

I donā€™t want to go into the technical details of Mastodon and the fediverseā€”even though those details are fascinating and impressive. What Iā€™m really struck by is the vibe.

In a nutshell, Iā€™m loving it! It feels ā€¦nice.

I was fully expecting Mastodon to be full of meta-discussions about Mastodon, but in the past few weeks Iā€™ve enjoyed people posting about stone circles, astronomy, andā€”obviouslyā€”cats and dogs.

The process of finding people to follow has been slow, but in a good way. Iā€™ve enjoyed seeking people out. Itā€™s been easier to find the techy folks, but Iā€™ve also been finding scientists, journalists, and artists.

On the one hand, the niceness of the experience isnā€™t down to technical architecture; itā€™s all about the social norms. On the other hand, those social norms are very much directed by technical decisions. The folks working on the fediverse for the past few years have made very thoughtful design decisions to amplify niceness and discourage nastiness. Itā€™s all very gratifying to experience!

Personally, Iā€™m posting to Mastodon via my own website. As much as Iā€™m really enjoying Mastodon, I still firmly believe that nothing beats having control of your own content on your domain.

But I also totally get that not everyone has the same set of priorities as me. And frankly, itā€™s unrealistic to expect everyone to have their own domain name.

Itā€™s like thereā€™s a spectrum of ownership. On one end, thereā€™s publishing on your own website. On the other end, thereā€™s publishing on silos like Twitter, Facebook, Medium, Instagram, and MySpace.

Publishing on Mastodon feels much closer to the website end of the spectrum than it does to the silo end of the spectrum. If something bad happens to the Mastodon instance youā€™re on, you can up and move to a different instance, taking your social graph with you.

In a way, itā€™s like delegating domain ownership to someone you trust. If you donā€™t have the time, energy, resources, or interest in having your own domain, but you trust someone whoā€™s running a Mastodon instance, itā€™s the next best thing to publishing on your own website.

Simon described it well when he said Mastodon is just blogs:

A Mastodon server (often called an instance) is just a shared blog host. Kind of like putting your personal blog in a folder on a domain on shared hosting with some of your friends.

Want to go it alone? You can do that: run your own dedicated Mastodon instance on your own domain.

And rather than compare Mastodon to Twitter, Simon makes a comparison with RSS:

Do you still miss Google Reader, almost a decade after it was shut down? Itā€™s back!

A Mastodon server is a feed reader, shared by everyone who uses that server.

Lots of other folks are feeling the same excitement in the air that Iā€™m getting:

Bastian wrote:

Real conversations. Real people. Interesting content. A feeling of a warm welcoming group. No algorithm to mess around with our timelines. No troll army to destory every tiny bit of peace. Yes, Mastodon is rough around the edges. Many parts are not intuitive. But this roughness somehow added to the positive experience for me.

This could really work!

Brent Simmons wrote:

The web is wide open again, for the first time in what feels like forever.

I concur! Though, like Paul, I love not being beholden to either Twitter or Mastodon:

I love not feeling bound to any particular social network. This website, my website, is the one true home for all the stuff Iā€™ve felt compelled to write down or point a camera at over the years. When a social network disappears, goes out of fashion or becomes inhospitable, I can happily move on with little anguish.

But like I said, I donā€™t expect everyone to have the time, means, or inclination to do that. Mastodon definitely feels like it shares the same indie web spirit though.

Personally, I recommend experiencing Mastodon through the website rather than a native app. Mastodon instances are progressive web apps so you can add them to your phoneā€™s home screen.

You can find me on Mastodon as @adactio@mastodon.social

Iā€™m not too bothered about what instance Iā€™m on. It really only makes a difference to my local timeline. And if I do end up finding an instance I prefer, then I know that migrating will be quite straightforward, by design. Perhaps I should be on an instance with a focus on front-end development or the indie web. I still havenā€™t found much of an Irish traditional music community on the fediverse. Iā€™m wondering if maybe I should start a Mastodon instance for that.

While Iā€™m a citizen of mastodon.social, Iā€™m doing my bit by chipping in some money to support it: sponsorship levels on Patreon start at just $1 a month. And while I canā€™t offer much technical assistance, I opened my first Mastodon pull request with a suggested improvement for the documentation.

Iā€™m really impressed with the quality of the software. It isnā€™t perfect but considering that itā€™s an open source project, itā€™s better than most VC-backed services with more and better-paid staff. As Giles said, comparing it to Twitter:

Iā€™m using Mastodon now and itā€™s not the same, but itā€™s not shit either. Itā€™s different. It takes a bit of adjustment. And Iā€™m enjoying it.

Most of all, I love, love, love that Mastodon demonstrates that things can be different. For too long weā€™ve been told that behavioural advertising was an intrinsic part of being online, that social networks must inevitably be monolithic centralised beasts, that we have to relinquish control to corporations in order to be online. The fediverse is showing us a better way. And this isnā€™t just a proof of concept either. Itā€™s here now. Itā€™s here to stay, if you want it.

My experience of Modern Frontends Conference - DEV Community šŸ‘©ā€šŸ’»šŸ‘Øā€šŸ’»

Iā€™ve heard from multiple people about how much of a shitshow this event was. Worth remembering in case they try to pull the same shit again.

The lost thread

The speed with which Twitter recedes in your mind will shock you. Like a demon from a folktale, the kind that only gains power when you invite it into your home, the platform melts like mist when that invitation is rescinded.

Thursday, November 17th, 2022

You donā€™t need HTML!

View source on this bit of tongue-in-cheek fun from Terence.

Replying to a post on aaronparecki.com

Oh, interesting!

Syndicating to Mastodon

Iā€™ve been contemplating a checkbox. The label for this checkbox reads:

This is a bot account

Let me back upā€¦

In what seems like decades ago, but was in fact just a few weeks, Elon Musk bought Twitter and began burning it to the ground. His admirers insist heā€™s playing some form of four-dimensional chess, but to the rest of us, his actions are indistinguishable from a spoilt rich kid not understanding what a social network is.

It wasnā€™t giving me much cause for anguish personally. For the past eight years, Iā€™ve only used Twitter as a syndication endpoint for my own notes. But I understand thatā€™s a very privileged position to be in. Most people on Twitter donā€™t have the same luxury of independence. Itā€™s genuinely maddening and saddening to see their years of sharing destroyed by one cruel idiot.

Lots of people started moving to Mastodon. I figured I should do the same for my syndicated notes.

At first, I signed up for an account on mastodon.cloud. No particular reason. But thatā€™s where I saw this very insightful post from Anil Dash:

When it came time to reckon with social mediaā€™s failings, nobody ran to the ā€œweb3ā€ platforms. Nobody asked ā€œcan I get paid per messageā€? Nobody asked about the blockchain. The community of people whoā€™ve been quietly doing this work for years (decades!) ended up being the ones who welcomed everyone over, as always.

I was getting my account all set up and beginning to follow some other folks, when I realised that I actually already had an exisiting account over on mastodon.social. Doh! Turns out that I signed up back in 2017 to kick the tyres, but never did much else because there werenā€™t many other people around back then. Oh, how times have changed!

Anyway, I thought I had really screwed up by having two accounts but this turned out to be an opportunity to experience some of the thoughtfulness in Mastodonā€™s design. The process of migrating from one Mastodon account to anotherā€”on a completely different instanceā€”was very smooth! It was clear that this wasnā€™t an afterthought. This is an essential part of the fediverse and the design of the migration flow reflects that.

This gives me enormous peace of mind. If I ever want to switch to a different instance and still keep my network intact, I know it wonā€™t be a problem. Mastodon is like the opposite of the roach-motel mentality that permeates most VC-backed so-called social networks.

As I played around some moreā€”reading, following, exploringā€”my feelings of fondness only grew stronger. I like this place a lot!

I definitely wanted to syndicate my notes to Mastodon. At first, I implemented a straightforward RSS-to-Mastodon syndication using IFTTT (IF This, Then That), thanks to Matthiasā€™s excellent tutorial.

But that didnā€™t feel quite right. When I syndicate to Twitter, I make a conscious choice each time. Thereā€™s a ā€œTwitterā€ toggle that I can enable or disable in my posting interface. Mastodon deserved the same level of thoughtfulness.

So I switched off the IFTTT recipe and started exploring the Mastodon API. Itā€™s going to sound like a humblebrag when I tell you that I got cross-posting working in almost no time at all, but thatā€™s not a testament to my coding prowess (Iā€™m really not very good), but rather a testament to the Mastodon API, which was a joy to work with.

  1. On your Mastodon instance, go to /settings/applications.
  2. Click on New Application.
  3. Fill in the details about your website and select write:statuses (and probably write:media) from the Scopes list.
  4. Copy Your access token to use in API calls.
  5. Write some sloppy code (in my case, PHP that uses CURL).

I did hit a wall when it came to posting images. That took me a while to get working, and I couldnā€™t figure out why. Was it something at Mastodonā€™s end while it was struggling under the influx of new users? As it turns out, no. It was entirely down to me being an idiot. (You know that situation where youā€™re working on a problem for ages and youā€™ve become convinced itā€™s an extremely gnarly rocket-science problem, but then turns out to be something stupid like a typo? Yeah. That.)

Then thereā€™s the whole question of how to receive replies, likes, and reboosts from Mastodon here on my own site. Luckily, that was super easy, thanks to Brid.gy. One click and I was done. I love Brid.gy!

Take this note, for example. Thereā€™s a version on Twitter and a version on Mastodon. The original version on my own site gets responses from both places.

If Iā€™m replying to a response on Twitter, I do not syndicate that to Mastodon.

Likewise, if Iā€™m replying to a response on Mastodon, I do not syndicate that to Twitter.

Oh, one thing worth mentioning: if youā€™re sending a reply to something on Mastodon using the API, thereā€™s an in_reply_to_id field for you to provide. But you should also include the full @username@instance of the person youā€™re replying to at the beginning of the message to ensure that itā€™s displayed as a reply rather than showing up as a regular post. Note the difference between this note on my site and its syndicated version on Mastodon.

Anyway, now Iā€™m posting to Mastodon, but Iā€™m doing it through the the interface of my own website. Which brings me to that checkbox in Mastodonā€™s profile settings:

This is a bot account

The help text reads:

Signal to others that the account mainly performs automated actions and might not be monitored

If I were doing the automatic cross-posting from RSS, Iā€™d definitely tick that box. But as Iā€™m making a conscious decision whenever I syndicate to Mastodon, I think Iā€™m going to leave that checkbox unticked.

My cross-posting is not automated and Iā€™m very much monitoring my Mastodon account ā€¦because Iā€™m enjoying my Mastodon experience more than Iā€™ve enjoyed anything online for quite some time. Highly recommended!

Russell Davies: The internet of good things

An internet-enabled kettle sounds stupid, but this is a genuinely thoughtful piece of hardware.

Wednesday, November 16th, 2022

Artemis rising

Two weeks ago I was on stage for two days hosting Leading Design in London.

Last week I was on stage for two days hosting Clarity in New Orleans.

It was an honour and a pleasure to MC at both events. Hard work, but very, very rewarding. And people seemed to like the cut of my jib, so thatā€™s good.

With my obligations fulfilled, Iā€™m now taking some time off before diving back into some exciting events-related work (he said, teasingly).

Jessica and I left New Orleans for Florida on the weekend. Weā€™re spending a week at the beach house in Saint Augustine, doing all the usual Floridian activities: getting in the ocean, eating shrimp, sitting around doing nothing, that kind of thing.

But last night we got to experience something very unusual indeed.

We stayed up late, fighting off tiredness until strolling down to the beach sometime after 1am.

It was a mild night. I was in shorts and short sleeves, standing on the sand with the waves crashing, letting my eyes adjust to the darkness.

We were looking to the south. Thatā€™s where Cape Canaveral is, about a hundred miles away.

A hundred miles is quite a distance, and it was a cloudy night, so I wasnā€™t sure whether weā€™d be able to see anything. But when the time came, shortly before 2am, there was no mistaking it.

An orange glow appeared on the ocean, just over the horizon. Then an intense bright orange-red flame burst upwards. Even at this considerable distance, it was remarkably piercing.

It quickly travelled upwards, in an almost shaky trajectory, until entering the clouds.

And that was it. Brief, but unforgettable. We had seen the launch of Artemis 1 on the Space Launch System, the most powerful rocket ever launched.

BBC World TV News interview of Ariel Waldman for the NASA Artemis I launch! - YouTube

This is so coolā€”Ariel was on BBC World TV News live during the Artemis launch!

BBC World TV News interview of Ariel Waldman for the NASA Artemis I launch!

The Bledwel Test

  1. A film acknowledges that some people menstruate
  2. without any characters being ashamed of it
  3. or being shamed by someone else (without resolution)

Replying to @sgarrity on mastodon.social

There was no way I was going to insert a phone between my eyes and that spectacle! šŸ™‚

A proto-star spews out gorgeous plumes of gas in opposite directions in an hourglass shape, coloured in orange and blue hues against the black backdrop of space where distant galaxies can be seen like stars.

Phwoar! Thank you, James Webb Space Telescope, for another beautiful shot!

Got to see the bright burn of the Artemis launch even from Saint Augustine beach far to the north, and even with cloudy skies! šŸš€

Birdā€™s-eye View Ā· Paul Robert Lloyd

I love not feeling bound to any particular social network. This website, my website, is the one true home for all the stuff Iā€™ve felt compelled to write down or point a camera at over the years. When a social network disappears, goes out of fashion or becomes inhospitable, I can happily move on with little anguish.

Age of Invention: The Beacons are Lit!

Or, Why wasnā€™t the Telegraph Invented Earlier?

A wonderful deep-dive into optical telegraphy through the ages.

Replying to @philhawksworth@indieweb.social on mastodon.social

šŸ¤—

Replying to @petermhz on mastodon.social

A bowl of thick-looking creole stew with a dollop of rice in the middle.

I had a delicious crawfish ƩtouffƩe in New Orleans last week!

A plate piled high with boiled shrimp, surrounded by corns on the cob.

Shrimp night! šŸ¤ šŸŒ½

Tuesday, November 15th, 2022

Replying to @chriscoyier@front-end.social on mastodon.social

Ooh, I donā€™t know any of those ā€¦yet! Time for me to get practicing.

Jessica holding my hand as she runs to the beach. Sounds magical; looks dorky. A selfie of my legs on a sandy beach. Instead of looking glamorous, it likes a dead body washed up.

Instagram clichƩs gone wrong.

Replying to @chriscoyier@front-end.social on mastodon.social

You betcha! How about you? Got a banjo that travels well?

Replying to @bushra on mastodon.social

Glad itā€™s not just me, then.

(Also, hi! Good to see you here!)

Paul Rand: Modernist Master 1914-1996

A lovely fansite dedicated to the life and work of Paul Rand.

Craft ā€” PaulStamatiou.com

I often use the word quality when referring to apps, products and services I hold in a high regard but another word that often comes up in this context is craft. Craft, as in something that is handcrafted where something someone spent a lot of time on and maybe even embedded their own personal touches and personality in it. Often something handcrafted feels more premium.

Mastodon is just blogs

Do you still miss Google Reader, almost a decade after it was shut down? Itā€™s back!

A Mastodon server is a feed reader, shared by everyone who uses that server.

I really like Simonā€™s description of the fediverse:

A Mastodon server (often called an instance) is just a shared blog host. Kind of like putting your personal blog in a folder on a domain on shared hosting with some of your friends.

Want to go it alone? You can do that: run your own dedicated Mastodon instance on your own domain.

This is spot-on:

Mastodon is just blogs and Google Reader, skinned to look like Twitter.

When Our Tools Hold Us Back | OddBird

What happens if the ā€˜pace layersā€™ get out of sync?

A very thoughtful post by Miriam on how tools can adversely affect the pace of progress in the world of web standards.

When tools intervene between you and your access to the web platform, proceed with caution. Ask not only: How well does it work? But also: How well does it fail? Not only: What features do they provide? But also: What features do they prevent?

CSS Timeline

Hereā€™s a remarkably in-depth timeline of the webā€™s finest programming language, from before it existed to todayā€™s thriving ecosystem. And the timeline is repsonsive tooā€”lovely!

So saddened to hear of @caroluneā€™s passing. Iā€™ll always remember her being so excited and enthusiastic at the very first Science Hack Day. A true champion of science and wonder.

My deepest sympathies to her family.

Monday, November 14th, 2022

Beach, sea and sky. Clouds reflected on the wet sandy beach. Jessica in front of the waves at sunset. Sand and surf under cloudy skies.

Saint Augustine Beach, mid November.

A greying elegant little poodle mix who has made herself comfy on some sofa cushions.

Happy #mondog from Ellie!

Replying to a tweet from @aworkinglibrary

Paracetamol.

Replying to a tweet from @TejasKumar_

Flattery will get you everywhere, Tejas! šŸ˜š

Replying to a tweet from @nutsmuggler

Yeah, I picked mine up from the man himself when I was in Braga, Portugal a few years back. I use it as my travel mandolin and Iā€™m impressed with the sound given its affordable price!

Me sitting in a rocking chair holding a mandolin on a sun-dappled wooden porch.

Sitting on the porch, playing tunes on my mandolin.

Jack Rusher ā˜ž Classic HCI demos

At Clarity last week, I had the great pleasure of introducing and interviewing Linda Dong who spoke about Appleā€™s Human Interface Guidelines. I loved the way she looked at the history of the HIG from 1977 onwards. This collection of videos is just what I need to keep spelunking into the interfaces of the past:

A curated collection of HCI demo videos produced during the golden age from 1983-2002.

The IndieWeb for Everyone | Max Bƶck

Spot-on analysis by Max:

Generally speaking: The more independence a technology gives you, the higher its barrier for adoption.

I really hope that this when smart folks start putting their skills towards making the ideas of the indie web more widely available:

I think weā€™re at a special moment right now. People have been fed up with social media and its various problems (surveillance capitalism, erosion of mental health, active destruction of democracy, bla bla bla) for quite a while now. But it needs a special bang to get a critical mass of users to actually pack up their stuff and move.

Iā€™m not fucking about, Iā€™m internalising | Monospaced Monologues

It me (or at least, this is what I like to tell myself):

A lot of the time, it looks like Iā€™m fucking about, but Iā€™m really just internalising the problem at hand, and clearing space for it in my brain.

Replying to @mez@mastodon.nz on mastodon.social

Yay! šŸŽ‰

Replying to @lief@pad23.com on mastodon.social

W00t!

inessential: After Twitter

The internetā€™s town square should never have been one specific website with its own specific rules and incentives. It should have been, and should be, the web itself.

I share Brentā€™s optimism:

The web is wide open again, for the first time in what feels like forever.

A windswept Jessica standing at the waterā€™s edge on a sandy beach under a cloudy sky.

Back on the beach.

Sunday, November 13th, 2022

Replying to @lief@pad23.com on mastodon.social

Iā€™ve got that working for my notes, but I canā€™t seem to get images to work.

Saturday, November 12th, 2022

Going to Saint Augustine. brb

Jessica in an atmospheric French Quarter house. Jessica with a table full of food including oysters and gumbo. Jessica in Jackson Square.

Bidding farewell to New Orleans, @wordriddenā€™s city of birth.

My hand holding a bag of beignets from Cafe du Monde. One of the fried doughy bad boys is peaking out.

Had to be done.

(But Morning Call is still tops)

It was an honour and a privilege to MC the in-person portion of #Clarity2022ā€”I had a blast!

Friday, November 11th, 2022

Simultaneously having a great time at #Clarity2022 in New Orleans while also feeling FOMO for #FFconf back home in Brighton.

Fediverse

Despite growing pains and potential problems, I think this could be one of the most interesting movements on the web in recent years. Letā€™s see where it goes.

Iā€™m getting the same vibe as Bastian about Mastodon:

Suddenly there was this old Twitter vibe. Real conversations. Real people. Interesting content. A feeling of a warm welcoming group. No algorithm to mess around with our timelines. No troll army to destory every tiny bit of peace. Yes, Mastodon is rough around the edges. Many parts are not intuitive. But this roughness somehow added to the positive experience for me.

This could really work!

Checked in at Sazerac Bar. Sazerac ā€” with Jessica map

Checked in at Sazerac Bar. Sazerac ā€” with Jessica

Thursday, November 10th, 2022

Jessica in the foreground in a cosy outdoor courtyard with a trio of musicians in the background playing tambourine, clarinet and guitar.

Had a lovely evening enjoying live music outdoors in a New Orleans courtyard at the #Clarity2022 speakersā€™ gathering.

Wednesday, November 9th, 2022

Kim and Jessica in a hall filled with airplanes from World War Two. A selfie of me, Kim and Jessica with planes in the background.

Got a sneaky tour of the National WWII Museum from our old friend Kim whoā€™s a senior curator there!

A statue atop a crypt silhouetted against a blue sky. Crypts and graves all jumbled together. A long line of crypts edged by green grass. Three crypts side by side under a blue sky.

Crypts!

A plate of three fluffy pillows of fried dough liberally sprinkled with powdered sugar.

Beignets for breakfast.

Tuesday, November 8th, 2022

Going to New Orleans. brb

Monday, November 7th, 2022

Checked in at Dover Castle. A full house of fiddles! šŸŽ¶šŸŽ»šŸŽ»šŸŽ»šŸŽ»šŸŽ¶ ā€” with Jessica map

Checked in at Dover Castle. A full house of fiddles! šŸŽ¶šŸŽ»šŸŽ»šŸŽ»šŸŽ»šŸŽ¶ ā€” with Jessica

Aegir.org | Five Moons

In a way, I find these picturesā€”taken by someone from the ground with regular equipmentā€”just as awe-inspiring as the images from the James Webb Space Telescope.

Towards Growing Peaches Online - by Claire L. Evans

A beautiful meditation on Christopher Alexander by Claire L. Evans.

What to blog

Eventually, it becomes second nature: jot down some thoughts and hit publish. Until then, think of it like starting a running habit. The first few days you run, itā€™s awful and you think itā€™ll never feel any better. But after a few weeks, you start getting antsy if you donā€™t run. If youā€™re not used to writing, it can feel like a slog, but itā€™s worth getting over that hump.

s13e17: A Proposal for News Organization Mastodon Servers and More

When Dan wrote this a week ago, I thought it sounded very far-fetched. Now it sounds almost inevitable.

Listening to Low.

Syndicating Posts from Your Personal Website to Twitter and Mastodon Ā· Matthias Ott ā€“ User Experience Designer

A very timely post on using If This Then That to automatically post notes from your own site (via RSS) to Twitter and Mastodon.

Iā€™ve set this up for my Mastodon profile.

as days pass by ā€” Donā€™t Read Off The Screen

Excellent advice from Stuart.

Watchā€”and more importantly, listenā€”to this five minute video to get the full effect.

Our web design tools are holding us back āš’ Nerd

A good olā€™ rant by Vasilis on our design tools for the web.

So saddened by the passing of Mimi Parkerā€”weā€™ve lost a beautiful voice.

@anildash@mastodon.cloud

When it came time to reckon with social mediaā€™s failings, nobody ran to the ā€œweb3ā€ platforms. Nobody asked ā€œcan I get paid per messageā€? Nobody asked about the blockchain. The community of people whoā€™ve been quietly doing this work for years (decades!) ended up being the ones who welcomed everyone over, as always.

Sunday, November 6th, 2022

Checked in at The Bugle Inn. Sunday session šŸŽ¶šŸŽ» map

Checked in at The Bugle Inn. Sunday session šŸŽ¶šŸŽ»

Saturday, November 5th, 2022

Replying to a tweet from @fakebaldur

Youā€™re quite right!

https://adactio.com/journal/19578

Video Interview Series #10: Caring about the World Wide Web, with Jeremy Keith - Skip To Content

Hereā€™s a short fifteen minute video (and transcript) of an interview I did about accessibility and inclusive design. I quite like how it turned out!

Negativity bias

When I wrote about my hopes and fears for the View Transitions API, a few people latched on to this sentiment:

If the View Transitions API only works for single page apps, it could be the single worst thing to happen to the web in years.

But I also wrote:

If the View Transitions API works across page navigations, it could be the single best thing to happen to the web in years.

I think itā€™s worth focusing on that.

Part of the problem is that I gave my hopes and fears an equal airing. But theyā€™re not equally likely.

Take the possibility that the View Transitions API only ships for single page apps, but never ships for regular page transitions. The consequences of that would be bigā€”the API would act as an incentive to build single page apps. But the likelihood of that happening is small. In fact, according to Jake, thereā€™s already an implemention for page transitions in the works at Chrome.

Now what if the View Transitions API ships for pages? The consequences would be equally bigā€”the API would act as an incentive to ditch single page apps and build in a more performant, resilient way. Best of all, the chances of that happening are very large indeed (pretty much a certainty now, given Jakeā€™s update).

So I made a comparison between both of the consequences, which are equally large, but I didnā€™t make a corresponding comparison of the likelihoods, which are not equally large. Mea culpa!

I shouldā€™ve made it clearer that, although the consequences would be really bad if the View Transitions API only supports single page apps, the actual likelihood of that is pretty slim.

Thatā€™s probably my negativity bias showing through. (The reason I have a negativity bias is because I am a human. Like, have you ever noticed that if you get feedback on something and 98% of it is positive, you inevitably fixate on the 2%?)

Anyway, the real takeaway here is that if the View Transitions API ships for pages, then the consequences will be really, really good! It would be another nail in the coffin for monolithic JavaScript frameworks slowing down the web. And best of all, the likelihood of this happening is very high!

So let me amend my closing sentences from my previous post:

If the View Transitions API only works for single page appsā€”which is very unlikelyā€”it could be the single worst thing to happen to the web in years.

If the View Transitions API works across page navigationsā€”which is very, very likelyā€”it could be the single best thing to happen to the web in years.

The glass is half full and itā€™s only going to get fuller. Time to start planning for a turbo-charged web now.

If youā€™ve got a website with full page navigations, start thinking about how youā€™ll be able to apply the View Transitions API as a progressive enhancement to improve the user experience.

If youā€™ve got a single page app, start thinking about how to ditch a whole bunch of uneccessary dependencies to make a more lightweight foundation of HTML instead of JavaScript, and still get all those slick transitions you get in a single page app!

Replying to a tweet from @domchristie

Thatā€™s such a good idea! Itā€™s like two layers of progressive enhancement: first Turbo, then View Transitions!

Replying to a tweet from @bvdputte

Hereā€™s what I wrote at the time about how I set up my syndication to Twitter from my own site:

https://adactio.com/journal/6826

Very, very good news indeed! šŸ‘šŸ‘šŸ‘

https://twitter.com/jaffathecake/status/1588839787229609985

Replying to a tweet from @jaffathecake

Excellent!

Time for transitions

I am simultaneously very excited and very nervous about the View Transitions API.

You may know it by its former nameā€”Shared Element Transitions. The name change is very recent.

Iā€™ve been saying for years that some kind of API like this would be brilliant:

I honestly think if browsers implemented this, 80% of client-rendered Single Page Apps could be done as regular good olā€™-fashioned websites.

Miriam Suzanne describes the theory of View Transitions succinctly:

Shared-element transitions are designed to work with standard web navigation across multiple page loads, as well as page transitions in ā€˜single-pageā€™ apps (often called SPAs).

This all sounds brilliant. But the devil is in the implementation details. Right now, the API only works for single page apps. This is totally understandable. For purely pragmatic reasons, single page apps are a simple use case to solve for. Itā€™s going to take a lot more work to get this API to work for multi-page apps (or as we used to call them, websites).

If we get a View Transitions API that works across page navigations, it could potentially turbo-charge the web. It will act as a disencentive to building single page appsā€”youā€™d be able to provide swish transitions without sacrificing performance or resilience at the alter of a heavy-handed JavaScript-only architecture.

But if the API only ever works for single page apps (which is the current situation), then it will act as an incentive to make any kind of website into a single page app, regardless of whether itā€™s actually the appropriate architecture.

That prospect has me very worried indeed.

Iā€™m making my feelings on this known just in case any of the implementators out there are thinking, ā€œHey, maybe itā€™s fine that this API only works for single page appsā€”Iā€™m sure most people would be happy with that.ā€

If the View Transitions API works across page navigations, it could be the single best thing to happen to the web in years.

If the View Transitions API only works for single page apps, it could be the single worst thing to happen to the web in years.

Update: Jake says:

Weā€™re currently landing code in Chrome for the MPA version.

Very happy to hear that! Itā€™s already in the spec, but itā€™s good to hear that the implementation isnā€™t going to lag too much.

Also, read this follow-up.

Thursday, November 3rd, 2022

I think a life or a time looks simple when you leave out the details, the way a planet looks smooth from orbit.

ā€” Ursula K. Le Guin, Solitude

A group of happy smiley smart people gathered togetherā€”three men and eight women.

All the speakers at #LDconf today were wonderful!

Wednesday, November 2nd, 2022

Three women together on stage in front of  a screen that reads Leading Design.

Time to introduce another trio of wonderful design leaders at #LDconf.

Two men and one woman all dressed in black on stage behind a podium that reads Leading Design London.

Getting ready to introduce the next trio of designers at #LDconf.

Tuesday, November 1st, 2022

Replying to a tweet from @adactio

Ah, I see my better half got in there first:

https://twitter.com/Wordridden/status/1587503150361108486

Never mind. Carry on.

Replying to a tweet from @sallylait

The Imperial Radch series by @Ann_Leckie and the Teixcalaan series by @ArkadyMartine are both excellent. Oh, and the Machineries of Empire series by @DeuceOfGears. All good galaxy-spanning space opera.

Going to London. brb