Menu

W3C News

Practical Use Cases for JavaScript’s closest() Method

August 12th, 2020

Have you ever had the problem of finding the parent of a DOM node in JavaScript, but aren’t sure how many levels you have to traverse up to get to it? Let’s look at this HTML for instance: <div data-id=”123″>   <button>Click me</button> </div> That’s pretty straightforward, right? Say you want to get the value…

For Wide Review: WCAG 2.2

August 10th, 2020

The Accessibility Guidelines Working Group (AG WG) has published a Working Draft of Web Content Accessibility Guidelines (WCAG) 2.2 for wide review. This version has 9 new accessibility requirements (“success criteria”) since WCAG 2.1. The new success criteria address the user needs of people with cognitive or learning disabilities, users of mobile devices, and users…

React v17.0 Release Candidate: No New Features

August 9th, 2020

Today, we are publishing the first Release Candidate for React 17. It has been two and a half years since the previous major release of React, which is a long time even by our standards! In this blog post, we will describe the role of this major release, what changes you can expect in it,…

More Control Over CSS Borders With background-image

August 7th, 2020

You can make a typical CSS border dashed or dotted. For example: .box { border: 1px dashed black; border: 3px dotted red; } You don’t have all that much control over how big or long the dashes or gaps are. And you certainly can’t give the dashes slants, fading, or animation! You can do those…

HTML for Subheadings and Headings

August 6th, 2020

Let’s say you have a double heading situation going on. A little one on top of a big one. It comes up, I dunno, a billion times a day, I’d say. What HTML do you go for? Dare I say, it depends? But have you considered all the options? And how those options play out…

TypeScript, Minus TypeScript

August 6th, 2020

Unless you’ve been hiding under a rock the last several years (and let’s face it, hiding under a rock sometimes feels like the right thing to do), you’ve probably heard of and likely used TypeScript. TypeScript is a syntactical superset of JavaScript that adds — as its name suggests — typing to the web’s favorite…

A Roadmap for Angular

August 5th, 2020

At the beginning of 2020 at ng-conf Hardwired, I talked about how we were evolving the team, improving our processes, and working to build stronger connections with the Angular community. One of the most important steps we are taking towards these goals is sharing more about what we’re working on, and some of the projects…

Computed Values: More Than Meets the Eye

August 5th, 2020

Browser DevTools are indispensable for us front end developers. In this article, we’ll take a look at the Computed tab, a small corner of the DevTools panel that shows us big things, like how relative CSS values are resolved. We’ll also see how inheritance fits into the browser’s style computation process. The “Computed” tab is generally located…

Making Sense of react-spring

August 4th, 2020

The animation is one of the trickier things to get right with React. In this post, I’ll try to provide the introduction to react-spring I wish I had when I first started out, then dive into some interesting use cases. While react-spring isn’t the only animation library for React, it’s one of the more popular…

The Making of: Netlify’s Million Devs SVG Animation Site

August 3rd, 2020

Building a Vue App out of an SVG The beauty of SVG is you can think of it, and the coordinate system, as a big game of battleship. You’re really thinking in terms of x, y, width, and height. <div id=”app”> <app-login-result-sticky v-if=”user.number” /> <app-github-corner /> <app-header /> <!– this is one big SVG –>…