Je n'ai pas forcément compris toutes les explications mais l'article est vraiment intéressant.

J'imagine qu'il me faudrait réfléchir pour remplacer mon usage des media queries façon patch à la pelle de chantier des trucs qui foirent quand on change la taille du viewport... si je pouvais me passer des breakpoints...

Mais bon, j'ai déjà bossé à un refacto du css de mon appli de documents/exercices pour les élèves en modernisant le code à coups de nesting et de variables pour les couleurs... résultat, certains navigateurs au collège affichent de la merde parce qu'ils ne sont pas mis à jour

Je ne sais pas pour vous amis codeurs, mais de mon côté, si je n'ai pas un problème concret pour intégrer des nouveautés,impossible de les comprendre vraiment...

<link rel="stylesheet" href="http://warriordudimanche.net/./plugins/Galart/style.css"/> <link rel="stylesheet" href="http://warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/> <script src="http://warriordudimanche.net/./plugins/Galart/assets/lightbox.js"> <script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});

---

► Commentaires

Je me note quelques astuces intéressantes. Toutefois, une remarque en passant... ARRÊTEZ DE FAIRE DES VIDÉOS DE PROGRAMMATION... à quoi ça rime ? on ne peut pas faire de copier coller, pas de récup auto de snippets, pas de tests... à part faire grimper votre popularité sur les raizosocio... pfff.

Oui, je sais qu'en description il a mis les snippets : mais il pouvait les inclures dans une page de blog, non ? Ou alors plus personne ne sait lire à part moi et on ne m'a rien dit ?!

un effet glow ou une ombre qui suit le background de la div.

L'astuce consiste à utiliser des pseudo éléments héritant du background de la div et à les blur.

.gradient-shadow {
  background: linear-gradient(
    45deg,
    hsl(var(--clr-orange)),
    hsl(var(--clr-blue))
  );
  position: relative;
  isolation: isolate;
}

.gradient-shadow::before,
.gradient-shadow::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: inherit;
  /*   border: 10px dotted white; */
}

.gradient-shadow::before {
  filter: blur(0.75em);
}

.gradient-shadow::after {
  opacity: 0.5;
  filter: blur(2em);
}

Faire en sorte que la répartition du texte sur plusieurs lignes soit meilleure

En gros, le navigateur essaie de couper le texte de façon plus homogène

// pour les titres (peu de lignes) 
h1{ text-wrap: balance;}
// pour les paragraphes etc (beaucoup de lignes): pas d'orphelin sur la dernière ligne
p{text-wrap:pretty;}

<link rel="stylesheet" href="http://warriordudimanche.net/./plugins/Galart/style.css"/> <link rel="stylesheet" href="http://warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/> <script src="http://warriordudimanche.net/./plugins/Galart/assets/lightbox.js"> <script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});

---

► Commentaires

Comments are allowed in the domain as well as in the local-part; for example, john.smith@(comment)example.com and john.smith@example.com(comment) are equivalent to john.smith@example.com.

Donc, on peut faire des emails commentés pour garder la trace des entreprises à qui on les a données, histoire de

• pouvoir effectuer un traitement automatisé des mails en fonction de l'émetteur
• pouvoir tracer les salopards qui vendent ton email (lol: tous)

Valable sous réserve que :

1. l'entreprise collectant l'email autorise les caractères ( et ) dans le champ... ils se torchent souvent avec les normes.
2. si elle l'autorise, qu'elle n'en suprrime pas les commentaires automatiquement...

<link rel="stylesheet" href="http://warriordudimanche.net/./plugins/Galart/style.css"/> <link rel="stylesheet" href="http://warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/> <script src="http://warriordudimanche.net/./plugins/Galart/assets/lightbox.js"> <script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});

---

► Commentaires

Petit partage en passant: un site codé par un visiteur... Il s'est amusé à scraper des centaines de citations, en a viré le contexte pour en faire «un blind test vicieux» (ce sont ses propres termes )

En gros, vous choisissez deux personnalités politiques, on vous donne une citation et votre tâche est de deviner qui l'a proférée... Un lien vers la source est fourni.

«C'est gratuit, sans pub, sans tracker»

Allez ...

<link rel="stylesheet" href="http://warriordudimanche.net/./plugins/Galart/style.css"/> <link rel="stylesheet" href="http://warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/> <script src="http://warriordudimanche.net/./plugins/Galart/assets/lightbox.js"> <script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});

---

► Commentaires

Bon... ça-y-est... J'ai re-fini Planet crafter. Quand je dis fini, je ne veux pas dire les fins à la con où tu livres la planète aux corpos etc... J'ai juste TOUT terraformé... Tout le système... et c'était vraiment bien. Comme j'en ai déjà parlé avant ( https://warriordudimanche.net/article1959/planet-crafter-early-access-pourquoi-cest-bien ) je vais faire vite...

D'abord : Prime

Histoire de me remettre dans le bain, j'ai refais la première planète, Prime, aux ressources abondantes. Cette fois, j'en connaissais tous les secrets, j'ai donc bien planifié, hiérarchisé etc... et je me suis mis un mod permettant de faire des piles de 10 dans l'inventaire (je ne voulais plus des allers-retours de farming)

Une fois la planète arrivée au bout de sa terraformation, je n'ai pas fait les déclencheurs de fin: j'ai seulement fabriqué une fusée interplanétaire, je l'ai chargée de matos stratégiquement choisi pour la planète suivante afin de pouvoir démarrer direct avec tout le nécessaire.

Et on peut en mettre: en gros l'équivalent d'une armoire et de deux coffres (dans mon inventaire et celui de la navette) J'ai réservé 5 emplacements afin d'emmener 50 drones.

Les autres planètes (sauf Toxicity )

Chaque planète propose un challenge un peu différent, soit en matière de ressources (plus rares ou différentes) ou en méthodes d'extraction (comme Aqualis sur laquelle on ne peut mettre de foreuse)

Autant le dire de suite, rien de très affolant, en particulier quand on a stratégiquement préparé son arrivée. Ceci dit, le plaisir est là et la découverte toujours agréable. J'ai passé de belles heures à terraformer tout ça.

Dernière planète : Toxicity

Celle-ci a été une vraie réussite à mon goût: en effet, on arrive sur une planète dévastée et complètement polluée qu'il faudra d'abord nettoyer et purifier avant de la terraformer.

On y retrouver un peu la précarité des premières heures de jeu car on voit apparaître une nouvelle barre de contamination qui nous oblige à nouveau à faire attention, comme avec l'oxygène au début.

Conclusion

Je recommande vraiment ce jeu: il est paisible, sans ennemi à abattre, écologique, sans prise de tête avec des arbres technologiques etc...

Le seul problème: A quoi jouer après ça ?!

<link rel="stylesheet" href="http://warriordudimanche.net/./plugins/Galart/style.css"/> <link rel="stylesheet" href="http://warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/> <script src="http://warriordudimanche.net/./plugins/Galart/assets/lightbox.js"> <script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});

---

► Commentaires