Très intéressant... 4 règles:

• refuser d'être réduit à un troll ou un gourou
• éviter d'être blessant sauf si c'est la seule façon d'atteindre le vrai
• ne pas ferrailler contre des moulins à vents, ne pas se cacher derrière des ennemis
• proposer autant de solutions qu'on soulève de problèmes.

<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

J'adore le style de l'auteur ! Je sens qu'on pourrait être copains !

<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

Comme je le disais dans le billet précédent à propos de SVGBox, l'idée était bonne mais le poids était rédhibitoire.

Pourtant, ça peut être sympa d'avoir un catalogue d'icônes prêtes à servir et dont on puisse altérer la couleur, sans compter que ce serait une bonne alternative aux webfonts tout en étant plus accessible.

Donc, j'ai récupéré le pack d'icônes de fontAwesome et j'ai bidouillé une API qui permette de faire la même chose que SVGBox.net, à savoir obtenir une icône svg dans la couleur que l'on souhaite.

Par exemple:

api.warriordudimanche.net/iconeleon/?i=headphones donne:

et si on ajoute le paramètre c on peut changer la couleur: api.warriordudimanche.net/iconeleon/?i=headphones&c=red

La couleur peut-être au format HTML, un nom de couleur css ou un rgba quelconque...

api.warriordudimanche.net/iconeleon/?i=headphones&c=rgba(255,0,255,0.5)

Comme pour fancytation

Toute icône modifiée est sauvegardée en cache pour éviter une surcharge du serveur

help: affiche une aide

iconlist: renvoie la liste des icones au format json

search=string: renvoie le résultat de la recherche au format json

download: permet de télécharger le script php de l'api

Et en plus

Je vous ai ajouté un frontend minimaliste pour rechercher les icones dans les 1615 du pack.

liens

• le front: http://api.warriordudimanche.net/iconeleon/
• Téléchargement du script: http://api.warriordudimanche.net/iconeleon/?download
• La «doc» : http://api.warriordudimanche.net/iconeleon/?help

Voilà

Du coup, si ça peut être utile, n'hésitez pas à vous servir voire à proposer un frontend plus... comment dire ? abouti ?

<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

Un service qui permet d'utiliser des icônes svg dans la couleur qu'on souhaite avec une API (du genre: hero-solid.svg?fill=f50a0a&ic=heart)

ça m'a paru pas mal du tout (j'ai même envisagé de m'en faire un à moi pour partager ensuite en version libre et auto hébergeable) et puis j'ai téléchargé une icône au hasard... 78ko.

78ko pour UNE icône SVG, les gars, c'est carrément trop... Pour info, une icône sur noun project ça pèse autour de 2ko... Une webfont personnalisée via fontello pèse 10 ko pour une vingtaine d'icônes... le pack «regular» complet de fontawesome pèse 136ko pour 152 icônes...

C'est avec des «services» de ce genre qu'on se retrouve avec des pages qui pèsent plusieurs méga pour le moindre contenu.

tsstss...

<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

./plugins//WDDWebLinks/default_image.jpg

<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