¿Eres diseñador o desarrollador web? Si es así, es posible que esta nueva chuleta CSS3 te interese. El Lenguaje CSS es un lenguaje de marcas, ideado con el propósito de unificar todos los aspectos de diseño en un sólo lenguaje.

A lo largo del tiempo, este lenguaje ha evolucionado mucho, pasando de ser simples y sencillas propiedades, a toda una colección de aspectos relacionados con el aspecto, interfaz e interactividad de una página web.

2017 CSS3 CheatSheet

2017 CSS3 CheatSheet

Tras la version «lite» de la chuleta, publicada en 2014, han surgido muchos cambios y he decidido elaborar una nueva versión, más completa y detallada, para aquellos a los que se le quedó corta la anterior. Nuevamente, publico la cheatsheet de forma gratuita, bajo formato de donación (es muy importante que si te resulta útil, realices una donación, para así poder continuar ofreciendo esto de forma gratuita).

Contenido

La cheatsheet contiene información detallada sobre los diferentes módulos existentes en CSS. Se ha dividido en 3 chuletas (a doble cara cada una). Veamos su contenido:

2017 CSS3 CheatSheet: Página 1 y 2

Primera página:

Sintaxis general de CSS

Selectores y combinadores

Atributos

Pseudoclases

Pseudoelementos generales

Colores CSS

Valores y unidades CSS

Segunda página:

Fuentes CSS

Textos y decoraciones CSS

Speech (CSS Aural)

Reglas CSS

2017 CSS3 CheatSheet: Página 3 y 4

Tercera página:

Tipo y modelo de cajas de CSS

Bordes CSS

Fondos y gradientes CSS

Imágenes y objetos CSS

Cuarta página:

Filtros y efectos CSS

Composición CSS

Listas CSS

Formas y máscaras CSS

Interfaces de usuario básicas (UI)

2017 CSS3 CheatSheet: Página 5 y 6

Quinta página:

Transiciones CSS

Animaciones CSS

Transformaciones CSS

Movimientos CSS

Multi-columnas CSS

Scroll Snap CSS

Sexta página:

Posicionamiento CSS

Tablas CSS

Flexbox CSS

Grid CSS

Alineación CSS

Consideraciones

Recomiendo esperar algunos días desde la publicación de este artículo, ya que probablemente en los comentarios se indiquen psibles erratas o fallos en alguna de las chuletas que se irán corrigiendo poco a poco.

Se agradecerá cualquier tipo de sugerencia, difusión o apunte sobre la cheatsheet.

Descarga / Download

He abandonado la opción de publicar esta cheatsheet bajo un formato de pago porque creo en otra forma de hacer las cosas. La elaboración de esta chuleta ha llevado semanas de trabajo, y confío en que todo el que sepa valorar el trabajo ajeno que ha supuesto, realizará una donación con la cantidad que estime justa y oportuna.

Acceder a la página de descarga

Agradezco toda difusión que se haga de esta chuleta. Por favor, si lo hacéis, utilizad el enlace de este artículo (o el del botón de encima de este párrafo), y no enlaces directos o hotlinking. Si tienes cualquier tipo de problema con la descarga o donación, contacta conmigo.

¿Quieres aprender a usar todo esto? Con la organización de la Oficina de Software Libre, de la Fundación General de la Univerdad de La Laguna y de la propia Universidad de La Laguna, impartimos regularmente cursos presenciales de Diseño web con CSS3 y temáticas relacionadas como HTML5, Javascript, SVG y otras tecnologías.

Más información: Curso de Diseño web con CSS3.