Nueva edición (2017) de la CSS3 Cheatsheet (lenguaje de hojas de estilo) en formato PDF, incluyendo nuevos módulos como Flexbox, Grid o Motion Paths.

desarrollo
28

Escrito por

¿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
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
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
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
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.

RELACIONADOS CSS3 cheatsheet (Chuleta CSS) RELACIONADOS HTML5 Cheatsheet (Chuleta HTML) RELACIONADOS DigitalOcean: Guía para alojar tu web en un servidor VPS
x CSS3 cheatsheet (Chuleta CSS)
Manz

28 comentarios

bryan_ruffin
6

I'm glad I found this web site, I couldn't find any knowledge on this matter prior to. Also, operate a site and if you are ever interested in doing some visitor writing for me if possible feel free to let me know, I'm always looking for people to check out my web site. geometry dash

Angila
9

Thanks for your sharing! The information your share is very useful to me and many people are looking for them just like me! We are producing latest collection of silicone sex doll which made by well material, that's design according to our costumer request, so purchase these love doll at our online store lovedollpalace.COM.

  • 2
showboxapk
10

You can avail Showbox with the new interface which working quite fine. Now all the new and innovative features of Showbox are easily accessible like sports, TV shows, news, movies, etc. before this update users experience some technical issues in Showbox like internet connection failure, and such other. But now all these things are solved, and you can simply enjoy all the available Showbox features.

mobdrodownload
11

Now we are going to download the Mobdro application for PC including Windows and Mac. The developers have not officially launched the Desktop version, but I am here to help you download Mobdro on PC (Windows and Mac) with the help of android emulators like BlueStacks, You wave and others.

  • -1
Nikita Sha
13

Good customer reviews are important for any business, so give your customer complete satisfaction so that the customer gives you positive reviews. Go to the GileShikwe website and see customer reviews of your business.

????? ?????
SMS API
16

A lot of people ask around how they can send authentication messages like OTPs or verification codes whenever someone registers an account on their website or application. The simple answer is that they need to connect their application with an SMS provider using an SMS API.

  • 1
Mass Textingn
17

Texting is perhaps the only channel that can offer instant connectivity regardless of the recipient’s location or time. This is why businesses are switching to Mass Texting to engage with their customers, users, partners, and employees as well.

John
24

The National Football League is a professional American football league consisting of 32 teams, divided equally between the National Football Conference and the American Football Conference. Stream NFL Games Live

jose
26

Pones información realmente muy útil. Gracias por publicar un artículo tan bueno los invito a pasar por mi web sobre base de datos de empresas para descargar link

truc tiep bong da
27

Thanks for posting this info. I just want to let you know that I just check out your site and I find it very interesting and informative. I can't wait to read lots of your posts.

truc tiep bong da
28

Thanks for posting this info. I just want to let you know that I just check out your site and I find it very interesting and informative. I can't wait to read lots of your posts.

Publica tu opinión