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 ...

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 ?!

Je me note quelques astuces à tester ou retenir :

/* empêcher les navigateurs mobiles d'ajuster la taille du texte */
-webkit-text-size-adjust: none;
text-size-adjust: none;

/* le body prend tout le viewport */
html{ block-size: 100%; }
body{ min-block-size: 100%; }

/* empêcher les medias de déborder */
img,
iframe,
audio,
video,
canvas {
    display: block;
    max-inline-size: 100%;
    block-size: auto;
}

svg {
    max-inline-size: 100%;
}

/* overflow horizontal */
p,
h1,
h2,
h3,
h4,
h5,
h6 {
    overflow-wrap: break-word;
}

/* rendre le disabled plus visible */
:disabled {
    opacity: 0.8;
    cursor: not-allowed;
}

« A digital museum of video game levels

CLICK AND DRAG to look around and use WASD to move the camera

Hold SHIFT to go faster, and use MOUSE WHEEL to fine tune the speed Z toggles the UI. »

Pourquoi ?!

Parce que...

À toutes fins utiles, je viens de mettre à jour ma page de bookmarklets en y ajoutant la recherche sur CanIUse.

Servez-vous... ou faites-en de nouveaux avec le générateur: http://outils.warriordudimanche.net/outils/bookmarklet_generator/ (plus d'infos là )

Petit rappel: il existe des dictionnaires libres, mis à jour à partir du Wiktionnaire, pour votre liseuse Kobo. Le projet semble encore actif.

Pour en installer un, copier juste le fichier téléchargé dans .kobo/custom-dict ou .kobo/dict selon votre firmware.

Liens:

• le projet sur github : https://github.com/reader-dict/monolingual
• Dictionnaire FR : https://www.reader-dict.com/fr/download/fr
• Dictionnaire ES : https://www.reader-dict.com/fr/download/es
• Dictionnaire EN: https://www.reader-dict.com/fr/download/en

Donc on PEUT styler les boutons radio sans casser l'accessibilité ni recourir à des libs ou frameworks hippopotamesques.

Hop, dans mon snippetvamp.

La lecture de l'article est intéressante.

input[type="radio"] {
  /* Disable the browser's default radio button styles */
  appearance: none;
  margin: 0;
/ Recreate the circle container /
border: 1px solid black;
background: white;
border-radius: 50%;
/ Center our dot in the container /
display: inline-grid;
place-content: center;
/ Use a pseudo-element to display our "dot" /
&::before {
content: "";
width: 0.75rem;
height: 0.75rem;
border-radius: 50%;
}
/ And display it when the radio button is checked /
&:checked::before {
background: black;
}
}

via https://www.devenet.eu/links/?_X-l9g

Lol, le concept n'est pas con: insérer des caractères unicodes invisibles de largeur 0 entre les lettres d'un texte pour le rendre illisible aux IA...

Aaaahhh, le remplaçant de Print-a-brick qui avait disparu, victime d'une entreprise Lego jalouse de ses brevets. A vos imprimantes 3D !

[EDIT]

J'ajoute https://machineblocks.com/ qui permet même d'éditer les briques ! On peut changer les paramètres de largeur, longueur, hauteur forme etc en partant de briques existantes ! Le tout téléchargeable en plusieurs formats dont STL

glopglop !

Oui, avant tout recours à JS on devrait vérifier que ce n'est pas possible en CSS/HTML5 pur...

Le nesting est en effet un game changer, même si la dernière fois que j'ai voulu reprendre le CSS de mon appli de documents/exerciseur pour le collège, j'avais omis de compter avec le manque de mises à jours sur les ordis du boulot.

Au passage, je me note les possibilités du RGB() pour dériver une couleur d'une autre: à utiliser dans mon framework perso... plus simple que les multiplications de variables CSS... On ne garde qu'une variable pour la couleur de base et on calcule les autres couleurs nécessaires...

 /* remove blue from a color */
rgb(from #123456 r g 0);
/* make a color transparent */
rgb(from #123456 r g b / 0.5);
/* make a color lighter */
hsl(from #123456 h s calc(l + 10));
/* change the hue in oklch color space */
oklch(from #123456 l c calc(h + 10));
/* mix two colors in oklab color space */
color-mix(in oklab, #8CFFDB, #04593B 25%);

Et ça marche avec des variables CSS:

*{
--base-color:red;
}
/Ajouter de la transparence/
.transparent{
hsl(from var(--base-color) h s calc(l + 12));
}
/ désaturer une couleur de base/
.desat{
color: hsl(from var(--base-color) h calc(s + -50) l);
}
/ complémentaire/
.complementaire{
hsl(from var(--base-color) calc(h + 180) s l);
}
/ plus loin : primary, seconday, tertiary/
.primary{
hsl(from var(--base-color) calc(h + 90) s l);
}
.secondary{
hsl(from var(--base-color) calc(h + 180) s l);
}
.tertiary{
hsl(from var(--base-color) calc(h + 270) s l);
}

De plus, depuis un an, on peut centrer officiellement un block verticalement sans quitter le display:block; à l'aide de align-content: center; #youpi

Et que dire de @starting-style qui permet de se passer de keyframes ?

 .toast {
  transition: opacity 1s, translate 1s;
  opacity: 1;
  translate: 0 0;
  @starting-style {
    opacity: 0;
    translate: 0 10px;
  }
}