Frontend Principles

Propósito

Definir criterios operativos para mantener HTML semántico, CSS claro y JavaScript vanilla simple en este repositorio estático.

HTML semántico

• Usar etiquetas semánticas (header, nav, main, section, article, footer).
• Mantener jerarquía lógica de títulos (h1 → h2 → h3).
• Evitar div si existe una etiqueta semántica adecuada.
• Mantener una estructura clara y fácil de leer.

CSS (orden, responsive, simplicidad)

• Priorizar estilos legibles y consistentes.
• Mantener un orden lógico (layout → componentes → utilidades).
• Usar enfoque mobile-first y ajustar con breakpoints mínimos.
• Evitar reglas innecesarias o duplicadas.
• Preferir cambios locales antes que reestructuras globales.