Herramientas

Herramientas super útiles

new(releases): recibe notificaciones por correo (entre otros) cada vez que un repositorio de una librería o sofware se actualiza. Super mega útil para estar pendiente de librerías open-source de recursos importantes.

IntoDNS: Raiola Networks ha sacado una herramienta para comprobar y analizar los registros DNS de un dominio.
Cron-job: Cron-jobs gratuítos desde otro servidor
SVGViewer: visor, optimizador y editor de SVGs online.
explainshell: pásale un comando de terminal y seguramente te explique comando, argumentos y opciones para que te enteres de todo lo que hace.
cobalt.tools: Descarga vídeos y audios de la mayoría de plataformas totalmente gratis.
freeconvert.com: Convierte vídeos, reduce, comprime totalmente gratis.
the Front-end Checklist: checklist interactiva de todos los puntos que deberías de revisar antes de publicar tu web.
Ratio Buddy: calculadora de aspect-ratio interactiva.
CrawlerChecker: herramienta para comprobar si los crawlers o bot de rastreo de motores de búsqueda e IA pueden rastrear tu sitio web.
OpenGraph.to: comprobador de tarjetas para compartir en redes sociales como Twitter, Facebook, Discord, LinkedIn, WhatsAppp, Slack, Telegram. También permite ver la tarjeta de búsqueda de Google y te da consejos de performance, análisis de errores en las metas de compartir. Incluso te da un prompt para arreglar lo que detecta.

transform.tools: convierte código de A a B. SVG a React, JSON a MySQL, HTML a JSX, etc…

HubDev.tools: recopilador de los mejores recursos para todo webdev. Muy orientado a React. Pero tiene de todo general.

Spec Scan: super utilidad para extraer colores, tamalos de fuentes y rellenos. Te hace un listado por cantidad de apariciones, filtros, puedes acceder directamente a donde se usa. Lo único que le falta es un exportador, pero nada que no haga una IA hoy con una captura.
Export Original Images: Exporta las imágenes reales sin cortar ni reducir.
Content reel: Genera contenido demo como textos, imágenes y cosas útiles para no usar Lorems feos.
¿Qué pasó con las recomendaciones que hacías antes como Color Extractly, Styler o Auto Style Sheet?
- La IA, el vibe coding, la codicia del SasS o el abandono me hicieron quitarlos.

WordPress Browser Extension (Chrome, pero disponible para Safari): extensión oficial de WordPress para tener opciones rápidas como desactivar la admin bar, iniciar sesión, marcar bloques o mostrar info útil de forma rápida.
FetchV (Chrome): si buscas descargar un vídeo de la web, esto es una maravilla absoluta. Incluso captura HLS y graba pantalla en ciertos apartados. Cero publicidad.
Best WordPress Tools (Chrome): colección de herramientas y trucos para añadirle a tu WordPress.
webhint (Edge, Chrome, Firefox): te analiza el sitio a través de DevTools con revisiones en accesibilidad, compatibilidad, rendimiento, seguridad, etc…
wappalyzer: descubre qué stack, tecnologías y apps usa una web.