At Microsoft, we’ve invested a lot into accessibility upskilling across the company. And now we’ve made our Accessibility Fundamentals learning path freely available to the world to take, either on MS Learn or within another learning environment via its SCORM (Sharable Content Object Reference Model) course package.
Dispatches From The Internets
Accessibility Training at Microsoft
Better form UX with the CSS property field-sizing
Form fan that I am, I’m excited to have CSS that enables fields (especially textarea
) to grow to accommodate the content someone’s in the process of entering into it.
I distinctly remember spending a good deal of time putting together a proof-of-concept for Twitter DMs to show how it could be done via JavaScript without killing performance, but this is far more elegant.
No Robots(.txt): How to Ask ChatGPT and Google Bard to Not Use Your Website for Training
The Electronic Frontier Foundation (EFF) has you covered if you’d like to opt out of being indexed into tools like Open AI’s ChatGPT and Google’s Gemini. Just add these to your robots.txt file:
User-agent: GPTBot
Disallow: /
User-agent: Google-Extended
Disallow: /
Building on this, you could exclude specific directories (e.g., where you keep your images):
User-agent: GPTBot
Disallow: /i/
User-agent: Google-Extended
Disallow: /i/
I’ve decided to (for now at least) allow my text content to be indexed, but I may change my mind in the future.
The quiet, pervasive devaluation of frontend
While not exactly novel, this post from Josh Collinsworth is a fantastic meditation on devaluation of front-end engineering work.
Writing CSS seems to be regarded much like taking notes in a meeting, complete with the implicit sexism and devaluation of the note taker’s importance in the room.
Though critical to the project, frontend work will quite often be disregarded by those who consider it beneath them (usually men, and usually only tacitly, never explicitly). It’s not serious enough; not important enough; not real enough. Too squishy. Like soft skills.
Yes, of course, it’s important. It’s work that somebody needs to do, certainly. But probably not the important people, whose valuable attention is focused on other, bigger, more important problems.
It’s been this way for a long time. This attitude doesn’t exist on every team, but it’s pervasive throughout our industry.
Safari 17.4 Beta Release Notes
Amidst all the kerfuffle over Apple’s push to drop PWAs (a.k.a., Home Screen Apps), two PWA features I worked on quietly landed in Safari for desktop: shortcuts & categories.
Added support for the
shortcuts
manifest member on macOS. Shortcuts are available in the File menu and the Dock context menu. Users can set up custom keyboard shortcuts for them in System Settings > Keyboard > Keyboard Shortcuts > App Shortcuts. (106137954)Added support for the
categories
manifest member on macOS. When creating a Launchpad folder containing web apps, the folder is automatically named accordingly. (116480550)
🎉
Don’t Outsource Your Perspective to a LLM
At A List Apart, I’m seeing a lot of article pitches that were clearly written by a Large Language Model (LLM) rather than a human being. In many cases, the people making the submission clearly put a lot of thought into the prompts they used to get the output they desired, but had zero follow though when it came to taking ownership of the output they were handed. To be clear, the issue I have here is not that they used an LLM as part of their process, but rather how they failed to wield such powerful tool effectively.
PurePWA — A Radical U-Turn in Web Development
I love experiments that showcase the power of the web platform and this is no exception: a pure web standards-powered Progressive Web App (PWA) replete with straightforward web components, view transitions, and more.
Big, beautiful, beefy focus states with :focus-visible
I always love seeing how folks approach focus indicators. This is a brief rundown of how Dave does it on his own site.
One World, One Web, One Love
Today would have been Molly Holzschlag’s 61st birthday. I want to take a moment to remember her by sharing a bit from a post she made way back in 2012 on the new defunct Pastry Box Project.
Creating Progressive Enhanced CodePen Links and Embeds
I love Alvaro’s methodical approach to improving the experience of a CodePen embed. Smart and exciting stuff!