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 ?

    ❝ 3 commentaires ❞

    1  Jerry Wham le

    Toi, toi, t'es mon copain toi !!!

     
    2  Bronco le

    ...voui

     
    3  tiptop le

    Hello,
    pour le fun en mettant pour la box result :
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));

    et dans le header :
    header {
    display:flex;
    flex-direction:column;
    }

    ça met du responsive sans media queries ;-)

    Et chapo pour ton outil.

     

    Fil RSS des commentaires de cet article

    ✍ Écrire un commentaire

    Inutile de poster un commentaire à la con pour vous faire de la pub, ce sera filtré et dégagé direct...

    Quelle est la première lettre du mot qmsts ?