W3C News

You want minmax(10px, 1fr) not 1fr

January 22nd, 2021

There are a lot of grids on the web like this: .grid { display: grid; grid-template-columns: repeat(3, 1fr); } My message is that what they really should be is: .grid { display: grid; grid-template-columns: repeat(3, minmax(10px, 1fr)); }   Why? In the former, the minimum width of the grid column is min-content, which can be…

First Public Working Draft: W3C Accessibility Guidelines (WCAG) 3.0

January 21st, 2021

The Accessibility Guidelines Working Group (AG WG) has published a First Public Working Draft of W3C Accessibility Guidelines (WCAG) 3.0. WCAG and supporting materials explain how to make web content, apps, and tools more accessible to people with disabilities. W3C Accessibility Guidelines (WCAG) 3 has several differences from Web Content Accessibility Guidelines (WCAG) 2. WCAG…

Lightweight Form Validation with Alpine.js and Iodine.js

January 20th, 2021

Many users these days expect instant feedback in form validation. How do you achieve this level of interactivity when you’re building a small static site or a server-rendered Rails or Laravel app? Alpine.js and Iodine.js are two minimal JavaScript libraries we can use to create highly interactive forms with little technical debt and a negligible…

Life with ESM

January 19th, 2021

ESM, meaning ES Modules, meaning JavaScript Modules. Like, import and friends. Browsers support it these days. There is plenty of nuances, but as long as you’ve dropped IE, the door is fairly open. Before ESM, the situation for JavaScript projects was: We’ve got packages we need to use from npm. We’ll install them from npm…

W3C launches MiniApps Working Group

January 19th, 2021

W3C launched today the MiniApps Working Group. We invite W3C Members to join the group and drive collaboration on clarifying requirements and producing specifications that facilitate the development of interoperable and robust MiniApps. MiniApp as a new form of mobile application, leveraging both Web technologies (especially CSS and JavaScript) as well as capabilities of native…

The Responsible Use of Spatial Data

January 19th, 2021

The Spatial Data on the Web Interest Group has published a Group Note of The Responsible Use of Spatial Data. This note highlights some of the unique characteristics of spatial data within the broader realm of ethical use of data. A brief analysis of the relationship between law and ethics explains that responsible use is…

First Public Working Draft: CSS Cascading and Inheritance Level 5

January 19th, 2021

The CSS Working Group has published a First Public Working Draft of CSS Cascading and Inheritance Level 5. This CSS module describes how to collate style rules and assign values to all properties on all elements. By way of cascading and inheritance, values are propagated for all properties on all elements. New in this level…

State of JavaScript 2020

January 18th, 2021

We rounded up a bunch of published 2020 annual reports right before the year ended and compiled them into a big ol’ list. The end of the list called out a couple of in-progress surveys, one of which was the 2020 State of JavaScript. Well, the results are in and available to check out! Just…

On Auto-Generated Atomic CSS

January 15th, 2021

Robin Weser’s “The Shorthand-Longhand Problem in Atomic CSS” in an interesting journey through a tricky problem. The point is that when you take on the job of converting something HTML and CSS-like into actual HTML and CSS, there are edge cases that you’ll have to program yourself out of if you even can at all….

Building an Ethereum app using Redwood.js and Fauna

January 14th, 2021

With the recent climb of Bitcoin’s price over 20k $USD, and to it recently breaking 30k, I thought it’s worth taking a deep dive back into creating Ethereum applications. Ethereum, as you should know by now, is a public (meaning, open-to-everyone-without-restrictions) blockchain that functions as a distributed consensus and data processing network, with the data…