Menu

W3C News

Meeting GraphQL at a Cocktail Mixer

September 26th, 2019

GraphQL and REST are two specifications used when building APIs for websites to use. REST defines a series of unique identifiers (URLs) that applications use to request and send data. GraphQL defines a query language that allows client applications to specify precisely the data they need from a single endpoint. They are related technologies and…

Paperform

September 26th, 2019

Buy or build is a classic debate in technology. Building things yourself might feel less expensive because there is no line item on your credit card bill, but has cost in the form of time. Buying things, believe it or not, is usually less expensive when it comes to technology that isn’t your core focus….

A Dark Mode Toggle with React and ThemeProvider

September 25th, 2019

I like when websites have a dark mode option. Dark mode makes web pages easier for me to read and helps my eyes feel more relaxed. Many websites, including YouTube and Twitter, have implemented it already, and we’re starting to see it trickle onto many other sites as well. In this tutorial, we’re going to…

Thinking in React Hooks

September 25th, 2019

Amelia Wattenberger has written this wonderful and interactive piece about React Hooks and details how they can clean up code and remove all those troubling lifecycle events: React introduced hooks one year ago, and they’ve been a game-changer for a lot of developers. There are tons of how-to introduction resources out there, but I want…

Working Group Notes for Verifiable Credentials Implementation Guidelines 1.0 and Verifiable Credentials Use Cases

September 24th, 2019

The Verifiable Claims Working Group has published a First Public Working Group Note of Verifiable Credentials Implementation Guidelines 1.0 along with an Updated Working Group Note of Verifiable Credentials Use Cases. The Implementation Guidelines document provides implementation guidance for the Verifiable Credentials Data Model 1.0 specification, while the Use Cases document provides use cases for…

Filtering Data Client-Side: Comparing CSS, jQuery, and React

September 24th, 2019

Say you have a list of 100 names: <ul> <li>Randy Hilpert</li> <li>Peggie Jacobi</li> <li>Ethelyn Nolan Sr.</li> <!– and then some –> </ul> …or file names, or phone numbers, or whatever. And you want to filter them client-side, meaning you aren’t making a server-side request to search through data and return results. You just want to…

An Explanation of How the Intersection Observer Watches

September 24th, 2019

There have been several excellent articles exploring how to use this API, including choices from authors such as Phil Hawksworth, Preethi, and Mateusz Rybczonek, just to name a few. But I’m aiming to do something a bit different here. I had an opportunity earlier in the year to present the VueJS transition component to the…

Get Geographic Information from an IP Address for Free

September 24th, 2019

Say you need to know what country someone visiting your website is from because you have an internationalized site and display different things based on that country. You could ask the user. You might want to have that functionality anyway to make sure your visitors have control, but surely they will appreciate it just being…

Link Underlines That Animate Into Block Backgrounds

September 23rd, 2019

It’s a cool little effect. The default link style has an underline (which is a good idea) and then on :hover you see the underline essentially thicken up turning into almost what it would have looked liked if you used a background-color on the link instead. Here’s an example of the effect on the Superfriendly…

Static First: Pre-Generated JAMstack Sites with Serverless Rendering as a Fallback

September 23rd, 2019

You might be seeing the term JAMstack popping up more and more frequently. I’ve been a fan of it as an approach for some time. One of the principles of JAMstack is that of pre-rendering. In other words, it generates your site into a collection of static assets in advance, so that it can be…