Welcome to Infusion: a documentation builder for inclusive designers and those trying to be inclusive designers. These are Infusion’s docs, but they are also an example of a site built with Infusion. Here are some of its features:
Built with Hugo, so easy to structure content and fast to compile it
Available to read offline, as a Progressive Web App
Include encapsulated live demos, inline with your markdown, using Shadow DOM
Quickly include WCAG and Inclusive Design Principles references
A responsive, screen reader and keyboard accessible static site as output
Automated Github Pages deployment
Includes a single-page printable version suitable for PDF conversion

Based on Flexbox (CSS Flexible Box Layout Module), Gridlex is a very simple css grid system to quickly create modern layouts and submodules.

Vous êtes-vous déjà demandé si une personne aveugle pouvait utiliser un ordinateur ? Et si oui, comment ?

Nouvelle version des WCAG, à suivre

"What should I choose?"

null > 0; // false
null == 0; // false
null >= 0; // true

"I want to be very clear: I believe AMP is a framework designed with good intentions, aimed at solving the very real problem of a web that’s gotten far, far too slow for its users. But using AMP? The cost for the web, and for those who do business on it, is much, much too high."

"Advocating for performance awareness should be everyone’s goal."

Tutoriel de création et de configuration d'un site statique e-commerce avec Hugo (générateur de sites statiques) et Snipcart (système de gestion e-commerce par API).

"CSS Grid Layout is the most powerful layout system available in CSS. It is a 2-dimensional system, meaning it can handle both columns and rows, unlike flexbox which is largely a 1-dimensional system. You work with Grid Layout by applying CSS rules both to a parent element (which becomes the Grid Container) and to that elements children (which become Grid Items)."

"This document defines an API that can be used to capture a series of key moments (First Paint, First Contentful Paint) during pageload which developers care about."

PWA are just a shorthand for quality web experiences.

The Opquast Web Quality Checklist is now available in english!

"There is no such thing as disconnected information, no matter where you look – people, events, places, things, documents, applications and the information about them is all heavily connected. As the volume of data grows, so does the number and dynamicity of its connections. And if you’ve tried in the past to store and query that highly connected, semi-structured data in any database, you probably experienced a lot of challenges."

Puppeteer is a Node library which provides a high-level API to control headless Chrome over the DevTools Protocol. It can also be configured to use full (non-headless) Chrome.

This weekend I scratched a bit of a long term itch and implemented basic support for the Performance Timeline specification for Node.js core. Hopefully it will land soon.

A Node queue API for generating PDFs using headless Chrome. Comes with a CLI, S3 storage and webhooks for notifying subscribers about generated PDFs

Pourquoi [[]][0]++; fontionne-t-il, là où []++; lève une erreur ? Plongée dans les arcanes de JS.