(Written because I couldn’t find an easy guide online.) Here’s the code (formatted for readability): <time datetime=”{{page.first_published_at|date:”c”}}”> {{page.first_published_at|date:”j F Y”}} </time> You can also use last_published_at if it is a page which has been updated. WHY?!??! Semantics. HTML5 contains the <time> element. The contents of it show up as normal running text, but the metadata…
Continue reading →
Someone took a nice photo of me recently. I’d like to use it as my avatar photo everywhere to present a consistent image. This is not easy to do. I’ve had to manually change it on a dozen different Slacks, a bunch of social networks, a few forums, all my email accounts, and I’m still…
Continue reading →
Noodling thoughts. The humble <img> element is one of the oldest parts of HTML. It allows you to put a static image in a document. Later revisions allowed for animated images – like GIFs. And the <map> element made parts of the image clickable. But what about interactive images? Like panoramas and photospeheres? Here’s a…
Continue reading →
My friends, and former employers, at the Government Digital Service have written a spectacularly good blog post “Making GOV.UK more than a website“. In it, they describe how adding Schema.org markup to their website has allowed search engines to extract semantic content and display it to a user. For example, the “Learn to drive” page…
Continue reading →
Hello! It looks like you’re writing a blog post – would you like help with that? chuckles Me and my colleagues at Microsoft have decided that the world needs more Clippy – the adorable animated paperclip. To help with that, we’re bringing a new feature to Edge 6.0. Web Developers can now use <clippy> to…
Continue reading →
The ridiculous proliferation of TLDs (Top Level Domains) continues unabated. I wondered how much you’d have to spend to secure your name on every TLD. tl;dr;tld Over $300,000! (Roughly €280.000 / £245,000.) But… This estimate is pretty rough. A few caveats: This only covers one version of your domain name – it doesn’t cover misspellings.…
Continue reading →
I don’t like AMP. I think that Google’s Accelerated Mobile Pages are a bad idea, poorly executed, and almost-certainly anti-competitive. So, I decided to join the AC (Advisory Committee) for AMP. I don’t want them surrounded with sycophants and yes-men. A few weeks ago, a bunch of the AC met in London for our first…
Continue reading →When you share a URl on services like Twitter and WhatsApp, they often display a preview image. This is usually accomplished by the author of the page selecting an image from the page, and adding it to the Page’s metadata like this: <meta property=”og:image” content=”http://example.com/preview.png”/> (See the OpenGraph Protocol and Twitter’s Guide for more detailed…
Continue reading →
How much do you know about the humble <title> tag? It has been there since the earliest HTML specification. The 1995 spec says: There may only be one title in any document. It should identify the content of the document in a fairly wide context. It may not contain anchors, paragraph marks, or highlighting. Remarkably…
Continue reading →
I spent 15 years in the mobile phone industry – working variously for big mobile operators, with phone manufacturers, and consulting with industry groups. I say this not to brag, but to let you know that I have experience with these matters. Web browsers are often called a User Agent. They are a software agent…
Continue reading →