Bienvenido a Brota, un sitio de aprendizaje práctico que te enseña todo lo que necesitas saber sobre el Inspector de Elementos del navegador. Desde conceptos básicos hasta tips avanzados, este sitio está pensado para que aprendas de forma clara, rápida y sin complicaciones.
⚠️ Nota: No fue posible publicar una demo del sitio en GitHub Pages. Para probar la aplicación, puedes clonar el repositorio o descargar el archivo ZIP.
La documentación está organizada en una sección principal llamada Inspector de Elementos, que contiene:
- Introducción al inspector
- Cómo se usa paso a paso
- Para qué sirve
- Elementos más comunes que puedes inspeccionar
- Cómo modificar HTML y CSS desde el navegador
- Cómo ver recursos internos (imágenes, scripts, etc.)
- Tips avanzados y secretos del inspector
- Atajos recomendados
- Herramientas relacionadas
- Casos prácticos de uso real
- Docusaurus v3.7 como generador de documentación
- React + JSX
- CSS personalizado
- Despliegue en cPanel (subdominio propio)
Instalar dependencias:
npm installDesarrollo local:
npm run startGenerar sitio estático:
npm run buildEste repositorio contiene todo el contenido fuente y documentación en Markdown (.md) para que puedas mantener o expandir el sitio fácilmente.
¡Listo para que cualquiera aprenda a usar el inspector como todo un experto! 😎