Easy to use. It could be useful :)

So you can write and store your own recipes.

A codesandbox or codepen like-service. The older one.

FYI it was created by Joel Spolsky.

Solution: Using 1 subgrid per element inside a grid.

Codepen: https://codepen.io/michellebarker/pen/JjGNdNY

In the console: $0.offsetParent → $0 is the currently set element.

Then we can use the offsetParent object property to find the closest ancestor to that element that has its position set to something other than static.

Solutions:

1. styling it manually through CSS :

   input:focus {
   outline: 2px solid deeppink;
   }

2. A keyup tab event listener. Think about adding the class through JS, that way the focus will still be accessible if JS fails to load.

3. the property ::focus-visible

The background color of checkboxes will be the one determined by accent-color. Nice !

And the surrounding stays accessible whatever this color is as the webbrowsers have their own implementation of this.

touch {hero,lightbox,form,another-component}.njk

A code snippet is provided for it. Well done.

Of the 2021 Redmonk top 10 languages, 8 of them have a handwritten parser. Ruby and Python use parser generators.

9 if we count Python 2.10 that will swap the parser to a handwritten one.

Research has shown that the ideal line length is about 65 characters. Anywhere between 45 and 85 is generally seen as acceptable, in the context of a roman alphabet.

The solution:

.wrapper {
  display: grid;
  grid-template-columns:
    1fr
    min(65ch, 100%)
    1fr;
}
.wrapper > * {
  grid-column: 2;
}
.full-bleed {
  width: 100%;
  grid-column: 1 / 4;
}

ch is a unit, like px or rem. It corresponds to the width of the 0 character in the current font, for the specified font size.

Display the content of possible issues with the

ct.css is a diagnostic CSS snippet that exposes potential performance issues in your page’s tags.

Indicate the scenario in each unit test: something I should definitely do

HTML is too often forgotten in this case

A dev / hacker community and platform

Le jeu est disponible à cette adresse: https://across-multiverse.com/

Scalar types are types representing a single value. Moreover primitive types contains scalar types and some others. See: https://doc.rust-lang.org/std/index.html#primitives

Types that have the copy traits are said to have copy semantics. What this means is that when you pass them into a function, you pass a copy of that value into that function.

Non-primitive types do not have the Copy trait by default. This means they are subject to move semantics. When you pass them into a function, you move the value into that function. Without going into details (that I am still learning about myself), this pretty much means that when the function scope ends, the value is destroyed.

There are ways to deal with this, using a reference for instance.

It is the symbol & that says take the reference

A toolkit library for vue 3 ! 👍‍

edit: 2024-07-12 #idea #project
Such library (ng-use) for Angular can also be useful as Angular adopted signals.

Only one same job at a time ?

My solution to deal with this is to bind an IPv6 localhost ::1 socket to a given port. Only one process can do this, and thus it’s a very effective mutex. No lock files to cause havoc, no dealing with the dark and buggy corners of advisory file locking.

For shell scripts, simply replace the #!/bin/sh with #!/somewhere/bin/lock 2048 where 2048 is the port number you will use to enforce the lock (greater than 1024 if you do not want to deal with the hassles of privileged ports).

About floating summarized in a comic