Repolode
Enviar
AllThingsSmitty

AllThingsSmitty/css-protips

Selección de consejos prácticos de CSS sobre resets, layouts, selectores, tipografía y tamaños adaptables, con ejemplos breves de código.

Ver en GitHub
Estrellas
30,301
Forks
2,196
Issues abiertos
1
Último commit
hace 29 días

¿Qué es?

CSS Protips es una colección de técnicas de CSS breves y prácticas, mantenida por la comunidad y dirigida a desarrolladores que quieren escribir hojas de estilos más limpias y fiables. Cada consejo explica un problema común y muestra un pequeño fragmento de código, a menudo con un demo enlazado.

Los consejos abarcan una amplia variedad de temas: resets de CSS y herencia de box-sizing, centrado de elementos con flexbox y grid, uso de :not(), :is() y selectores nth-child negativos, tamaños con rem, em y unidades de viewport, y cómo mantener layouts estables con aspect-ratio. Algunas entradas también tratan cuestiones de accesibilidad, como los estilos de foco y las limitaciones del contenido generado por CSS.

El proyecto está organizado como un documento Markdown con una tabla de contenidos y se ha traducido a muchos idiomas. Es una referencia especialmente útil para desarrolladores front-end que ya conocen los fundamentos y buscan patrones idiomáticos y rápidos.

Funciones clave

  • 01Abarca resets, layouts, selectores, tipografía y tamaños adaptables
  • 02Cada consejo incluye un fragmento breve de código que explica el patrón
  • 03Varios consejos enlazan a demos en vivo
  • 04Incluye notas sobre las contrapartidas de accesibilidad de ciertas técnicas
  • 05Disponible en muchas traducciones

Casos de uso

  • Repasar conocimientos de CSS con técnicas modernas de layout y selectores
  • Consultar rápidamente un patrón para centrar elementos, aplicar resets o definir estilos de foco en formularios
  • Compartir buenas prácticas habituales de CSS con un equipo
  • Aprender CSS moderno e idiomático después de dominar los fundamentos

Temas

#css#frontend#web-development#best-practices#flexbox#cheatsheet#accessibility#awesome-list#css-tips#css-tricks

Preguntas frecuentes

¿Qué es css-protips?
Selección de consejos prácticos de CSS sobre resets, layouts, selectores, tipografía y tamaños adaptables, con ejemplos breves de código. CSS Protips es una colección de técnicas de CSS breves y prácticas, mantenida por la comunidad y dirigida a desarrolladores que quieren escribir hojas de estilos más limpias y fiables. Cada consejo explica un problema común y muestra un pequeño fragmento de código, a menudo con un demo enlazado.
¿css-protips es gratuito? ¿Qué licencia tiene?
css-protips es open source bajo la licencia CC0-1.0. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿css-protips sigue mantenido?
Mantenimiento activo. El último commit de css-protips fue el 23 sept 2026.
¿Para qué puedo usar css-protips?
Repasar conocimientos de CSS con técnicas modernas de layout y selectores Consultar rápidamente un patrón para centrar elementos, aplicar resets o definir estilos de foco en formularios Compartir buenas prácticas habituales de CSS con un equipo Aprender CSS moderno e idiomático después de dominar los fundamentos
¿Dónde consigo css-protips?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/AllThingsSmitty/css-protips

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados