I will give it a try instead of using Storybook for the new projects. Especially with Vue and Vite.

I find Vite to be a good compromise between having the benefits of TS and the slow build step. Use es-build to transpile and does not do type checking since it passes that responsibility onto the IDE.

Totally agree with this comment !
It is still possible to run the type checker all in once if needed.

With jc and the option to convert the output to json

Only supported by chrome for now

1. A Save-Data header is sent on each HTTP request. This allows dynamic backends to change the HTML returned.
2. The NetworkInformation.saveData JavaScript API. This allows client-side JavaScript to check this and act accordingly.
3. The upcoming prefers-reduced-data media query, which allows CSS to set different options depending on this setting. This is available behind a flag in Chrome, but not yet on by default while it finishes standardization.

Seems a good project for Drag'n'Drop !

In a nutschell: font-variant-numeric: tabular-nums; to make space between digit in a number consistent.

See https://twitter.com/i/status/1486059026064584711 for a animated example

Use gap to insert space on both axis left and right between elements

Nesting
Subgrid
Cascade Layers
New CSS color functions
accent-color
@when / @else
:has()
@container() query

Ha !

microlight.js is a tiny library (2.2k minified) which improves readability of code snippets by highlighting, for any programming language, without attaching additional language packages or styles

RIIR ou at least in python 3.

Dependency: pygithub3

mkdir -p instead of mkdir

ln -sfn source target instead of ln -s source target

rm -f example.txt instead of rm example.txt

Modifying a file

if ! grep -qF "/mnt/dev" /etc/fstab; then
  echo "/dev/sda1 /mnt/dev ext4 defaults 0 0" | sudo tee -a /etc/fstab
fi

Check if variable, file or dir exists
formatting a device
mounting a device

Summary:

• Use Boyer-Moore (and unroll its inner loop a few times).

• Roll your own unbuffered input using raw system calls. Avoid copying
  the input bytes before searching them. (Do, however, use buffered
  output. The normal grep scenario is that the amount of output is
  small compared to the amount of input, so the overhead of output
  buffer copying is small, while savings due to avoiding many small
  unbuffered writes can be large.)

• Don't look for newlines in the input until after you've found a match.

• Try to set things up (page-aligned buffers, page-sized read chunks,
  optionally use mmap) so the kernel can ALSO avoid copying the bytes.

The key to making programs fast is to make them do practically nothing. ;-)

It is possible to activate/deactivate a class with node.classList.toggle('className', true/false)

The example provided about forms is impressive ! HTML and CSS are so much powerful ! I think I will use them more in vue and svelte :)

There is a <template> tag in HTML 5.

The componentization is still to be done though. I always forgot how HTML5 and CSS are powerful nowadays.

TL;DR; using css variables again