CSS en 2018

aka adiós al grid de bootstrap

<paqui twitter="@zurribulle" github="FCalabria" company="AXA IT"/>

 

https://slides.com/paquicalabria/t3chfest

Nuevos sistemas de layout: grid y flexbox

CSS custom properties (¡variables de verdad!) y nuevas pseudo-clases

Modificación de imágenes: filtros y blend-mode

Os voy a dar la chapa con:

https://github.com/FCalabria/css-en-2018

paso a paso: git ckeckout step1

Recursos

Generales

https://developer.mozilla.org/en-US/docs/Web/CSS

https://caniuse.com

Flexbox

https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Grid

https://css-tricks.com/snippets/css/complete-guide-grid/

http://labs.jensimmons.com

Recursos

Nuevos selectores

https://www.w3.org/TR/selectors-4/

https://www.w3.org/TR/css-ui-3/

Custom properties

https://css-tricks.com/making-custom-properties-css-variables-dynamic/​

https://codepen.io/rauldronca/pen/WMayrP

Manipulación de imágenes

https://una.im/CSSgram/

https://tiffanybbrown.com/2015/09/css-stacking-contexts-wtf/index.html