Menu

W3C News

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,…

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…

Using Cypress to Write Tests for a React Application

June 12th, 2019

End-to-end tests are written to assert the flow of an application from start to finish. Instead of handling the tests yourself — you know, manually clicking all over the application — you can write a test that runs as you build the application. That’s what we call continuous integration and it’s a beautiful thing. Write…

Everything You Need to Know About Date in JavaScript

June 11th, 2019

Date is weird in JavaScript. It gets on our nerves so much that we reach for libraries (like Date-fns and Moment) the moment (ha!) we need to work with date and time. But we don’t always need to use libraries. Date can actually be quite simple if you know what to watch out for. In…

Upcoming: W3C Workshop on Data Models for Transportation

June 11th, 2019

W3C announced today a Workshop on Data Models for Transportation, 12-13 September 2019, in Palo Alto, CA, USA. The event is hosted by Uber. The primary goal of the workshop is to bring together data architects, product owners/managers, business development, corporate strategy and innovation from the various industries and sectors that will be the future…

Level up your .sort game

June 10th, 2019

Sorting is a super handy JavaScript method that can display the values of an array in a certain order. Whether that’s real estate listings by price, burger joints by distance, or best nearby happy hours by rating, sorting arrays of information is a common need. If you’re already doing this with JavaScript on a project,…

Designing with Motifs

June 10th, 2019

I love the way Erik Kennedy talks about digital design. Very practical and understandable. Have a listen to a chat with him we had on ShopTalk. One of his latest blog posts is titled “The #1 Way to Spice Up Your Designs (And Create a More Cohesive Brand)” and it’s about something he pegs as…