Menu

W3C News

NetNewsWire and Feedbin

January 16th, 2020

NetNewsWire is one of the classic RSS apps, debuting in 2002. I was pretty stoked when it went 5.0 and was open-sourced in August 2019! You can snag it right here. (Sorry, Mac only.) It’s super nice, is fast, and looks great. It has just the right features. But… I thought, at least at first,…

Thinking Through Styling Options for Web Components

January 16th, 2020

Where do you put styles in web components? I’m assuming that we’re using the Shadow DOM here as, to me, that’s one of the big draws of a web component: a platform thing that is a uniquely powerful thing the platform can do. So this is about defining styles for a web component in a…

The Deal with the Section Element

January 15th, 2020

Two articles published the exact same day: Bruce Lawson on Smashing Magazine: Why You Should Choose HTML5 <article> Over <section> Adam Laki on Pine: The Difference Between <section> and <div> Element They are comparing slightly different things, but they both involve the <section> element. I find it pretty clear when you reach for a <div>:…

Debunking the Myth: Accessibility and React

January 15th, 2020

I find it notable when the blog of a major accessibility-focused company like Deque publishes an article called Debunking the Myth: Accessibility and React. Mark Steadman is essentially saying if a site has bad accessibility, it ain’t React… it’s you. The tools are there to achieve good accessibility. React didn’t use a <div> for a…

Updated Candidate Recommendation: Identifiers for WebRTC’s Statistics API

January 14th, 2020

The Web Real-Time Communications Working Group invites implementation of its updated Candidate Recommendation of Identifiers for WebRTC’s Statistics API. This document defines a set of WebIDL objects that allow access to the statistical information about a RTCPeerConnection. These objects are returned from the getStats API that is specified in [WEBRTC]. Comments are welcome by 21…

How to Animate on the Web With Greensock

January 13th, 2020

There are truly thousands of ways to animate on the web. We’ve covered a comparison of different animation technologies here before. Today, we’re going to dive into a step-by-step guide of one of my favorite ways to get it done: using GreenSock.   (They don’t pay me or anything, I just really enjoy using them.)…

W3C Advisory Committee Elects Technical Architecture Group

January 13th, 2020

The W3C Advisory Committee has elected the following people to the W3C Technical Architecture Group (TAG): Rossen Atanassov (Microsoft Corporation), David Baron (Mozilla Foundation) and Kenneth Rohde Christiansen (Intel Corporation). They join co-Chair Tim Berners-Lee and continuing participants, Daniel Appelquist (Samsung Electronics; co-Chair), Hadley Beeman (W3C Invited Expert), Alice Boxhall (Google), Peter Linss (W3C Invited…

CSS-Only Carousel

January 10th, 2020

It’s kind of amazing how far HTML and CSS will take you when building a carousel/slideshow. Setting some boxes in a horizontal row with flexbox is easy. Showing only one box at a time with overflow and making it swipable with -webkit-overflow-scrolling is easy. You can make the “slides” line up nicely with scroll-snap-type. A…

Understanding Async Await

January 9th, 2020

When writing code for the web, eventually you’ll need to do some process that might take a few moments to complete. JavaScript can’t really multitask, so we’ll need a way to handle those long-running processes. Async/Await is a way to handle this type of time-based sequencing. It’s especially great for when you need to make…

let vs. const

January 9th, 2020

There are multiple ways to declare variables in JavaScript. We had var, and while that still works like it always has, it is generally said that let and const are replacements to the point we rarely (if ever) need var anymore. This doodle explanation does a pretty good job, if you need a refresher. What…