Oui, ce n'est pas parce qu'on n'est pas de TOUS les combats que ceux qu'on mène ne valent rien.

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

---

► Commentaires

Pour des tailles de fontes fluides en CSS, en PUR CSS je veux dire, ben c'est un peu la mémerde... l'unité vw te fout des variations extrêmes.

Ici, on propose des solutions pour avoir une taille de fonte fluide entre deux extrêmes.

C'est pas con...

Dans un autre épisode il proposait un truc du genre:

font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));

Ici, il montre d'autres solutions à base de min/max:

 font-size: min(max(16px, 4vw), 22px);

voire le très expérimental clamp() que je ne connaissais pas, et pour cause, il ne fonctionne que sous chrome 79+:

 font-size: clamp(16px, 4vw, 22px);

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

---

► Commentaires

Dites-moi que je cauchemarde... un compteur de blessés et de MORTS dus aux blacksfridays...

maisnon

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

---

► Commentaires

Notes préparatoires pour l'amélioration de GOOGOL.

Remarque: rien ne garantit que ces URL soient utilisables par des requêtes CURL de PHP (google fait chier avec ça: le résultat des pages n'est pas le même selon qu'on utilise son navigateur ou qu'on accède à l'URL par PHP...)

Qwant:

• images api.qwant.com/api/search/images?count=50&q=[QUERY]&t=images
• web api.qwant.com/api/search/web?count=10&q=[QUERY]&t=web
• videos api.qwant.com/api/search/videos?count=30&q=[QUERY]&t=videos
• Retour en Json

DDG:

• web api.duckduckgo.com/?q=DuckDuckGo&format=json
• les autres recherches passent pas une url qui pointe vers un fichier js ce qui la rend inexploitable pour un traitement backend...
• Retour en Json

startpage

Pas d'api, mais on peut appeler la page web et la parser:

• web: www.startpage.com/do/search?q=[QUERY]
• images: www.startpage.com/do/search?query=test&cat=pics
• videos: www.startpage.com/do/search?query=test&cat=video
• Retour en HTML

Le problème est que le moteur utilise des requêtes POST pour fonctionner... toutefois, en GET ça a l'air de passer.

Bing

• web www.bing.com/search?q=[QUERY]
• images www.bing.com/images/search?q=[QUERY]
• videos www.bing.com/videos/search?q=[QUERY]
• Retour en HTML

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

---

► Commentaires

Oui, il y a de bonnes idées, même si l'usage de !important signifie qu'on a mal conçu ses css selon certains webdesigners...

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

---

► Commentaires