# Frontend Guidelines By **bendc** · Artículos Un conjunto conciso y con criterio propio de buenas prácticas de HTML, CSS y JavaScript sobre semántica, accesibilidad, rendimiento y patrones mantenibles, cada una ilustrada con ejemplos de código malo frente a bueno. - Source: https://github.com/bendc/frontend-guidelines - Repository: https://github.com/bendc/frontend-guidelines - Tags: html, css, javascript, best-practices, open-source, style-guide, accessibility, frontend - Pricing: free - Upvotes: 0 ## Features - Reglas concisas de buenas prácticas de HTML, CSS y JavaScript - Cada regla ilustrada con un ejemplo de código malo frente a bueno - Guía de HTML sobre semántica, accesibilidad y rendimiento - Guía de CSS sobre flujo, especificidad, layout y animación - Guía de JavaScript sobre pureza, métodos nativos y legibilidad - Adoptable como base para un equipo o referencia de incorporación --- Frontend Guidelines es un conjunto conciso y ampliamente referenciado de buenas prácticas de HTML, CSS y JavaScript, presentado como reglas breves ilustradas cada una con un ejemplo de código malo frente a bueno. Es directo y pragmático en lugar de exhaustivo, el tipo de documento que un equipo puede adoptar íntegramente como base o usar para incorporar nuevos ingenieros. La sección de HTML cubre semántica, brevedad, accesibilidad, idioma y codificación de caracteres, y rendimiento. La sección de CSS defiende mantener los elementos en el flujo natural del documento, minimizar la especificidad y el `!important`, preferir los layouts modernos (Flexbox y Grid), favorecer las transiciones sobre las animaciones, y animar únicamente `opacity` y `transform`. La sección de JavaScript apuesta por la legibilidad y la pureza, prefiriendo los métodos de array sobre los bucles, manteniendo las funciones libres de efectos secundarios, y apoyándose en los métodos nativos. Su regla más destacada: favorecer la legibilidad, la corrección y la expresividad por encima del micro-rendimiento, porque JavaScript rara vez es tu cuello de botella. ## FAQ ### ¿Qué cubre Frontend Guidelines? Buenas prácticas en tres áreas: HTML (semántica, accesibilidad, rendimiento), CSS (flujo, especificidad, layout moderno, animación) y JavaScript (pureza, métodos nativos, legibilidad). ### ¿A quién va dirigido? A equipos que quieran una base de convenciones frontend lista para usar, y a ingenieros que se incorporan a una base de código y necesitan una referencia rápida y con criterio propio. ### ¿Cuál es su principio fundamental? Favorecer la legibilidad, la corrección y la expresividad por encima del micro-rendimiento; el documento argumenta que JavaScript rara vez es tu cuello de botella, por lo que hay que optimizar las imágenes, la red y los reflujos del DOM. --- [View on Analog](https://analoghq.ai/es/bendc/articles/frontend-guidelines)