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 dans le navigateur, pas de compte. La seule lacune honnête : Toolz.dev n'a pas d'outils PDF - j'utilise Stirling PDF ou iLovePDF pour ceux-là.
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 l'évidence J'ai reconstruit plus d'une fois mon environnement de travail sur un ordinateur portable emprunté, généralement parce qu'un lecteur est mort au pire moment possible Chaque heure passée à réinstaller les utilitaires de bureau est une heure sans expédition Un onglet de navigateur a besoin d'une configuration zéro Les environnements restreints sont les seconds : beaucoup de machines clientes et d'ordinateurs portables d'entreprise verrouillés ne vous laisseront tout simplement pas installer de logiciel, et un outil Web contourne entièrement. Ensuite, il y a une vitesse brute - ouvrir un onglet est plus rapide que le démarrage à froid d'une application native - 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 - ouvrez 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. API, journaux, fichiers de configuration, charges utiles d'erreur - tous JSON, et la moitié de celui-ci arrive minifié 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 discrète des données 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 étendues. Base64 apparaît également partout autour de l'authentification - URI de données, en-têtes d'authentification de base, binaire intégré à 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 cela instantanément en un rendez-vous humain - et après l’avoir vérifié à la dure, cette valeur l’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 bugs, cependant, n'est pas un outil Stockez tout en UTC en interne, affichez dans la zone locale user' ;s dans l'interface utilisateur et utilisez ISO 8601 dans chaque journal et message, il n'y a donc aucune ambiguïté à convertir en premier lieu. Le convertisseur est destiné aux 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 manuellement quarante lignes. 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 bat la copie à partir d'un site aléatoire - bien qu'il soit juste d'avertir, il ne produit que des paragraphes, et sa ligne d'ouverture est le classique " ; Lorem ipsum odor amet," ; pas " ;dolor." ; J'ai creusé dans cette bizarrerie dans le Guide des outils de texte.
Une correction honnête d'une version antérieure de cet article : le Chaîne inversée tool fait l'inversion de caractères seulement Il n'a pas de modes de mot ou de ligne, quelle que soit une ébauche précédente revendiquée Et il s'inverse par unité de code UTF-16, ce qui signifie qu'il mutile les emoji et les caractères de drapeau Ce n'est pas un bug que je peux faire passer à la main - c'est comment l'inversion naïve de chaîne fonctionne partout, et il vaut la peine de comprendre si jamais vous inversez des chaînes dans le 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 des 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 n'entre dans un problème GitHub ou un thread Slack Lorsque j'ai besoin d'une taille spécifique - une carte sociale 1200.630, une largeur doc cohérente - Redimensionnement d'images le fait, et le Convertisseur de format gère PNG/JPEG/Webp sans que j'installe ImageMagick Une mise en garde sur ce convertisseur : il génère uniquement PNG, JPEG ou WebP, pas AVIF, et un PNG transparent enregistré sous forme de composites JPEG sur noir et non blanc, selon les spécifications HTML. Des détails comme celui en direct 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 la construction et le test de modèles par rapport à un exemple de texte avant de les coller dans du code - regex écrit aveugle est 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 le passage du 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.
Il n'est pas non plus un remplacement pour les logiciels profonds et spécialisés Les outils d'image sont pour la compression, le redimensionnement, et la conversion de format - pas l'édition de couche Pour le vrai travail photo vous voulez toujours Photoshop ou GIMP Les outils de navigateur couvrent les petites choses quotidiennes extrêmement bien et honnêtement s'arrêtent 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 traversent 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, donc il n'y a rien à intercepter sur le WiFi de café sommaire et rien de ce qui se trouve quelque part dans un journal de serveur Pour gérer un client' ; s texte de contrat ou un fichier de configuration plein de chaînes de connexion, c'est la différence entre " ; fine" ; rapport incident." ; Je suis allé plus profondément sur le modèle de confidentialité dans le 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 le font localement dans votre navigateur, donc rien n'est téléchargé C'est généralement plus sûr que les alternatives commerciales qui traitent sur leurs serveurs, et cela correspond aux politiques de données qui interdisent les téléchargements externes Si vous gérez les données réglementées, confirmez toujours par rapport à votre propre politique - je peux vous dire comment fonctionne l'outil, pas ce que votre équipe de conformité permet.
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 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é, zéro configuration - et punit les frictions plus durement 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écrit plutôt qu’un outil rembourré rempli 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 :
