Thread by @jesuisundev

Allez, je vous balance mon dossier favori entier de web app et outils pour développeurs. Des outils web gratuits qui me font gagner un temps fou ! Certains d'entre eux tous les jours.

J'ai mis plusieurs années à construire cette liste, gros thread ! 👇

Impossible que je retienne les syntaxes et snippets des outils et langages que j'utilise. Les cheatsheets sont là pour ça, et DevHints (buff.ly/2ydBDc1) c'est la mine d'or.

Tu peux penser à n'importe quels outils de développeurs, tu trouveras le cheatsheet sur ce site.

Learn X in Y minutes (buff.ly/2oTgWdA) 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.

Parfait pour se rafraichir la mémoire sur les bases.

Les Regex ont arrêté d'être un problème quand j'ai découvert Regex101 (buff.ly/1m5jDG3).

Si j'en créer une compliqué, je vais sur ce site, ça se fait pas à pas avec les explications.

Si je veux en décoder une, je copie/colle et j'ai toute l'explication.

UN MUST HAVE !

Quand je bosse avec du JSON, je finis fréquemment par dégainer JsonEditorOnline (buff.ly/2KwxLoY).

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

Je gagne beaucoup de temps avec ça !

Mon éditeur de code en ligne préféré que j'utilise tout le temps est Codesandbox (buff.ly/2EdFO5I).

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

Parfais pour prototyper mes idées vite fait !

Tiens d'ailleurs, ta déjà fait l'expérience de ma traversé de l'univers en Javascript ?

Sinon, t'as un peu raté ta vie. Heureusement, c'est rattrapable, tu as un extrait sur codesandbox ici : buff.ly/3b9WXBK
L'expérience entière ici : buff.ly/38eLHBZ

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.

Merci Cloudflare pour cette page : buff.ly/2B4muw5 qui te dit tout sur ta connexion en un seul clic.

Avant de coder un problème compliqué, il faut que je fasse un schéma. La plupart du temps, c'est papier/crayon. Sinon, c'est Excalidraw (buff.ly/2Jc0cZS).
Une page blanche, de quoi faire des schémas et les enregistrer. Simple, rapide, propre, gratuit, incroyable. Un must!

Quand je trouve un package NPM qui pourrait m'aider, il passe tout de suite par BundlePhobia (buff.ly/2ByO4Oe).

Cette petite webapp 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.

Celui-là est un peu anecdotique, mais il me sert beaucoup.
RemoveBG (remove.bg/fr) est une webapp qui enlève le fond d'une image.

C'est gratuit, très pratique, très rapide à faire, et ça marche surprenamment bien !

Il m'arrive d'utiliser Semver check (buff.ly/3neOKyy) pour ê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.

J'en ai plein d'autres, mais je m'arrête là car c'est déjà long. Si ça plait, j'en referais un.

Tu as en as d'autres de ton côté ? Réponds à ce tweet pour que tout le monde puisse en profiter !