13 – Squoosh

La plupart des images énormes -en termes de poids- peuvent être réduites de 60% sans perdre en qualité.

C’est exactement ce que fait Squoosh juste en un drop !

Indispensable si tu veux optimiser ton site et la bande passante de tes visiteurs. Et de manière générale des images énormes sont inutiles. Très pratique pour s’en débarrasser rapidement.

12 – ExplainShell

Retenir toutes les petites options de toutes les commandes shell est presque impossible.

Explain shell permet de copier/coller n’importe quelle commande est d’avoir une explication complète!

C’est une sorte de commande man mais en plus rapide à lire, plus détaillée et bien présentée dans le navigateur. Tout est expliqué, option par option, dans une belle interface. Très pratique pour rapidement passer en revue tous types de commande.

11 – Htaccess Tester

J’ai déjà cassé des sites en entier en changeant le htaccess avec beaucoup trop de confiance.

En utilisant htaccess tester ça ne risque plus d’arriver !

Ce petit outil permet de connaitre exactement le comportement de ton htaccess avant de le pousser. Plus besoin d’angoisser au moment de pousser, tu es déjà sûr que ton site ne va pas imploser et que les redirections vont être correctes. Une seule utilisation rend accro!

10 – CodeElf

Si t’es un dev ça veut dire que tu passes la moitié de ton temps à choisir des noms de variables et de fonctions. Cet outil va t’aider.

Codelf est conçu pour te faire gagner du temps sur la réflexion du nommage!

Ça fait instantanément une recherche sur Github, GitLab et Bitbucket pour voir si ton idée de nom est populaire ! Il y a une plus grande chance que ton idée soit bonne si elle est déjà utilisée par des milliers de développeurs avant toi.

9 – Semver Check

J’utilise fréquemment Semver check pour contrôler les versions NPM de mes projets.

Ça me permet d’être sûr que certaines contraintes de versions vont bien se comporter comme je veux. C’est plus un outil pour vérifier que je ne vais pas faire de bêtise. Mais c’est très utile pour valider rapidement une version.

Il m’est arrivé de me retrouver avec des versions de package non désirées avant d’utiliser ça. Plus possible de se tromper avec ça. Hyper pratique !

8 – BundlePhobia

Quand je trouve un package NPM qui pourrait m’aider, il passe tout de suite par BundlePhobia.

Cette petite application web me permet, en un clic, de connaitre le prix en taille et en temps du package. Ça me permet aussi de voir combien de dépendances sont liées.

Ça me permet de prendre décision à savoir si ca vaut le coup d’introduire cette nouvelle dépendances dans mon projet. Parfois ça me permet de faire le choix entre deux packages qui font la même chose. Et quoi qu’il arrive à la fin c’est mon application qui est gagnante !

7 – Excalidraw

Avant de coder un problème compliqué, il faut que je fasse un schéma. Crois-en mon expérience, y’a rien qui te fera plus gagner du temps que de schématiser tes idées avant de coder.

La plupart du temps, c’est papier/crayon. Sinon, c’est Excalidraw.

Excalidraw c’est un tableau blanc qui te permet de facilement dessiner ton plan comme si c’était fait à la main ! Une page blanche, de quoi faire des schémas et les enregistrer. Simple, rapide, propre, gratuit, incroyable. Un must.

6 – Cloudflare Speed Test

Avec la pandémie, ma connexion internet est devenue encore plus importante qu’avant. S’il y a une coupure ou une baisse de réseau, je veux le savoir immédiatement.

Heureusement, Cloudflare a fait une page d’analyse de ta connexion dans ses moindres détails.

En un clic, ça te dit tout sur la situation actuelle de ta connexion. Pratique pour savoir ce qui se passe quand ton call lag ou quand plus rien fonctionne !

5 – CodeSandbox

Mon éditeur de code en ligne préféré que j’utilise tout le temps est Codesandbox.

Un éditeur de code bacs à sable gratuits, instantanés et collaboratifs pour tous tes besoins ! C’est vraiment rapide et tu peux hoster ce que tu veux comme petite app statique.

Je le préfère à CodePen parce que je peux hoster des images sans payer et j’ai plus de choix de technologies et de templates. Parfait pour prototyper mes idées vite fait !

4 – JSON Editor Online

Quand je bosse avec du JSON, je finis fréquemment par dégainer JsonEditorOnline.

Ça me sert déjà à visualiser clairement ma donnée via des nodes. Mais surtout ça me permet de faire des diffs entre plusieurs JSON. Si comme moi tu travailles beaucoup avec des APIs, tu te retrouves fréquemment à devoir comparer de la donnée.

Avant je le faisais en regardant les JSON les uns après les autres. C’était pas rapide et ça pouvait créer des erreurs. Depuis que j’utilise cet outil, plus possible de se tromper et je gagne beaucoup de temps !

3 – Regex101

Les Regex ont arrêté d’être un problème quand j’ai découvert Regex101.

Avant la découverte de cet outil, la création ou la modification d’une Regex complexe était fastidieux. Je devais d’abord me souvenir de chaque syntaxe et détail puis je devais tester longuement ma solution pour la faire fonctionner comme je voulais.

Aujourd’hui, je vais sur cet outil, ça se fait pas à pas avec les explications. Tous les tests sont fait instantanément à chaque modification. Pour en décoder une, je copie/colle et j’ai toute l’explication. L’outil m’accompagne et ça me fait gagner un temps absurde. UN MUST HAVE !

2 – Learn X in Y minutes

Learn X in Y minutes est le genre de site fou qu’il faut voir pour le croire.

Tous les langages possibles, expliqués en une page, dans presque toutes les langues, via des exemples concrets de code. Des langages plus que standards comme C++ aux langages infernaux comme le LOLCODE tu trouveras de tout.

Il diffère grandement avec le premier car ici chaque langages est expliqué comme des cours. Il ne s’agit pas de se rafraichir la mémoire (cheatsheet) mais bien d’apprendre rapidement les bases d’un nouveau langage.

1 – DevHints.io

Impossible que je retienne les syntaxes et snippets des outils et langages que j’utilise. D’ailleurs, ça sert à rien puisque c’est pas ça l’important. L’important est de retenir les concepts, pas les détails.

Pour les détails, les cheatsheets sont là pour ça, et DevHints c’est la mine d’or.

Tu peux penser à n’importe quels outils langages ou frameworks utilisés par les développeurs, tu trouveras le cheatsheet sur ce site. En quelques clics tu as accès tout et c’est facilement imprimable. Un must pour aider la mémoire !

SENSATIVE - Capteur d'ouverture extra fin Z-Wave+ Strips Guard