Une fois que vous l'avez téléchargé, il suffit de l'inclure dans votre projet web.

Comme il est personnalisable, il répondra parfaitement à la charte graphique de l'ensemble du projet.

Enfin, il est open source, vous pourrez donc l'utiliser pour vos projets personnels comme professionnels.

Pour les plus anciens développeurs, cela va leur rappeler de bons souvenirs, à l'époque ou l'optimisation du code et de la mémoire etait important.

Et pour les plus jeunes, une découverte des outils de l'ancien temps.

Enfin, comme elle est sans licence, vous pouvez l'utilier pour vos prochains projets de site web personnels comme professionnels, l'adapter à vos besoins et surout participer à son développement.

BackgroundCheck est une petite bibliothèque JavaScript pour éviter de ces problèmes en adaptant la couleur de l'élément selon le contexte.

Une fois que l'élément chevauche une image, il lui adjoint les classes .background--dark ou .background--light.

Il est possible de limiter la fonctionnalité à des images sélectionnées, de définir le seuil foncé/clair et bien plus encore.

Elle permet d'automatiser un grand nombre de tâches simples à partir de votre navigateur.

Avec ce précieux outil, vous pouvez : intéragir avec votre page, extraire des données d'une page ... cela fait de lui un moyen idéal pour tester vos applications et vos sites webs.

Enfin comme elle est proposé sous licence MIT, vous pouvez l'utiliser pour vos prochains projets personnels comme professionnels, l'adapter pour vos besoins et participer à son développement.

Si la création de cartes vous semble problématique, maptalks est l'outil dont vous avez besoin.

Il permet d'intégrer facilement des cartes en 2D et 3D.

Enfin, comme il est sous licence DSB3-clause, vous pouvez l'utiliser pour vos prochains projets de sites web personnels comme professionnels, l'adapter à vos besoins et surtout participer à son développement.

Cette application est executable sur Mac, Windows et Linux.

Même si elle n'est qu'en version bèta, vous pouvez soumettre vos idées à l'auteur.

Comme elle est distribuée sous licence MIT, vous pouvez l'utiliser pour vos projets personnels comme professionnel, la modifier pour l'adapter à vos besoins, et surtout participer à son développement.

 

IconMelon est une bibliothèque d'icônes SVG libres qui sont créés par différents designers.

Il permet de sélectionner les éléments choisis et de créer un nouvel ensemble pour le téléchargement ce qui réduit considérablement la taille du fichier.

Enfin, il est également possible d'ajouter des effets comme l'ombre ou le flou pour les icônes.

FlowType.JS est un plugin jQuery qui peut redimensionner automaitquement la taille de la police et la hauteur de ligne (en fonction de la largeur de l'élément encadrant le texte) de sorte que le contenu est affiché comme attendu.

Le plugin a également des options pour limiter la taille minimum/maximum de police et la largeur minimum/maximum que le redimensionnement peut atteindre.

Il fonctionne aussi très bien en utilisant les polices WebFonts et une belle démonstration montre comment il fonctionne (il suffit de redimensionner le navigateur de la page de démonstration).

L'auteur, Eugene Tiurin, s'est amusé à créer un exemple d'animation avec des fruits et légumes volants.

Enfin, comme il est sous licence MIT, vous pouvez l'utiliser pour vos prochains projets de site web ou d'applications personnels comme professionnels, l'adapter à vos besoins et surtout participer à son développement.

Elle dispose déjà de plusieurs façons d'animer différentes mais il vous est également possible de creér vous-même un script personnaliser pour controler l'affichage comme vous l'entendez.

Elle utilise principalement le propriété CSS strokeDashoffset.

Enfin, comme elle est open source, vous pouvez l'utilier dans vos projets personnels comme professionnels.