Menu

W3C News

4 CSS Grid Properties (and One Value) for Most of Your Layout Needs

March 30th, 2020

CSS Grid provides us with a powerful layout system for websites. The CSS-Tricks guide gives you a comprehensive overview of Grid’s properties with layout examples. What we’re going to do here is a reverse approach to show you the smallest possible set of grid properties you need to know to meet most of your layout…

Creating a Pencil Effect in SVG

March 28th, 2020

Scott Turner, who has an entire blog “Exploring procedural generation and display of fantasy maps”, gets into why vector graphics seems on these surface why it would be bad for the look of a pencil stroke: Something like this pencil stroke would require many tens of thousands of different elements.  Basically each little blob of…

Creating an Editable Site with Google Sheets and Eleventy

March 27th, 2020

Remember Tabletop.js? We just covered it a little bit ago in this same exact context: building editable websites. It’s a tool that turns a Google Sheet into an API, that you as a developer can hit for data when building a website. In that last article, we used that API on the client side, meaning…

Consistent Backends and UX: How Do New Algorithms Help?

March 26th, 2020

In previous articles, we explained what consistency is, the difference between “strong” and “eventual” consistency, and why this distinction is more important than ever to modern application developers. We also introduced the notion of ‘consistency tax’: the extra time and effort that a development team needs to invest if they choose a system with only…

W3C Invites Implementations of Time Ontology in OWL

March 26th, 2020

W3C has republished a Candidate Recommendation of Time Ontology in OWL. OWL-Time is an OWL-2 DL ontology of temporal concepts, for describing the temporal properties of resources in the world or described in Web pages. The ontology provides a vocabulary for expressing facts about topological (ordering) relations among instants and intervals, together with information about…

Version 9.1 of Angular Now Available — TypeScript 3.8, faster builds, and more

March 25th, 2020

Version 9.1 of Angular Now Available — TypeScript 3.8, faster builds, and more We just released Version 9.1 of Angular. This is a minor release of the framework and the CLI that is a drop-in replacement for 9.0 containing new features and bug fixes. Build Speed Improvements Today, the Angular libraries you use are made compatible with the Ivy…

An Introduction to MDXJS

March 25th, 2020

Markdown has traditionally been a favorite format for programmers to write documentation. It’s simple enough for almost everyone to learn and adapt to while making it easy to format and style content. It was so popular that commands from Markdown have been used in chat applications like Slack and Whatsapp as document applications, like Dropbox…

Indicating Scroll Position on a Page With CSS

March 24th, 2020

Scrolling is something we all know and do on the web to the extent that it’s an expectation or perhaps even a habit, like brushing our teeth. That’s probably why we don’t put too much thought into designing the scrolling experience — it’s a well-known basic function. In fact, the popular “there is no fold”…

W3C Invites Implementations of TTML Profiles for Internet Media Subtitles and Captions 1.2

March 23rd, 2020

The Timed Text Working Group has published a Candidate Recommendation of TTML Profiles for Internet Media Subtitles and Captions 1.2. This specification defines two profiles of [ttml2]: a text-only profile and an image-only profile. These profiles are intended to be used across subtitle and caption delivery applications worldwide, thereby simplifying interoperability, consistent rendering and conversion…

Building a Real-Time Chat App with React and Firebase

March 23rd, 2020

In this article, we’ll cover key concepts for authenticating a user with Firebase in a real-time chat application. We’ll integrate third-party auth providers (e.g. Google, Twitter and GitHub) and, once users are signed in, we’ll learn how to store user chat data in the Firebase Realtime Database, where we can sync data with a NoSQL…