Comprendre le virtualDom en en créant un de toutes pièces ? ça a l'air intéressant...

<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

Quelques astuces et bouts de codes CSS pour des effets sympas

• taille de police responsive, trois méthodes : https://codyhouse.co/nuggets/responsive-typography
• le scroll-snap pour fixer des étapes au défilement ( bien supporté selon caniuse.com ): https://codyhouse.co/nuggets/scroll-snap

<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

Une longue liste... je m'en note quelques-unes...

Géolocalisation

• https://api.techniknews.net/ipgeo/88.179.39.76
• https://ipapi.co/api/#introduction
• carte https://www.openstreetmap.org/about/api/ https://wiki.openstreetmap.org/wiki/API

Données

• https://www.data.gouv.fr/fr/

a copier

• https://shields.io/badges

<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

Tout ce qu'il faut pour Wine sous linux... Merci qui ?

Non... Merci Sebsauvage !

EDIT: autre astuce https://sebsauvage.net/links/?jXPkRw

Vous avez un jeu qui ne veut pas démarrer, ou alors il a des performances lamentables ? Truc tout bête : Essayez d'ajouter dans la ligne de commande -dx11 ou -dx12 pour forcer l'un ou l'autre. Explications : DirectX 12 a une architecture dramatiquement différente de DirectX 11. Selon votre carte graphique, ça peut passer plus ou moins bien. Il se trouve que les jeux développés avec Unreal Engine et Unity supportent ces options, même si cela n'est pas mentionné dans la documentation des jeux. Ça aide aussi sous Linux dans Wine ou Proton/Steam.

<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

aspect-ratio

.aspect-ratio-hd {
  aspect-ratio: 16/9;
}
.aspect-ratio-square {
  aspect-ratio: 1;
}

object-fit

.image {
  object-fit: cover;
  aspect-ratio: 1;
/ Optional: constrain image size /
max-block-size: 250px;
}

margin-inline

/* Before */
margin-left: auto;
margin-right: auto;
/ After /
margin-inline: auto;

text-underline-offset

+ text-decoration-color & text-decoration-thickness

Pour styler le soulignement.

accent-color

Pour styler les checkboxes etc.

Via https://links.kalvn.net/shaare/271jWw

<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