6.4Caja de herramientas
Lo esencial en 30 segundos
- Construir limpio: contenedores Flexbox simples, guía de estilo global, un H1 + alt, overlay si texto sobre imagen, partes globales en el Theme Builder.
- Desenfundar: el Navegador para encontrar/seleccionar un elemento, copiar/pegar el estilo, vista previa responsive, historial (deshacer/rehacer), condiciones de visualización — los buenos reflejos multiplican la velocidad.
- Regla: una lista marcada cada vez vale más que un método sabido de memoria — antes de entregar, se ejecuta.
Hilo conductor — las fichas cerca del escritorio
Tras unos proyectos, las dos fichas de abajo quedan cerca del escritorio de Nadia en Orán: la de la página limpia pegada junto a la pantalla, la de los reflejos de editor en su cuaderno. "Lo que me salvó —dice en esencia— no fue conocer los puntos, fue marcarlos cada vez — sobre todo antes de una entrega."
Adapta las formulaciones a tu contexto, mantén la estructura: es la que evita olvidos y errores.
Referencias listas para usar
Una buena lista hace una tarea rápida y sin olvidos; los buenos reflejos de editor multiplican la velocidad. A adaptar a tu contexto.
Construir una página limpia
- Contenedores Flexbox simples (dirección, justify/align, gap)
- Sin sobre-anidamiento (comprobar en el Navegador)
- Guía de estilo global aplicada (colores/fuentes), sin valores fijos
- Un solo H1; jerarquía H2/H3
- Alt descriptivo en cada imagen útil
- Overlay siempre que haya texto sobre una imagen
- Botones con texto claro + enlace útil (tel: en móvil)
- Responsive ajustado por punto de ruptura + probado en un móvil real
Reflejos de editor esenciales
- Navegador: encontrar/seleccionar un elemento en una página recargada
- Clic derecho ▸ Copiar / Pegar el estilo: armonizar rápido
- Vista previa responsive: desktop / tableta / móvil
- Historial: deshacer / rehacer, volver a un estado anterior
- Contenedor: Disposición (dirección, gap, wrap) en Avanzado ▸ Responsive
- Theme Builder: cabecera/pie + condiciones de visualización
- Publicar: nada está en línea hasta que no se publica
- Kit: exportar/importar estilos y plantillas de un proyecto a otro
Guion listo para decir — montar una página limpia (30 s)
"¿Contenedores simples? ¿Guía de estilo global? ¿Un H1 + alt? ¿Overlay si texto sobre imagen? ¿Botones claros? ¿Responsive ajustado y probado? Si algún no, lo corrijo antes de publicar."
Plantilla para copiar y pegar — ajustes de un contenedor
CONTENEDOR: _______________
DIRECCIÓN: fila / columna GAP: ____ px WRAP: sí / no
JUSTIFY / ALIGN: _____ / _____
FONDO: color / imagen (+ overlay si texto)
RESPONSIVE (Avanzado): ¿ocultar lo inútil en móvil? sí / noArtesano / presupuesto reducido
Fichas en una página pegada en la pared: lo esencial (contenedores simples, guía de estilo, overlay, prueba móvil) basta.
PyME Orán
Tener en cuenta las realidades locales: botón de llamada "tel:" visible, prueba en una red móvil ordinaria.
Remoto / híbrido
Añadir una línea "prueba escrita" al seguimiento: en remoto, una página fechada y marcada evita malentendidos.
Multilingüe
Duplicar la lista por idioma; comprobar la visualización RTL (AR) y la guía de estilo compartida.
Reto 48h — aplica mañana
Toma 1 página real, pasa la lista "Construir una página limpia" y marca dónde está. Usa 3 reflejos de editor (Navegador, copiar/pegar estilo, vista previa responsive).
- He marcado una lista en una página real.
- Sé desenfundar la ficha limpia y los reflejos de editor en el momento adecuado.
- He hecho el reto 48h o he planificado su fecha.
Nadia monta la página de inicio del carpintero. ¿Qué debe marcar como prioridad?
Consejo: guarda estas listas cerca del proyecto hilo conductor de la guía (el sitio del carpintero).