Menu

W3C News

Updated Candidate Recommendations for JSON-LD 1.1

March 4th, 2020

The JSON-LD Working Group invites implementations of two revised Candidate Recommendations: JSON-LD 1.1 defines a JSON-based expression of Linked Data graphs. The syntax is designed to easily integrate into deployed systems that already use JSON, and provides a smooth upgrade path from JSON to JSON-LD. It enables the creation of more easily interoperable Web services,…

Four First Public Working Drafts published by the CSS Working Group

March 3rd, 2020

The CSS Working Group has published four First Public Working Drafts today: CSS Color Module Level 5 extends CSS Color [css-color-4] to add color modification functions. Media Queries Level 5 allows authors to test and query values or features of the user agent or display device, independent of the document being rendered. They are used…

Considerations for Creating a Card Component

March 2nd, 2020

Here’s a Card component in React: const Card = props => { return( <div className=”card”> <h2>{props.title}</h2> <p>{props.content}</p> </div> ) } It might be pretty useful! If you end up using this thing hundreds of times, now you have the ability to refactor a little bit of HTML across your app very easily. You already have…

When CSS Blocks

February 27th, 2020

Tim Kadlec: One particular pattern [for loading non-critical CSS] I’ve seen is the preload/polyfill pattern. With this approach, you load any stylesheets as preloads instead, and then use their onload events to change them back to a stylesheet once the browser has them ready. So you’re trying to make your stylesheet more async, but it causes two…

First Public Working Draft: WCAG 2.2

February 27th, 2020

The Accessibility Guidelines Working Group (AG WG) has published a First Public Working Draft of Web Content Accessibility Guidelines (WCAG) 2.2. WCAG provides recommendations for making web content more accessible to people with disabilities. It addresses accessibility of web content on desktops, laptops, tablets, and mobile devices. Following these guidelines also makes your web content…

Let’s Say You Were Going to Write a Blog Post About Dark Mode

February 26th, 2020

This is not that blog post. I’m saying let’s say you were. This is not a knock any other blog posts out there about Dark Mode. There are lots of good ones, and I’m a fan of any information-sharing blog post. This is more of a thought exercise on what I think it would take…

React v16.13.0

February 25th, 2020

Today we are releasing React 16.13.0. It contains bugfixes and new deprecation warnings to help prepare for a future major release. New Warnings Warnings for some updates during render A React component should not cause side effects in other components during rendering. It is supported to call setState during render, but only for the same…

Responsive Grid Magazine Layout in Just 20 Lines of CSS

February 25th, 2020

I was recently working on a modern take of the blogroll. The idea was to offer readers a selection of latest posts from those blogs in a magazine-style layout, instead of just popping a list of our favorite blogs in the sidebar. The easy part was grabbing a list of posts with excerpts from our…

Pages for Likes

February 24th, 2020

I posted about parsing an RSS feed in JavaScript the other day. I also posted about my RSS setup talking about how Feedbin is at the heart of it. Dave discovered that Feedbin can also produce an RSS feed for all your likes. Like is a feature of Feedbin, and fortunately also NetNewsWire, which syncs…

Fixed Headers and Jump Links? The Solution is scroll-margin-top

February 21st, 2020

The problem: you click a jump link like <a href=”#header-3″>Jump</a> which links to something like <h3 id=”header-3″>Header</h3>. That’s totally fine, until you have a position: fixed; header at the top of the page obscuring the header you’re trying to link to! Fixed headers have a nasty habit of hiding the element you’re trying to link…