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.

¡Ojo! Hago directos en Twitch sobre desarrollo web, ¿Te apuntas? ManzDev

desarrollo
90

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

90 comentarios

1 2

Russian Call Girls i
60

Goa Escorts are top-rated online, as more people want to have unique experiences with these gorgeous women from Goa as well as other cities. Online platforms from some of Goa’s biggest companies and many other free or paid advertising websites are full of ads for these female partners.

offshorededi
63

Offshore Hosting with 100% DMCA ignored Hosting, Offshore Dedicated Server, Offshore VPS Hosting. offshorededi is the Most Secure Offshore Host. Providing Offshore Streaming Servers as well.

Shalini Kaur
69

If you're new to Jodhpur, or you've been here many times and are looking for somewhere special to take or meet one of our stunning Jodhpur Escorts, then a visit to the luxurious Five Star Hotel is a must.

Body to body spa nea
71

The name of the spa varies depending on where you live. Health Spa is most commonly used in bangalore, the United States and the spa near me. Health Farm is used here in the india. This category focuses on beauty, health, and fitness in a relaxing setting. You can choose from healthy or non-healthy cuisine. for more info visit here:- https://www.sutramassage.com

Body to body spa nea
72

We are delighted to announce that our spa massages centre are now open. Think soft lighting, soothing scents, and 21-year-old therapists ready to help you relax. We offer 20% discount on all spa treatments to make your experience even more special.

Body Massage Spa Nea
73

IZSPA, is the heaven in form of spa we are best body massage service provider in Bangalore.We offer our customers massages like Female to Male,Body to Body Massage, Thai Massage and many more modern and traditional types massages provided by IZSPA in best prices. For more information visit Body To Body Spa Near Me

Body to body massage
74

I specialize in customer service and massage therapy for the following areas: foot reflexology, pregnancy massage (prenatal), post-surgical recovery, sports massage, and remedial/deep tissue massages. I offer a wide range of therapeutic techniques including Swedish techniques such as effleurage and petrissage; deep tissue work to release chronic tension or knots; lymphatic drainage techniques that encourage the natural circulation of fluids around the body; acupressure points to help balance energy flow in your body. B2B spa near me

Call girls in Chenna
75

Chennai Escorts Provides the Most Classy Call Girls in Chennai. One thing for sure is that you will be spoilt for choices with Chennai escorts. We provide a wide range of call girls in Chennai. From housewives to college students, we have them all, and don't worry, we are easy on the pocket.

Escorts in Hyderabad
77

Get access to the hottest call girls and escorts in Hyderabad. We have a wide range of high profile models who love to entertain you. You can book your favorite model at our website or contact us anytime for more details.

Female to Male spa n
78

A massage centre is the one that has well designed interior with international standard and most importantly privacy. We have kept all this in mind at Sweety spa and that is why it is rated as the top B2b spa near me.

Body to body spa nea
80

Are you looking for a Body to body spa near me? We'll, you're in luck because this post is all about that! Read on and find out what you need to know. -What are some of the benefits of a body to body massage? -Where can I get one? -How much does it cost? -What should I wear or bring with me? And more!

Profile
Profile
86

https://www.bibrave.com/users/137477 https://learn.acloud.guru/profile/spa69b1 https://en.serlo.org/user/profile/spa69b1 https://h-node.org/meet/user/en/spa69b1 https://hearthis.at/spa69b1/ https://lwccareers.lindsey.edu/profiles/2140235-bella-spa https://www.muvizu.com/Profile/bellaspa121/Latest/ https://www.datpiff.com/profile/bellaspa121 http://www.adsfeast.com/listing/bangalore-other-services-body-to-body-massage-centers-in-bangalore-245146 https://www.giveffect.com/users/521941-bella-spa https://www.buynow-us.com/348297-body-to-body-spa-near-me/details.html https://omastadi.hel.fi/profiles/bellaspa121/activity?locale=en https://www.tourneyx.com/app/profile/bellaspa121 https://guides.co/p/bella-spa https://www.findit.com/xiwoslxlctvgdyn https://www.simbunch.com/58257bella-spa_22 https://bookme.name/bellaspa121 https://vocal.media/authors/bella-spa https://confengine.com/user/bella-spa http://www.alcohol-injection.com/forum/members/bellaspa121.html

Delhi Escorts
87

Mr. Man, we have seen your blog and read it a lot. But due to lack of time, I could not give much time to the blog. I really liked the topic of your blog Delhi Call Girl Service is a very good organization for enjoyment, in Delhi Escorts you will find very beautiful girls.

Massage Spa Near Me

1 2

Publica tu opinión