Menu

W3C News

Two-Value Display Syntax (and Sometimes Three)

November 8th, 2019

You know the single-value syntax: .thing { display: block; }. The value “block” being a single value. There are lots of single values for display. For example, inline-flex, which is like flex in that it becomse a flex container, but behaves like an inline-level element rather than a block-level element. Somewhat intuitive, but much better…

Diana Smith’s Pure CSS Artwork “Lace”

November 8th, 2019

Diana is at it again with her absolutely unbelievable CSS paintings. This latest one is called Lace. Past paintings are Francine, Vignes, and Zigario. She wrote for us last year if you’d like a little insight into her thinking. Andy Baio looked at the painting in a variety of older and incompatible browsers, and the…

Working with Fusebox and React

November 8th, 2019

If you are searching for an alternative bundler to webpack, you might want to take a look at FuseBox. It builds on what webpack offers — code-splitting, hot module reloading, dynamic imports, etc. — but code-splitting in FuseBox requires zero configuration by default (although webpack will offer the same as of version 4.0). Instead, FuseBox…

Location, Privilege and Performant Websites

November 7th, 2019

Here’s a wonderful reminder from Stephanie Stimac about web performance. She writes about a recent experience of moving to an area with an unreliable network and how this caused problems for her as she tried to figure out what was happening during a power blackout: Assuming all of your customers are living the same life,…

Query JSON documents in the Terminal with GROQ

November 7th, 2019

JSON documents are everywhere today, but they have rarely structured the way you want them to be. They often include too much data, have weirdly named fields, or place the data in unnecessary nested objects. Graph-Relational Object Queries (GROQ) is a query language (like SQL, but different) which is designed to work directly on JSON…

Optimizing Images for Users with Slow Network Speeds

November 7th, 2019

For every website, page load time is a critical factor that can make or break the business. Thanks to the better user experience that comes with a fast-loading webpage, those who focus on page load optimization enjoy better conversion rates, better SEO, better retention, and lower bounce rates. And this fact has been highlighted in…

W3C Website redesign, phase 1 RFP

November 7th, 2019

W3C is accepting proposals from outside vendors to redesign the existing W3C website. Our organization, which celebrated its 25th anniversary this year, produces open and royalty-free Web Standards and guidelines that make the Web work, for everyone. We believe that by implementing current web best practices and technologies, revising the information architecture, creating a content…

First Public Working Draft: Decentralized Identifiers (DIDs) v1.0

November 7th, 2019

The Decentralized Identifier Working Group has published a First Public Working Draft of Decentralized Identifiers (DIDs) v1.0. Decentralized identifiers (DIDs) are a new type of identifier for verifiable, decentralized digital identity. These new identifiers are designed to enable the controller of a DID to prove control over it and to be implemented independently of any…

Building Accessibility in Angular Applications

November 6th, 2019

Accessibility in Angular Applications Guest Author: Zama Khan Mohammed, Software Architect, Author of Angular Projects book. Hug illustration is taken from icon8 Many software development teams focus and prioritize software architecture, performance, security, testability, and maintainability of the software but often forget to value the importance of accessibility. Accessibility should never be an afterthought! Everyone should be…

Some Things You Oughta Know When Working with Viewport Units

November 6th, 2019

David Chanin has a quickie article summarizing a problem with setting an element’s height to 100vh in mobile browsers and then also positioning something on the bottom of that. Summarized in this graphic: The trouble is that Chrome isn’t taking the address bar (browser chrome) into account when it’s revealed which cuts off the element…