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.
Qué hace
Frontend Guidelines es una referencia concisa y con criterio propio que cubre buenas prácticas de HTML, CSS y JavaScript. Cada regla se ilustra con un ejemplo de código malo frente a bueno, lo que facilita su adopción como base para un equipo o como documento 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.
Características
Notas de campo
Revisado el Jun 21, 2026
Ideal para
Resultados para creadores
Ten cuidado
Probado con
Costo
Gratuito para leer; documento abierto.
Herramientas para probar
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 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.
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.
A Claude skill is a folder of instructions that teaches Claude your team's way of doing a recurring task. Most are easy to build but quietly fail because Claude never reaches for them or the output is wrong. This guide shows you the few habits and the one testing loop that fix that.
A curated breakdown of the Claude skills ecosystem, what skills are, how they work, and the handful worth installing first.
Best for Knowledge workers who need reliable document format conversions, such as PDF, DOCX, PPTX, and XLSX, on a daily basisExplores the cultural fade of color in products alongside nanoscale methods that make material color disappear through structural interference.
Best for Designers choosing palettes for products or interfacesAn 18-step practical guide to unlocking Claude's full capability through Projects, Custom Instructions, and a personal knowledge base.
Best for Daily Claude users who want persistent, personalized context without re-explaining themselves every sessionA technical argument for replacing text chunks with structured QA packets in RAG pipelines, for ML engineers and data architects building production retrieval systems.
Best for ML engineers and data architects who own a RAG ingestion pipeline and want to fix retrieval at the sourceAddy Osmani's essay on why more AI agents don't mean more shipped work, and how to architect your attention like a concurrent system.
Best for Developers building or scaling multi-agent coding workflows