TOP 5 des outils gratuits du Webdesigner à mettre en favori.

Aujourd’hui j’aimerais partager avec vous mon top 5 de pages Internet favorites, celles que j’ouvre tous les jours, qui sont devenues pour moi des aides précieuses dans mon quotidien de Webdesigner et front-developpeur.
Limiter cette liste aux meilleures a été un exercice difficile parce que j’ai une quantité anormalement grande de favoris en tout genre... Du blog de recettes asiatiques à la page youtube d’une certaine prof de fitness qui promet des abdos en béton pour 5 minutes par jours... Pour revenir à nos moutons, voici donc mes favoris les plus utilisés, mes “must-have” sans lesquels je ne saurais (voudrais) plus faire du Web! Grace à lui, finie la galère des pictos et autres icônes. Depuis quelques années déjà il me fait gagner un temps précieux. Il suffit de lui fournir les pictos que l’on veut utiliser au format vectoriel, et il se charge d’en faire une font, toute simple à intégrer et utiliser! Le gros atout de cette solution: plus besoin de batailler avec la taille de tes pictos, avec les couleurs, fini les sprites! C’est une font! Ce qui veut dire que tu peux en changer la couleur et la taille en un clin d’oeil et sans perte de qualité! Là, en réalité ce ne sont pas des favoris au sens Web du terme, mais ce sont des outils indispensables à un bon front-developpeur. N’étant pas une grande fan de la ligne de commande, j’ai fait appel à la véritable baguette magique qu’est homebrew, pour les installer sur mon mac. Une fois dans la boite, c’est easy! En 2 temps 3 mouvements, je compresse sans perte de qualité mes images pour un chargement optimisé! Essentiel! En parlant d’optimisation, pour être sûr d’avoir tout bon, les outils Google sont top, on vous a déjà parlé du test de compatibilité mobile de Google qui vous permet de tester si votre page est conforme aux attentes de Google pour son référencement mobile. Nous sommes aussi très friands de leur outil pagespeed insights, pour tester la vitesse de chargement de votre page, avec de précieux conseils de Google sur les améliorations à faire. Notamment minifier vos jquery et vos css! Copiez, collez, c’est gagné! Depuis que je suis passé chez SOSH heuu non à SASS plus besoin de ça pour minifier ma css, c’est compass qui s’en charge! Par contre, c’est toujours bon pour le jquery ou javascript, le moindre octet de gagné est un plus pour la rapidité du site et donc la satisfaction de nos clients! On a là 3 petits gadgets pour tester des combinaisons de couleurs, des dégradés, des palettes complémentaires, des tons, bref, de quoi s’amuser à ne plus savoir quelles couleurs choisir!