A simple server to create a webring

A blog post aggregator. It about the web, HTML, CSS and JavaScript. The powerful basics.

Un bon retour d'incident!

Why is there the first rule of ARIA? Because ->

A set of resources to use fluid typography instead of media queries

En cas de besoin: ce sont des procédures officielles que tout membre du corps enseignant doit respecter.

These are relevant arguments in favor of Go.

A project to list all email issues.

Add snippets to get statistics from Core Web Vitals

Each theme provides an accent, special, and neutral palette with 6 tints and 6 shades for a total of 13 generated colors each. Some themes use preset hues for each color, and others are generated based on color-theory.

A dark mode with an invert option is provided.

Une enseignante du cycle 2

Similar to microdata.

Designed for humans first and machines second, microformats are a set of simple, open data formats built upon existing and widely adopted standards. Instead of throwing away what works today, microformats intend to solve simpler problems first by adapting to current behaviors and usage patterns. - https://microformats.org/wiki/about

What is the difference between microformats and microdata? It seems that microdata is an extension of microformats. Also microdata is meant for HTML5, whereas microformats is meant for everything.

How to make an accessible skeleton with ARIA ?

Note that the skeleton pattern hides a bad design where the UI is slower than expected. So avoid it as much as possible.

Elle est drôle cette publicité quand même, car les fruits de qualité deviennent rares.

1. Check if the image really needs a description. Maybe it is decorative. The W3C alt decision tree(opens in a new tab) is an excellent resource to help you categorize your photos.
2. Avoid writing "Image of", "Icon of", or "Picture of". Screen readers announce the presence of an image. Adding these words inside your alt is unnecessary.
3. Keep it as short as possible. Be specific but not overly descriptive.
4. Try to put the most essential information at the beginning of your description.

“It lets me write multi-headed programs that run on 16 cores and keep them readable, maintainable, and crash-free. It also lets me write low-level algorithms requiring control over memory layout and pull in a crate that makes HTTPS requests super simple. It’s the combination of these features that makes Rust so unique.”

And the feedback from Github on the language.

Ahahaha la parodie est bien trouvé

Vous avez demandé un effet Streisand?

DORA and SPACE give some pointers, and we offer two more:

• Producing at least one customer-facing thing per team, per week.
• Delivering business impact committed to by the team.

It handles CSS grid and flexbox

It is interesting as it avoids a typescript to javascript compilation.
It works with plain JS too.

Malheureusement, le fatalisme, la paresse intellectuelle ou tout simplement l’ignorance font que les gens continuent de se servir de ces instruments [...]

Est-ce que ce sont les seules raisons?

Le témoignage est consternant en effet.

Aucun casier judiciaire demandé. Il suffit de remplir une attestation sur l'honneur. Il suffit d'attester sur l'honneur ne souffrir d'aucune contre-indication pour préserver son permis.

Ainsi, « Comment peut-on mettre une arme dans les mains d’un enfant qui n’a même pas encore le droit de voter ou de conduire ? »

Aux Pays-Bas et Luxembourg, le permis n'est plus reconnu.

A template engine for HTML. It allows to build custom expression.

It is used by #FoundryVTT

There are a lot of differences between the two tools

Another one ! He's not much active, but there's one Hello World post.

Using 0 as CSS value breaks the calc function if the two values are not pixels.

The only difference between a , a , and a is in the units applied. A like 1 becomes a if you add length-units (1px, 1em, etc) and a if you add time-units (1s, 1ms, etc).

Actually

For zero and only zero, we can use a when CSS expects a .

0 is not allowed in some functions such as rgb or HSL, because these expects degree or percentages.

Another one

The physical limitation of space on our storage habits has been replaced with a purely financial subscription model, a virtual asset with unlimited flex, rather than a material, spatial expansion.

In a study commissioned by Fujifilm in March 2022 13 , 97% of all adults surveyed said that they use cloud storage for some or all of their photos.

In an informal survey of friends, colleagues, and followers on federated networks (86 respondents), around half reported having photo collections on their phones of more than 5,000 images, with just over 70% reporting more than 1,000 images stored.

Microdata is used to nest metadata within existing content on web pages: for example, a list of persons.

To create an item, such as a person, the itemscope attribute is used.
To add a property to an item, the itemprop attribute is used on one of the item's descendants.

A thread about Firefox that drops support for Windows 7, 8 and 8.1. It includes versions prior to 10.15 of macOS.

The author explains the reasoning and there are multiple arguments.

It spots files that does not follow the XDG specifications.

Find a group of emojis that matches a meaning

There are no shortcuts on accessibility at the moment

They have an official one 😃

The summary/details pattern is the best way to hide and show content.

Let's see in some month how the Foundry VTT integration went 😉

I didn't push the thought to this point! The distinction between the focus indication area and the contrasting area is also pertinent.

Shit. That's true.

Enter an SVG path data (the string inside the d attribute) to visualize it and discover all its different commands

Fresh from Setptember 2023

• the loud newbie
• the grumpy old timer
• the bug chronicler
• the documentarian
• the "today I learned"
• the "I've read the entire internet"
• the tool builder
• the question answerer
• ?

The state of the art CSS parser and minifier.

This tool is used by Mozilla for Firefox.

A contrast checker that can also convert colors to new CSS units.
Made by oddsbird.com

When to choose a responsive website over Progressive Web Apps over native Apps

Une enseignante de cycle 3

A color gamut is a dimension in which we define colors, and the color space defines how we define a color inside the gamut.

For example, sRGB is a color gamut that spans a range of colors, and Hex, RGB and HSL are the spaces available to explore the gamut.

and the sRGB gamut becomes inconvenient:

• The technology allows better colors (at least a wider gamut than allowed by sRGB)
• Dead grey zones between two points in space.
• inconsistent levels of lightness

So two units have landed. One is oklch:

• l controls the lightness, and measured in a range of 0% to 100%
• c is the chroma value, measured in decimals between 0 and 0.37
• h is the same old hue of HSL, in the same range of 0deg to 360deg
• / a is the alpha in the oklch.

The chroma limit value could be infinite, but P3 Iphone display and sRGB are limited to 0.37.

“Chroma refers to the purity of a color. A hue with high chroma has no black, white, or gray added to it. Conversely, adding white, black, or gray reduces its chroma. It’s similar to saturation but not quite the same. Chroma can be thought of as the brightness of a color in comparison to white.” — Cameron Chapman

allyphanta11yphant teaches web accessibility, one step at a time, broken down into manageable pieces. We call these challenges. You won't need to read large amounts of text to complete those. Instead, you will learn by applying the concepts in code. Get started with your first web accessibility challenge and improve your skills.