Archive for the 'accessibility web standards' Category

Reading List

Anachronistic Beard: a new methodology to make sites work anywhere

[The stage is bare. A single spotlight snaps on. Into it walks Bruce, in a black turtleneck top]

Are you ready, folks? [Apple WWDC-style whoops and squeaks]

Are you READY folks? [Shouts of “Yeah!” and “Righteous!”]

Do you want your websites to work EVERYWHERE? [people faint with excitement]

Are you ready to have your PARADIGMS SHIFTED? [Not a dry seat in the house now]

Today, we’re introducing a brand-new paradigm-shifting design methodology called…

Anachronistic Beard.


Logo: “Beard” By

What is “Anachronistic Beard”?

It’s a revolutionary way of making websites so they look good in iOS 9 with external fonts turned off, work well for Opera Mini’s 250+ million users, and in Chrome, Opera, Firefox, IE, Edge, whether you’re using a computer, a phone, a tablet, a phablet (you’re not, are you?), with or without assistive technology.

How can I leverage these game-changing synergies, going forward?

Glad you asked! Here are the technical details.

Why is it called “Anachronistic Beard”?

A previous version of Anachronistic Beard has been available, built into the very design of the web, for decades. But it was called “Progressive Enhancement”, which is boring, and it didn’t have a logo.

So, encouraged by the success of things like Moustache, it’s been rebranded by a team of expensive Birmingham-based Consumer Insight Engineers. With this new name, those of us who are too old to be hipsters can legitimately claim that we were doing Progressive Enhancement, before it was cool.

Join our revolution, before everyone else hears about it. Happy Bearding!

State of the Browser 5

My conference season kicked off with State of the Browser 5. I’d been accepted after a blind call for papers to present the snappily-titled Ensuring a performant web for the next billion people.

The venue was Conway Hall, which I’d heard of but couldn’t remember the context. It turned out to be the HQ of the Conway Hall Ethical Society, “the oldest surviving freethought organisation in the world”. So a historic venue (for bleeding-heart Guardianistas like me) with great acoustics and “To thine own self be true” inscribed above the stage.

State of the Browser this year had a wide variety of talks; from Seb Lee-Delisle amiably talking about lasers to Martin Jakl talking about WebKit’s garbage collection bugs on Raspberry Pi, with animation jank, keeping learning and modular design in between.

I enjoyed all the talks, but there were some standouts for me (not because any talks were “better” but some were more immediately useful to me in my browser geek-end of the spectrum). I want to congratulate Laura Elizabeth, who did her first ever public speaking with assurance and aplomb that suggested much more experience. There were shocks, too: for example, non-Jake Archibald people talking about Service Worker.

I was particularly agog/ aghast at Edd Sowden’s talk on what makes a <table> not a <table> in assistive technologies. There are lots if heuristics baked into browsers to guess which are data and which are layout tables. border-bottom and background-color makes it a table, border-collapse stops it being a table, display:block stops it being one (except in IE…). More than 20 rows, or zebra striping in CSS makes it a table, etcetera.

Here’s the video (and here are his slides):

Isn’t it tremendous that the UK government cares about assistive tech users on its new web properties?

I also learned a lot from Ada Rose Edwards who surprised me by explaining that reflowing text, if you animate widths of things that cause the browser to re-layout lots of words, is really slow – because of kerning, hinting etc. See her slides for more (video coming soon). I’d assumed because text is small (eg, 1024 letters of Latin text is 1K) that there’s no performance hit. But laying it out isn’t trivial. Throw justification into the mix, too (but please don’t) and you have a recipe for a hot phone battery.

There were lots of old chums in the audience, and new chums like Seren Davis and Claudia. Synergies were leveraged, too – I’ve got an Opera bug moving after being gently prompted by an attendee. There was even a party afterwards, with a free bar, and all for £30. So go next year!

State of the Browser is organised for love by the London Web Standards crew: Morena Fiore, Nick Smith, Dave Letorey, Ginestra Ferraro, Steve Workman, Rupert Bowater and Marco Cedaro. Morena wrote up the day too. Thanks very much to all of them, and all who came to listen.

Reading List

Reading List

Reading List

Reading List

Reading List

Reading List

Reading List

The reading list – a day early as I’m off to the taverns and love-dungeons of Brussels for the weekend to teach Belgians how to drink beer.