Le code du dimanche: Iconeleon

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

    Voilà

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

    Documentation | SVGBox.net

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

    Nouvelle version: Unicode

    En passant, j'ai mis à jour ma page sur les caractères unicode...

    Il y a plus de rubriques et j'ai ajouté un moteur de recherche qui accepte plusieurs mots séparés par des espaces.

    par exemple: http://unicode.warriordudimanche.net/?search=aubergine

    Allez, bisou !

    Seamless Pattern Maker - Create Unlimited Seamless Patterns For Free

    Amusant et sans doute utile: réaliser un motif répétable - pour un fond par exemple - à partir d'icônes... On choisit les icônes, on les place comme on veut, on fixe la taille, la couleur, l'orientation etc et on voit le résultat en temps réel. 'achement chouette...

    Toolbox for Developers

    Des outils pour développeurs que son auteur m'a proposé par mail. Pas beaucoup testé, mais ça semble pas mal du tout:

    outils de test:

    * Regex
* Tester XPath
* Tester JSONPath
* Tester JSON Schema validator XML Schema validator

    Code checkers:

    * PHP code checker 
* Python code checker 
* Ruby code checker 
* JavaScript tester

    HTTP API tools

    * REST
* client SOAP
* client Mock
* REST API Web Service
* Testing JSON
* Web Storage

    Random Data Generator

    * CSV
* Generator JSON
* Generator

    Database tools

    * SQLite
* browser SQL
* Formatter<br/><br/><div class="img_source"><a href="https://extendsclass.com/image/code-editor.png">Source image</a></div>
    Fil RSS des articles