Herramientas para desarrolladores

Editores, clientes de API, validadores, generadores de CSS, diagramadores y utilidades que hacen tu día a día más rápido. No necesitas todas: guarda esta página y vuelve cuando tengas un problema concreto ("¿cómo pruebo esta API?", "¿por qué mi regex no funciona?", "¿cómo genero un favicon?").

Editores y terminal

Visual Studio CodeEl editor de código más usado, con miles de extensiones.VS Code MarketplaceExtensiones: Prettier, ESLint, GitLens, Error Lens y más.vscode.devVS Code en el navegador, sin instalar nada.ZedEditor moderno y muy rápido, con colaboración en tiempo real.WebStormIDE de JetBrains para JavaScript (gratis para uso no comercial).Windows TerminalTerminal moderna para Windows con pestañas y temas.WSLEjecuta Linux dentro de Windows: ideal para desarrollo web.Oh My ZshConfiguración y plugins para la terminal zsh.StarshipPrompt rápido y personalizable para cualquier shell.WarpTerminal moderna con autocompletado avanzado.

Git y repositorios

GitDescarga oficial y documentación.GitHubRepositorios, Actions, Pages y Copilot.GitLabRepositorios con CI/CD integrado.GitHub DesktopCliente visual de Git, ideal para empezar.Oh Shit, Git!?!Cómo salir de los errores más comunes de Git.gitignore.ioGenera archivos .gitignore para tu stack.Choose a LicenseElige la licencia de código abierto adecuada.Conventional CommitsConvención para mensajes de commit claros.

Probar APIs

PostmanPrueba, documenta y automatiza peticiones a APIs.InsomniaCliente de APIs REST y GraphQL.HoppscotchCliente de APIs de código abierto que funciona en el navegador.BrunoCliente de APIs que guarda las colecciones como archivos en tu repo.Webhook.siteURL temporal para inspeccionar webhooks y peticiones.httpbinServicio para probar peticiones HTTP de todo tipo.

JSON, regex y datos

regex101Prueba y entiende expresiones regulares paso a paso.RegExrEditor de regex con referencia y comunidad.JSONLintValida y formatea JSON.JSON CrackVisualiza JSON como un diagrama de nodos.transform.toolsConvierte JSON a TypeScript, HTML a JSX, SVG a React y más.quicktypeGenera tipos e interfaces a partir de JSON.jwt.ioDecodifica e inspecciona tokens JWT.crontab.guruEntiende y crea expresiones de cron.MockarooGenera datos de prueba realistas en CSV, JSON o SQL.IT ToolsDecenas de utilidades: UUID, hash, base64, conversores.

Generadores de CSS

ClippyGenerador visual de clip-path.Smooth ShadowSombras suaves y realistas en capas.Shadow PaletteGenera sombras coherentes con tu fondo.CSS Grid GeneratorCrea layouts de Grid arrastrando.Layout PatternsPatrones de layout con Flexbox y Grid explicados.Fancy Border RadiusCrea formas orgánicas con border-radius.Glassmorphism GeneratorEfecto de vidrio esmerilado con backdrop-filter.Neumorphism.ioGenerador de sombras estilo neumorfismo.CSS PortalColección de generadores CSS.

Calidad, validación y rendimiento

W3C ValidatorValida tu HTML contra el estándar.W3C CSS ValidatorValida tu CSS.PageSpeed InsightsLighthouse y datos reales de rendimiento.WebPageTestPruebas de velocidad desde distintas ubicaciones.WAVEEvalúa la accesibilidad de una página.BundlephobiaCuánto pesa un paquete npm antes de instalarlo.Security HeadersAnaliza las cabeceras de seguridad de un sitio.SSL LabsEvalúa la configuración HTTPS de tu servidor.

SEO, favicons y metadatos

RealFaviconGeneratorGenera favicons para todos los dispositivos.Meta TagsPrevisualiza cómo se verá tu sitio al compartirlo y genera las etiquetas.Google Search ConsoleIndexación, errores y búsquedas de tu sitio en Google.XML SitemapsGenera un sitemap.xml para sitios pequeños.OpenGraph.xyzRevisa y depura las etiquetas Open Graph.

Diagramas, capturas y productividad

ExcalidrawPizarra con estilo dibujado a mano para bocetos y diagramas.draw.ioDiagramas de flujo, arquitectura y redes, gratis.dbdiagram.ioDiseña diagramas de bases de datos escribiendo código.Mermaid LiveDiagramas a partir de texto (se renderizan en GitHub).CarbonImágenes bonitas de fragmentos de código.ray.soCapturas de código elegantes con temas.Responsively AppVe tu sitio en muchos tamaños de pantalla a la vez.ngrokExpón tu servidor local a internet para pruebas y webhooks.

Tu caja de herramientas personal

Crea en tu navegador una carpeta de marcadores llamada "Dev" con las 10 herramientas que más uses. Y aprende los atajos de tu editor: multicursor (Alt + clic), buscar archivo (Ctrl + P) y paleta de comandos (Ctrl + Shift + P) te ahorrarán horas cada semana.