Variables CSS NATIVAS: ¿Qué son y cómo funcionan?
Автор: ManzDev
Загружено: 2022-12-07
Просмотров: 4096
Muchas veces me encuentro con desarrolladores que no conocen la existencia de variables en CSS (CSS Custom Properties) de forma nativa (sin utilizar preprocesadores). Llevan mucho tiempo entre nosotros, pero no se conocen demasiado, o se desconocen muchas de sus características:
✨Permite reutilizar información
✨Posibilidad de indicar fallbacks
✨Sensible a ámbitos del DOM
✨Filtrado a través de Shadow DOM
✨Tipos de datos en CSS (experimental)
¡Te lo explico!
TIMELINE:
00:00 Introducción
01:14 Estructura HTML inicial
03:33 Pseudoclase :root
04:00 Declarar variables CSS
05:00 Utilizar variables CSS
06:00 Fallback (valor seguro)
07:05 Ámbitos del DOM
08:26 Variables CSS desde Javascript
10:35 Filtrado de variables CSS
12:17 ¿Cuándo usar variables?
13:25 Diferencia con Sass
14:02 Variables con CSS con tipo de dato
16:56 Cierre
LINKS:
👀 LenguajeCSS: https://lenguajecss.com/css/
👀 Variables CSS: https://lenguajecss.com/css/cascada-c...
¡No te olvides de seguirme! ⚡ https://manz.dev
---
📹 Twitch: / manzdev
📼 YouTube: / manzdev
🐤 Twitter: / manz
📷 Instagram: / manz.dev
✈️ Telegram: https://t.me/ManzDev
🎶 Música: https://ncs.io
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке: