Je n'ai jamais eu d'ordinateur portable "Je construis" toolz.dev, maintenez le plugin WP Adminify et expédiez Laravel et React Work pour des clients que je n'ai généralement jamais rencontrés en personne. Mon bureau est un navigateur et un terminal, et mes coéquipiers sont dispersés sur suffisamment de fuseaux horaires pour que "Quick Sync" soit un problème d'horaire. Au fil des ans, cette configuration m'a appris quelque chose de spécifique sur l'outillage : lorsque vous travaillez à distance, l'outil qui gagne n'est pas le plus puissant. C'est celui qui est déjà ouvert.
L'application de bureau lourde que vous devez lancer, vous connecter et attendre est une friction. Lorsqu'un collègue colle une blob JSON de 200 lignes dans Slack et que vous êtes en communication, vous ne souhaitez pas ouvrir une application native. Vous voulez un onglet. Cet instinct est la raison pour laquelle Toolz.dev existe, et c'est aussi pourquoi ce guide est une liste des outils que je recherche vraiment pendant une journée de travail normale, et non un aperçu rembourré.
Je vais aussi être honnête sur les écarts. Il y a des choses que Toolz.dev ne fait pas, et je préfère vous le dire plutôt que de vous faire découvrir à mi-tâche. Parcourons la boîte à outils comme je l'utilise réellement.
tl;dr : Pour le travail à distance, vous souhaitez des outils qui se chargent instantanément et traitent les données localement afin que rien ne quitte votre machine. Mon set quotidien : Formateur JSON Pour lire les réponses des API, Convertisseur de base64 et Décodeur JWT Pour le débogage d'authentification, Convertisseur d'horodatage et Convertisseur de fuseau horaire Pour les équipes interzones, Diff de texte Pour comparer la configuration, et Compresse d'images Avant chaque téléchargement de capture d'écran. Tout gratuit, tout en navigateur, sans compte. Le seul écart honnête : Toolz.dev n'a pas d'outils PDF - j'utilise Stirling PDF ou iLovePDF pour ceux-ci.
Pourquoi les outils de navigateur battent-ils les applications installées pour le travail à distance ?
La réponse n'est pas "les navigateurs sont à la mode. "Ce sont quelques avantages concrets qui n'ont d'importance qu'une fois que vous travaillez à partir d'un ordinateur portable qui n'est pas assis sur un réseau d'entreprise.
Les nouvelles machines sont évidentes. J'ai reconstruit mon environnement de travail sur un ordinateur portable emprunté plus d'une fois, généralement parce qu'un disque est mort au pire moment possible. Chaque heure passée à réinstaller Desktop Utilities est une heure non expédiée. Un onglet de navigateur n'a besoin d'aucune configuration. Les environnements restreints sont les deuxièmes : de nombreuses machines clientes et ordinateurs portables d'entreprise verrouillés ne vous permettront tout simplement pas d'installer des logiciels, et un outil Web évite complètement cela. Ensuite, il y a une vitesse brute - l'ouverture d'un onglet est plus rapide que la cohérence d'une application native à froid - et la cohérence multiplateforme, car le même outil se comporte de manière identique sur macOS, Windows, Linux et un Chromebook.
Voici le compromis énoncé clairement, car les outils de navigateur ne sont pas toujours le bon appel.
| considération | Outils de navigateur | Applications de bureau installées |
|---|---|---|
| Heure de configuration | Aucun — Ouvrir un onglet | Télécharger, installer, se connecter |
| Fonctionne sur une machine verrouillée | oui | Souvent bloqué par elle |
| Fichiers volumineux (500 Mo+) | Limité par la mémoire du navigateur | les gère mieux |
| Confidentialité des | Les outils côté client ne téléchargent jamais | dépend de l'application |
| Édition approfondie (Grade Photoshop) | non | oui |
| Hors ligne après le premier chargement | Parfois (en cache) | oui |
Le modèle que je suis : outils de navigateur pour les cent petites tâches quotidiennes, logiciels natifs pour le travail lourd et spécialisé. Quatre-vingt-dix pour cent de ce qui interrompt mon flux est faible.
Quels outils de données et d'API dois-je ouvrir chaque jour ?
La plupart de ma journée consiste à déplacer des données entre les formes et à lire ce qu'une API a réellement renvoyée.
JSON est la constante. Les API, les journaux, les fichiers de configuration, les charges utiles d'erreurs - tous les JSON, et la moitié, arrivent minifiés en une seule ligne illisible. le Formateur JSON est l'onglet que j'ai épinglé. Collez le blob minifié, obtenez une sortie en retrait, et indique la position exacte d'une erreur de syntaxe, qui est généralement une virgule de fuite. Quand je suis au coude à JSON, je m'appuie sur l'ensemble du jeu couvert dans le Guide ultime des outils JSON.
Les données traversent constamment la limite de la feuille de calcul/de l'application. Un client envoie un CSV d'enregistrements, mon API veut JSON. CSV à JSON gère cette direction et JSON vers CSV Gère le voyage de retour pour les parties prenantes qui vivent dans Google Sheets. Une chose qui mérite d'être connue avant de faire confiance à la conversion aveuglément : l'outil CSV en JSON déduit les types, donc 07102 devient le nombre 7102 Et les zéros de tête disparaissent. J'ai écrit exactement où cela mordait dans le Guide CSV vers JSON — C'est le genre de corruption de données silencieuse qui ruine une migration.
Le débogage d'authentification est son propre petit rituel. Lorsqu'une requête 401S et moi avons besoin de voir ce qu'un jeton revendique, le Décodeur JWT le divise en en-tête, charge utile et signature afin que je puisse vérifier le exp et les périmètres. Base64 apparaît également partout autour d'Auth - URI de données, en-têtes de base, binaires remplis dans JSON - et le Convertisseur de base64 Gère les deux sens. Pour le YAML qui exécute mes déploiements, les manifestes Kubernetes et les configurations CI, un seul mauvais indent interrompt un pipeline, donc le Validateur de YAML le rattrape avant le déploiement.
Si votre travail est lourd, j'ai récupéré le jeu complet dans Guide des outils de débogage de l'API.
Comment ces outils aident-ils à travers les fuseaux horaires ?
C'est la partie que les développeurs non distants sous-estiment. Lorsque votre équipe s'étend sur huit ou dix fuseaux horaires, les horodatages sont une véritable source de bogues et de réunions manquées.
Les journaux arrivent avec les horodatages UNIX. Un incident s'est produit à 1708876200 Et j'ai besoin de savoir quand c'était à mon heure locale avant de pouvoir le corréler avec quoi que ce soit. le Convertisseur d'horodatage transforme instantanément cela en une date humaine - et après avoir vérifié cela à la dure, cette valeur est 2024-02-25T15:50Z, pas quoi que vous disiez. le Convertisseur de fuseau horaire est ce que j'utilise lors de la planification avec des personnes dans les villes que je ne pouvais pas pointer sur une carte sans aide.
L'habitude qui empêche réellement les bogues, cependant, n'est pas un outil. Stockez tout dans UTC en interne, affichez-le dans la zone locale de l'utilisateur dans l'interface utilisateur et utilisez la norme ISO 8601 dans chaque journal et message afin qu'il n'y ait aucune ambiguïté à convertir en premier lieu. Le convertisseur est pour les fois où quelqu'un d'autre n'a pas suivi cette règle.
Quels outils de texte me font gagner le plus de temps ?
Petit, peu glamour, constant.
Les conventions de nommage sont une conversion quotidienne. Javascript veut camelcase, python veut snake_case, les constantes veulent upper_case, les URL veulent kebab-case. Je colle une liste de noms de colonnes de base de données dans le Convertisseur de boîtier Et récupérez les noms de propriétés sans modifier la main. Pour tout ce qui a une limite de longueur — une méta description, un message de validation, une documentation avec un minimum — le compteur de mots Me donne le décompte sans que je compte.
le Diff de texte L'outil gagne son onglet. Git gère les diffs de code, mais je compare à jamais deux choses que Git ne suit pas : une configuration de mise en scène avec la production, une réponse d'API avant et après un changement, deux brouillons d'une spécification. Side by side avec des ajouts et des suppressions mis en évidence, je vois la seule ligne qui diffère en une seconde. Et lorsque j'ai besoin d'un texte d'espace réservé pour une maquette, le Générateur de Lorem IPSUM Beats Copie à partir d'un site aléatoire - bien qu'il ne soit pas un bon avertissement, il ne produit que des paragraphes, et sa ligne d'ouverture est la "dolore" classique légèrement fausse "Lorem ipsum Odor Amet", pas "dolor". Guide des outils de texte.
Une correction honnête d'une version antérieure de cet article : le Chaîne inversée L'outil fait l'inversion des caractères uniquement. Il n'a pas de modes de mots ou de lignes, quel que soit le brouillon précédent. Et il s'inverse par unité de code UTF-16, ce qui signifie qu'il mutile les caractères emoji et de drapeau. Ce n'est pas un bogue que je peux onduler à la main - c'est ainsi que l'inversion de chaînes naïve fonctionne partout, et il vaut la peine de comprendre si jamais vous inversez les chaînes de code.
Qu'en est-il des images et du travail frontal ?
Je contribue régulièrement au frontend, et les captures d'écran sont un sous-produit constant du travail à distance - rapports de bogues, contexte de relations publiques, documentation.
Des captures d'écran non optimisées gonflent les référentiels et s'installent au-delà des limites de fixation. je passe tout à travers Compresse d'images avant qu'il ne passe dans un problème GitHub ou un fil de discussion. Lorsque j'ai besoin d'une taille spécifique - une carte sociale 1200×630, une largeur de Doc cohérente - Redimensionnement d'images le fait, et le Convertisseur de format Gère PNG/JPEG/WEBP sans que j'installe ImageMagick. Un avertissement sur ce convertisseur : il génère uniquement des fichiers PNG, JPEG ou WebP, pas AVIF, et un PNG transparent enregistré en tant que composite JPEG sur le noir, et non le blanc, selon la spécification HTML. Des détails comme celui-là vivent dans le Guide du convertisseur de format d'image.
le dissolvant d'arrière-plan est vraiment utile, mais je dois corriger une idée fausse commune, dont une version antérieure de ce guide très répété : ce n'est pas une IA. C'est un dissolvant de clé de couleur. Il échantillonne le pixel en haut à gauche et supprime tout ce qui est proche de cette couleur, ce qui est parfait pour un fond de couleur unie et inutile sur les cheveux ou un dégradé. Savoir lequel vous avez vous évite de vous frustrer.
Pour le travail CSS, il y a le Générateur de gradient et le cueillette de couleurs. Et le plus récent ajout sur lequel je m'appuie : le Vérificateur de contraste de couleurs, parce que j'ai déjà expédié du texte gris clair qui était invisible au soleil et je ne veux plus jamais le refaire. L'histoire complète est dans Guide de vérification des contrastes de couleurs.
Quels utilitaires de codage complètent l'ensemble ?
Une poignée sans laquelle je ne voudrais pas travailler. le Générateur UUID pour les données de test et les enregistrements fictifs. le Regex Builder Pour créer et tester des modèles par rapport à un exemple de texte avant de les coller dans le code, Regex Written Blind est un regex qui échoue dans la production. le Formateur SQL Pour rendre un mur de requête lisible. le générateur de hasch pour les sommes de contrôle.
Et parce que je passe beaucoup de temps à WordPress, le annuler la série L'outil décode les blobs sérialisés qui vivent dans le wp_options Tableau. Lorsqu'un plugin se comporte mal, ses paramètres sérialisés racontent généralement l'histoire plus rapidement que de parcourir le code - j'ai écrit toute l'approche dans le Guide de non-sérialisation PHP.
Ce que Toolz.dev ne fait pas
Je dirais plutôt que de laisser un lien 404 sur vous. Toolz.dev n'a pas d'outils PDF. Pas de fusion, pas de fractionnement, pas de compresse, pas de rotation. Si vous atterrissez ici, vous cherchez à combiner deux PDF, je ne vais pas vous envoyer vers un outil qui n'existe pas. Utilisez Stirling PDF si vous voulez quelque chose d'auto-hôte et de privé, ou iLovePDF pour un travail Web rapide. Je les garde moi-même mis en signet.
Ce n'est pas non plus un remplacement pour des logiciels spécialisés et profonds. Les outils d'image sont destinés à la compression, au redimensionnement et à la conversion de formats, et non à la modification de couche. Pour un vrai travail de photos, vous voulez toujours Photoshop ou Gimp. Les outils du navigateur couvrent extrêmement bien les petits trucs quotidiens et, honnêtement, arrêtez-vous là.
L'angle de confidentialité est en fait important pour le travail à distance
Lorsque vous travaillez à domicile, dans un café ou dans un espace de coworking, vos données sont en train de traverser des réseaux que vous ne contrôlez pas. C'est là que le traitement côté client cesse d'être un mot à la mode. Les outils sur Toolz.dev qui traitent les données le font dans votre navigateur - le fichier ou le texte ne quitte jamais votre machine, il n'y a donc rien à intercepter via WiFi de café sommaire et rien ne se trouve quelque part dans un journal du serveur. Pour gérer le texte du contrat d'un client ou un fichier de configuration rempli de chaînes de connexion, c'est la différence entre "fine" et "rapport d'incident". Guide des outils de confidentialité des données.
Questions fréquentes
Les outils sur toolz.dev sont-ils gratuits ?
Oui, les outils sont gratuits à utiliser sans filigrane. Pour être précis plutôt que commercial : il existe un système de mesure de l'utilisation et les clients obtiennent une limite quotidienne par outil qui augmente lorsque vous vous inscrivez. La plupart des gens ne le frappent jamais. Il n'y a pas de mur de paiement sur les outils eux-mêmes et pas d'inscription forcée pour les essayer.
Les outils fonctionnent-ils hors ligne ?
Partiellement. La page doit être chargée une fois à partir d'Internet, mais comme le traitement se produit dans votre navigateur, l'opération réelle n'a pas besoin d'une connexion en direct. Certains outils sont mis en cache par le navigateur et continuent de fonctionner hors connexion, ce n'est pas une garantie à tous les niveaux.
Ces outils sont-ils sûrs pour les données de l'entreprise ou du client ?
Les outils qui traitent les données les effectuent localement dans votre navigateur, de sorte que rien n'est téléchargé. C'est généralement plus sûr que les alternatives commerciales qui traitent sur leurs serveurs, et elles s'alignent sur les politiques de données qui interdisent les téléchargements externes. Si vous gérez des données réglementées, confirmez toujours votre politique, je peux vous dire comment fonctionne l'outil, et non ce que votre équipe de conformité autorise.
Puis-je les utiliser sur mon téléphone ?
Oui. Ils sont réactifs et fonctionnent dans les navigateurs mobiles. Les tâches lourdes sont plus confortables sur un ordinateur de bureau, mais les travaux rapides - formater JSON, décoder un jeton, générer un UUID - conviennent bien sur un téléphone.
Toolz.dev dispose-t-il d'outils PDF ?
non . C'est l'écart honnête. Il n'y a pas d'outils de fusion, de fractionnement, de compresse ou de rotation de PDF sur le site. Pour ceux-là, j'utilise Stirling PDF ou iLovePDF et je vous recommande de faire de même.
Existe-t-il une API pour ces outils ?
Pas actuellement. Ils sont conçus pour une utilisation interactive de navigateur. Pour le travail de programmation, implémentez l'opération directement dans votre code avec les bibliothèques open source sous-jacentes plutôt que d'attendre un point de terminaison hébergé.
Quelle est la taille d'un fichier que ces outils peuvent gérer ?
Étant donné que le traitement est en cours, le plafond est la mémoire de votre appareil, pas une limite de serveur. La plupart des machines modernes traitent des fichiers jusqu'à quelques centaines de mégaoctets. Pour les fichiers vraiment volumineux, un outil de ligne de commande est le meilleur choix.
Quels outils un développeur distant doit-il d'abord mettre en signet ?
Commencez par les quatre que j'ouvre le plus : Formateur JSON, Convertisseur de base64, Convertisseur d'horodatage, et Diff de texte. Ajoutez le reste au fur et à mesure que des besoins spécifiques surviennent.
La conclusion honnête
Le travail à distance récompense un autre type de boîte à outils - rapide, privée, à une configuration zéro - et punit plus fort qu'un bureau, car il n'y a personne au bureau suivant pour emprunter un outil. L'ensemble ci-dessus est ce que je garde réellement ouvert, les lacunes et tout. Je préfère vous remettre une liste plus courte d'outils qui fonctionnent exactement comme décrits qu'un rembourré de choses qui n'existent pas.
s'ouvrir toolz.dev, épinglez les quatre éléments essentiels et ajoutez des outils au dossier au fur et à mesure que la journée vous les lance. Et lorsque vous avez besoin d'un PDF combiné, vous savez maintenant où je m'envoie.
Outils associés :
