Inline Styles as Classes
June 16th, 2021
If you’re abhorred by using inline styles, just move that style to the class attribute! And then make sure you have CSS in place that, ya know, does what it says on the box. I’ve revolutionized CSS. pic.twitter.com/1AWCldyCwP — Sam Thorogood (@samthor) June 10, 2021 OK lemme dig in and totally ruin the joke. First…
First Public Working Draft of MiniApp Lifecycle
June 15th, 2021
The MiniApps Working Group has published a First Public Working Draft of MiniApp Lifecycle. This specification defines the MiniApp lifecycle events and the process to manage MiniApp and each page’s lifecycle. Implementing this specification enables the user agent to manage the lifecycle events of both the global application lifecycle and the page lifecycle. The Working…
Adding Shadows to SVG Icons With CSS and SVG Filters
June 11th, 2021
Why would we need to apply shadows to SVG? Shadows are a common design feature that can help elements, like icons, stand out. They could be persistent, or applied in different states (e.g. :hover, :focus, or :active) to indicate interaction to users. Shadows happen in real life, so they can be used on screens to…
Build more accessible Angular apps
June 9th, 2021
During #GoogleIO2021, we released a new Angular codelab focused on accessibility. In this post we’ll walk through ten tools for building more accessible applications, then head to the codelab for hands-on practice exercising these skills. Build more accessible Angular apps Accessibility is a vital part of web development – ensuring that users can perceive, understand, navigate, and…
DOM Review Draft 15 June 2020 Endorsed as a W3C Candidate Recommendation
June 8th, 2021
As part of working with the WHATWG together on HTML and DOM, W3C selected today to endorse the DOM Review Draft — Published 15 June 2020 as a W3C Candidate Recommendation. DOM defines a platform-neutral model for events, aborting activities, and node trees. This document is published for purposes of patent review by WHATWG Workstream…
The Plan for React 18
June 7th, 2021
The React team is excited to share a few updates: We’ve started work on the React 18 release, which will be our next major version. We’ve created a Working Group to prepare the community for gradual adoption of new features in React 18. We’ve published a React 18 Alpha so that library authors can try…
Links on Accessibility
June 7th, 2021
Show/Hide password accessibility and password hints tutorial — Nicolas Steenhout goes deep on <input type=”password”> accessibility. For one thing, being able to toggle it to type=”text” should be possible, while announcing, politely, the change. But also, put the password hints (for choosing a password) before the input and programmatically connect them. And a bunch of…
W3C Advisory Committee Elects Advisory Board 2021
June 4th, 2021
The W3C Advisory Committee has elected the following people to fill six seats on the W3C Advisory Board starting 1 July 2021: Heejin Chung (Samsung Electronics), Avneesh Singh (DAISY Consortium), Eric Siow (Intel), Léonie Watson (TetraLogical), Chris Wilson (Google) and Hongru (Judy) Zhu (Alibaba) will join continuing participants Tantek Çelik (Mozilla), Tatsuya Igarashi (Sony), Florian Rivoal…
Serverless Functions: The Secret to Ultra-Productive Front-End Teams
May 31st, 2021
Modern apps place high demands on front-end developers. Web apps require complex functionality, and the lion’s share of that work is falling to front-end devs: building modern, accessible user interfaces creating interactive elements and complex animations managing complex application state meta-programming: build scripts, transpilers, bundlers, linters, etc. reading from REST, GraphQL, and other APIs middle-tier…
To $ or Not to $: Displaying Terminal Code Snippets
May 27th, 2021
It’s very popular to put a $ on lines that are intended to be a command in code documentation that involves the terminal (i.e. the command line). Like this: $ brew install somepackage The point of that is that it mimics the prompt that you (may) see on your command line. Here’s mine: So the…