Chuleta o cheatsheet de CSS3 (lenguaje de marcado de hojas de estilo) en formato PDF, muy útil para desarrolladores, diseñadores o programadores web.
Si eres desarrollador, programador o diseñador web, es posible que esta chuleta (cheat sheet) te interese. CSS es un lenguaje de marcado que se ideó con el propósito de simplificar el diseño web a través de un conjunto de sencillas propiedades aplicadas a uno o varios documentos.
Con el paso del tiempo, este lenguaje this load de hojas de estilo ha evolucionado mucho, permitiendo desde las tareas más básicas y elementales, como cambiar las dimensiones o los colores de un elemento web hasta efectos interactivos, transiciones, animaciones o incluso hasta efectos tridimensionales.
Esta cheatsheet es muy útil para aquellos que tenemos mala memoria o que queremos consultar de forma rápida la sintaxis de las propiedades CSS existentes.
Contenido
La cheatsheet contiene información sobre las siguientes características de CSS, dividido en dos páginas. La primera de ellas contiene en su mayoría características de CSS2, mientras que la segunda incorpora las novedades más populares de CSS3.
Primera página:
- Sintaxis general de CSS Formato de colores (hexadecimal, RGB, HSL, RGB/HSL+alfa).
- Colores y fondos
- Unidades y medidas Fuentes CSS2 (tipografías), alineaciones y variaciones
- Tipos de elementos Perfiles (outlines)
- Desplazamiento y posicionamiento de elementos
- Cursores del ratón
- Listas y tablas
- Modelo de cajas (Márgenes y espaciados)
- Bordes y estilos de borde
- Dimensiones y ubicaciones
- Columnas CSS3
Segunda página:
- Fondos CSS3
- Gradientes de fondo (lineales y radiales)
- Sombras de texto y elementos
- Prefijos «vendor» de motores de navegadores
- Bordes con imágenes Bordes redondeados
- Fuentes CSS3 (tipografías)
- Medios (útil para responsive design)
- Paginación en medios
- Transiciones CSS3
- Animaciones CSS3
- Filtros CSS3
- Transformaciones 2D
- Transformaciones 3D
Consideraciones
Aquellos que quieran imprimir la chuleta, recomiendo esperar unos días desde la publicación de este artículo, ya que probablemente en los comentarios se indiquen erratas o posibles errores, que se irán corrigiendo poco a poco.
Descarga
CSS3 Cheatsheet español.
CSS3 Chearsheet english.
Fuente: emezeta