A current website shared across the web because it allows to test some colors on real website.

Some cards are mixed to create a new type of user.

A checklist about accessibility. It ensures that the website follows some standards. The demo (https://www.magentaa11y.com/demos/) definitely help in order to follow these.

In short, don’t try to make something beautiful. Try to make something well-organized, and watch the beauty emerge!

Some best practices to design interfaces.

• centering in a box: leave at least half its shortest dimension as a minimum margin.
• vertically centering text

  Why is it called ‘x’ height? Because the letter ‘x’ is the only letter in the alphabet that has all its terminals touch both the baseline and the meanline, with no extending points.

• when centering text inside a box, you need to use the height of the lowercase letters to do the centering and make sure there is the same amount of space all around the text.
• when centering a polygon, center the circle passing by each point instead of centering the box around the polygon.
• when putting a rounded box into another one, a mistake I have seen often is to use the same border-radius on the box outside and the box inside. You need to use a proportional radius when doing such rounded box nesting.
• repetition is key to a rhythm: go for the design system.
• not so justified: use manually justify content instead of this ugly automatic one.
• a contrast ratio of 4.5 or higher is recommended.
• the contrast between each heading level should be high enough for the structure to be visible. if possible, a consistent ratio between different header levels usually looks more elegant.

Fun fact: "up" is "dn" rotated 180 degrees.

In a nutshell:

• I think we are overly focused on learning programming languages instead of programming models,
• We should try to make the coding models learnable in the programming languages people use.

Most of the time, your job with JavaScript to enhance components’ keyboard accessibility will be done with just a handful of tools, including the use of event listeners and certain JavaScript methods of a couple of Web APIs that can help us in this task.

• keydown event: Instead, the utility of the keydown event comes when you need to add functionality to other keys [than enter or space].
• blur event: most of the time, you’ll use it to reverse the possible changes you have made with the keydown event listener.
• focus event (rare), but instead the focus method!
• button.inert works and avoid a setAttribute.

#idea #project #vue: create a directive to handle keydown and blur event into one action that is reversible.

So now we can have a look at component patterns:

• toggletips
• tabs
• modals

Un thread sur une enquête des sites ne respectant pas le RGPD

Because it can leads to (better) answers with less time needed.

“This sentence has five words. Here are five more words. Five-word sentences are fine. But several together become monotonous. Listen to what is happening. The writing is getting boring. The sound of it drones. It’s like a stuck record. The ear demands some variety. Now listen. I vary the sentence length, and I create music. Music. The writing sings. It has a pleasant rhythm, a lilt, a harmony. I use short sentences. And I use sentences of medium length. And sometimes, when I am certain the reader is rested, I will engage him with a sentence of considerable length, a sentence that burns with energy and builds with all the impetus of a crescendo, the roll of the drums, the crash of the cymbals–sounds that say listen to this, it is important.”

A guide to primary navigation on the related HTML tags. About HTML, inert and tabindex are explained.

For CSS, an optimal focus indicator is explained. There are also :focus-within and :focus-visible.

Finally some patterns such as Accordion, Tooltips and skip links are explained.

Ils oublient de préciser que les biens immobiliers ont vu leur prix augmenter de 150% depuis les années 2000.

Autrement dit, l'héritage d'un bien immobilier est devenu quelque chose de précieux.

“Sur les 315,8 M d’€ de préjudices détectés et stoppés l’an dernier, près des trois quarts portent sur des frais de santé, pour l’essentiel facturés à tort par des professionnels de santé (consultations, actes, remboursements de soins et de médicaments, etc.)”

Donc la fraude sociale, ce sont surtout les professionnels de santé qui fraudent. Pas les pauvres ou les étrangers.