Lo nuevo de CSS

Qué está por venir y qué ha llegado ya

Sonia Ruiz

👩🏻‍💻 Frontend Developer en Secuoyas

@Yune__vk YuneVK

Un poco de historia

w3.org/TR/REC-CSS1-961217

CSS Modules

w3.org/Style/CSS/current-work

caniuse.com

Lo nuevo de CSS

Custom Properties

Custom Properties

👍 +90%

calc()

calc()

👍 +95%

¡Bonus! max(), min(), clamp()
y funciones trigonométricas

Conic Gradients

Conic Gradients

🤷🏻‍ +70%

Media Queries

Detectar el tipo de cursor

🤷🏻‍ +85%

Nueva sintaxis

👎 0%

Custom Media Queries

👎 0%

Custom Selectors

Custom Selectors

👎 0%

Scroll Snap

Scroll Snap

🤷🏻‍ +85%

Pseudo-clases

:has()


👎 0%

:is()

👎 "90%"

:not()


👍 +90%

Shapes

bennettfeely.com/clippy/

Shapes

🤷🏻‍ +85%

position: sticky

position: sticky

👍 +90%

overscroll-behavior

overscroll-behavior

🤷🏻‍ +75%

Fuentes variables

👉 v-fonts.com

axis-praxis.org/specimens/zycon

Fuentes variables

🤷🏻‍ +85%

Feature Queries

Feature Queries

👍 +95%

¡Bonus!Houdini

Custom Properties


Paint API

houdini.glitch.me/

¡Conoce más!

👉 W3C CSS Current Work www.w3.org/Style/CSS/current-work

👉 What’s next for CSS?cssdb.org

👉 State of CSS2019.stateofcss.com

👋¡Muchas gracias!

@Yune__vk YuneVK