Menu

W3C News

How to Increase Your Page Size by 1,500% with webpack and Vue

June 19th, 2019

Disclaimer: This article is mostly satire. I do not think that I am better than you because I once wrote some TypeScript nor do I think that it’s a good thing for us to make web pages bigger. Feel free to misrepresent these views to maximize clicks. You know, there are a lot of articles…

Drop caps & design systems

June 19th, 2019

Ethan Marcotte has written up his process for how to make drop caps accessible for screen readers and browsers alike. All of that is very interesting and I’m sure I’ll use a technique like this in the near future, but the part that made me hop out of my seat is where Ethan notes his…

Every Layout

June 18th, 2019

Every Layout is a new work-in-progress website and book by Heydon Pickering and Andy Bell that explains how to make common layout patterns with CSS. They describe a lot of the issues when it comes to the design of these layouts, such as responsive problems and making sure we all write maintainable code, and then…

How to Section Your HTML

June 18th, 2019

The sectioning elements in HTML5 are <nav>, <aside>, <article>, and <section>. <body> is also kind of a sectioning element since all content lying inside of it is part of the default document section. Here is a brief explanation of each sectioning element and how they are used: <nav> – Equivalent to role=”navigation”. Major site navigation…

Managing State in React using Unstated-Next

June 17th, 2019

In a previous post, we saw how to manage state using Unstated. As you might recall, Unstated uses React’s built-in setState to allow you create components that can consume state by subscribing to a provider — like the React’s Context API. Well, we’re going to build off that last post by looking at Unstated Next,…

W3C Workshop Report: Permissions and User Consent

June 17th, 2019

W3C is pleased to announce a report from the W3C Workshop on Permissions and User Consent held in late 2018, in San Diego, California, USA. This report contains a brief summary and collects highlights from the individual sessions, with links to the presentation slides. More detailed meeting minutes are also available. One of the take-aways was…

Components, yo.

June 14th, 2019

I see VuePress just went 1.0. Explained simply, it’s a static site generator based on Vue. But of course, you work in Vue, which means you work in components. All the modern JavaScript frameworks are component-based. Even when they disagree with each other about specific things (like how Svelte requires compilation), they all seem to…

Weekly Platform News: CSS Scroll Snap, Opera GX, PWA Install Icon

June 14th, 2019

In this week’s roundup, Chrome is adding an install option for Progressive Web Apps, Opera GX comes to Windows, the ECMAScript proposals get an update, and CSS Scroll Snap is coming to a Firefox browser near you. An install icon is coming to Chrome on desktop Pete LePage: The next version of Chrome will automatically…

Drawing Realistic Clouds with SVG and CSS

June 13th, 2019

Greek mythology tells the story of Zeus creating the cloud nymph, Nephele. Like other Greek myths, this tale gets pretty bizarre and X-rated. Here’s a very abridged, polite version. Nephele, we are told, was created by Zeus in the image of his own beautiful wife. A mortal meets Nephele, falls in love with her and,…

Grid, content re-ordering and accessibility

June 12th, 2019

Take this: <ol> <li>Get hungry</li> <li>Order pizza</li> <li>Eat pizza</li> </ol> That HTML ends up in the DOM that way (and thus how it is is exposed to assistive technology), and by default, those list items are also visually shown in that order. In most layout situations, the visual order will match that DOM order. Do…