Matthias Ott – Painting With the Web – beyond tellerrand Düsseldorf 20025 - YouTube
A great talk by Matthias on what you can do with web standards today!
HTML5: The New Flash
A new presentation from the wonderfully curmudgeonly Steven Pemberton, the Nosferatu of the web. Ignore the clickbaity title.
I don’t agree with everything he says here, but I strongly agree with his preference for declarative solutions over (or as well as) procedural ones. In short: don’t make JavaScript for something that could be handled in markup.
This part really, really resonated with me:
The web is the way now that we distribute information. We will need the web pages we create now to be readable in 100 years time, just as we can still read 100-year-old books.
Requiring a webpage to depend on a particular 100-year-old implementation of Javascript is not exactly evidence of future-thinking.
Related links
Popover API lands in Baseline | Blog | web.dev
It’s very exciting to see the support for popovers—I’ve got a use-case I’m looking forward to playing around with.
Although there’s currently a bug in Safari on iOS (which means there’s a bug in every browser on iOS because …well, you know).
Invokers (Explainer) | Open UI
This is a really interesting proposal, and I have thoughts.
Bruce Lawson’s personal site : HTML popover, videos and display:blackhole
Bruce raises an interesting question with media playing in popovers—shouldn’t the media pause when the popover is closed? I agree with Bruce that this is a common use case that should be covered declaratively.
The Simplest Way to Load CSS Asynchronously | Filament Group, Inc.
Scott re-examines the browser support for loading everything-but-the-critical-CSS asynchronously and finds that it might now be as straightforward as this one declaration:
<link rel="stylesheet" href="/https/adactio.com/path/to/my.css" media="print" onload="this.media='all'">
I love the fact the Filament Group are actively looking at how deprecate their loadCSS polyfill—exactly the right attitude for polyfills in general.
Related posts
Lost in calculation
A lazy option for responsive images is at hand.
Authentication
Some ways of combining security and usability for two-factor authentication on the web.
Accessible interactions
Abstracting common interaction patterns as a starting point for accessible components.
An nth-letter selector in CSS
The latest installment in the long tradition of calling for this pseudo-element.
Components and concerns
Gotta keep ‘em separated.