Please disable JavaScript to view this site
Most of the web sites I visit on an average day require JavaScript to allow me to navigate the site fully. At least once a week there will be a web site that fails to fully load JavaScript for me and I'll (rage) quit the site and usually committing it to a bank of "web sites I can't be arsed to ever visit again because they messed up".
That's the kind of #Dareboost report I like to receive on Monday! 💪
That's an article page with 4 videos and 3 images.
Wait, did @SmugMug really use one of my photos to illustrate an article about Strobe-light photography? 😮🤗
Looks like my article about the Boeing 737 Max disaster has been shown to some people in Google Discover a few times since September 2019, I had no idea… 🧐
How To Convert Variable TTF Font Files to WOFF2
In previous experience, converting variable TTF to WOFF via online tools like convert.io or FontSquirrel would often break the axes needed to interpolate between font variation settings.
Accessible SVG Icons with Inline Sprites
Standing on their own, icons can be misinterpreted […]. The most important issue though: they lack text. Text is the most accessible format for information on the web. Screen readers understand text best and the same applies to most assistive technology, such as translation apps and Braille displays. So, if we have anything on our web page that’s not text — like icons — we must add text that gives our users the same information. Otherwise we could exclude people from understanding our interfaces.
This photo I give for free on #Unsplash was used in a Buzzfeed Quizz and seen more than 30.000 times within one single day! 🤯
It's been viewed only 10.000 times within more than 2 years on Flickr… 😅
Live street "electronic" music, without any electric power… yes, that's Basstong! 😍
Proxying Cloudinary Requests with Netlify
So we get reduced data cost, with no extra connection from the browser, and what appears to be pretty negligible cost at the CDN (the difference in response time for the final proxied images versus loading them without Cloudinary in place is barely noticeable in my tests)—and it all took just a few minutes to put into place.
I mixed this awesome #Netlify proxy for #Cloudinary trick from @philhawksworth and @tkadlec with #Eleventy and my responsive images plugin, and the result is great! 😍
When I browse #Flickr these days, the UI is sometimes in French, sometimes in English, without me doing anything… 🤷♂️
Looks like @Apple made a little mistake when choosing the illustration for Christopher Nolan's "The Dark Knight Rises" in the TV app on my Apple TV… 😂
Text descriptions and emotion rich images
A good alt text can conjure up wonderfully stimulating mental images. A friendly smile is the same in print, photo or wax crayon. Whether you listen to an image or see it, the emotional response is the key factor, so why should we recommend that these emotion rich images should be given a null alt text and hidden from screen reader users?
Towards a Lightweight Jamstack
Not having to use a JavaScript framework also meant that HTML, not JSX or Vue components, is now front and center in the code you write. This helped me avoid the usual traps when writing React: the infamous div soup, inaccessible components, or non-semantic tags.
Do anyone know why Google made it mandatory for #PWA icons to be PNG, not JPEG or other?
This is what #Lighthouse requires, but I couldn't find any docs about this. #MDN says other formats are fine.
Gremlins tracker for #VSCode v0.26.0 is there!
You can now define gremlins settings per language! 🎉
For example, a right double quotation mark (”, unicode U+201d) can be perfectly acceptable in Markdown, but weird in another format…
One month of #Dareboost monitoring of an article page on this site, hosted on #AlwaysData and #Netlify.
Tests done with a simulated Galaxy S6 on 3G, from Paris and Washington
AlwaysData wins for France (obvious?), and it's a tie for people in the US…
Based on my reading history, #Medium pushes five articles about web scrapping to my homepage.
If I'm really looking for content on this topic, I will use the search.
Use your content recommendation engine for NEW topics, outside my bubble, please! 🙏
When the skeleton screen doesn’t match the outcome, we’ve created confusion and frustration that will overcome any benefit you might have gotten from trying to handle that delay in a better way.
Marie Manandise
Accessibility of Content Management Systems – what’s stopping us?
The funny thing was, no matter who we talked to or who we read from, the unanimous message was: “We care very much about accessibility”. And yet, none of the CMSs were accessible.
Enhancing archives navigation, step 2
In my previous article Enhancing archives navigation, step 1, I promised further archives navigation enhancements. Here they are!
Everybody be Coil. You… Be Coil
I've been using Web Monetization and Coil for a little more than one year now, and I couldn't agree more with Léonie:
Remy Sharp
Henry Desroches
Marco Hengstenberg
Tim Kadlec
Léonie Watson
Nicolas Goutay