Chris Mills

347 Followers
97 Following
147 Posts
Independent tech writer, millsdocs.com. A11y advocate, web platform tinkerer, IA enthusiast. ex-@okta, @mozilla, @opera. Drummer, guitarist-in-training, lover of noisy music.
A new edition of the newsletter is in your inbox (or it could have been 😁 had you subscribed) - The disabled Attribute on Stylesheet Links - Web Platform Feature of the Week : https://buttondown.com/schalkneethling/archive/the-disabled-attribute-on-stylesheet-links-web/ - This time the shoutout goes to Mr. @chrisdavidmills 🤘 #webdev
The disabled Attribute on Stylesheet Links - Web Platform Feature of the Week

Discover the link element's 'disabled' attribute in HTML, its potential uses, and its browser support status. It is more exciting than it sounds.

Web Platform Feature of the Week
I've documented the Translator and Language Detector APIs on MDN, which detect a text string's language and translate it to another language using a browser's internal AI model: https://developer.mozilla.org/en-US/docs/Web/API/Translator_and_Language_Detector_APIs
Translator and Language Detector APIs - Web APIs | MDN

The Translator and Language Detector APIs provide functionality to detect the language that text is written in, and to translate text into different languages, via a browser's own internal AI model (which may differ between browsers).

MDN Web Docs
I've documented the Summarizer API on MDN, which summarizes a body of text using a browser's internal AI model: https://developer.mozilla.org/en-US/docs/Web/API/Summarizer_API
Summarizer API - Web APIs | MDN

The Summarizer API summarizes a given body of text via a browser's internal AI model (which may differ between browsers).

MDN Web Docs
New on MDN, I've documented all-new, fully-customizable <select> elements: https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions/Forms/Customizable_select. Thanks to everyone who provided reviews!
Customizable select elements - Learn web development | MDN

This article explains how to create fully-customized <select> elements using experimental browser features. This includes having full control over styling the select button, drop-down picker, arrow icon, current selection checkmark, and each individual <option> element.

MDN Web Docs
I've documented the new text-box-* CSS properties on MDN. These enable you to trim space from text element block containers in the block direction, making for more consistent text spacing. Get started at https://developer.mozilla.org/en-US/docs/Web/CSS/text-box. Thanks to @estelle from @openwebdocs for the fabulous review work!
text-box - CSS | MDN

The text-box CSS property is a shorthand that corresponds to the text-box-trim and text-box-edge properties, which together specify the amount of space to trim from the block-start edge and block-end edge of a text element's block container.

MDN Web Docs
I've documented the FileSystemObserver API on MDN, which provides an easy way to observe file system changes: see https://developer.mozilla.org/en-US/docs/Web/API/FileSystemObserver. Thanks to Will from @openwebdocs for the reviewing work!
FileSystemObserver - Web APIs | MDN

The FileSystemObserver interface of the File System API provides a mechanism to observe changes to the user-observable file system and the Origin Private File System (OPFS). This means web applications don't have to poll the file system to find changes in the files or folder structure, which can be time-consuming and wasteful.

MDN Web Docs
I've documented the Element and Region Capture extensions for the Screen Capture API on MDN: Get started at https://developer.mozilla.org/en-US/docs/Web/API/Screen_Capture_API/Element_Region_Capture. Thanks to Will from @openwebdocs and François from Google for the reviews!
Using the Element Capture and Region Capture APIs - Web APIs | MDN

This guide provides a walkthrough of typical usage of the Element Capture and Region Capture APIs, showing how to use them and the problem they solve.

MDN Web Docs
https://front-end.social/@chrisdavidmills
I've documented the Device Posture API on MDN, which allows you to query the folded state of foldable devices, and run code in response. See https://developer.mozilla.org/en-US/docs/Web/API/Device_Posture_API. Thanks to @estelle from Open Web Docs and @darktears for their review work.
Chris Mills (@[email protected])

122 Posts, 91 Following, 299 Followers · Independent tech writer, millsdocs.com. A11y advocate, web platform tinkerer, IA enthusiast. ex-@okta, @mozilla, @opera. Drummer, guitarist-in-training, lover of noisy music.

Front-End Social
I am trying to figure out how to run a WebDriver extension command via the selenium-webdriver Node.js library, but am really struggling to find any examples or information. Does anyone here have any experience in this regard?
I've documented two new WebAssembly features on MDN: JS builtins and imported global string constants. See https://developer.mozilla.org/en-US/docs/WebAssembly/JavaScript_builtins and https://developer.mozilla.org/en-US/docs/WebAssembly/Imported_string_constants!
WebAssembly JavaScript builtins - WebAssembly | MDN

WebAssembly JavaScript builtins are Wasm equivalents of JavaScript operations that provide a way to use JavaScript features inside Wasm modules without having to import JavaScript glue code to provide a bridge between JavaScript and WebAssembly values and calling conventions.

MDN Web Docs