🎁 CSS | MEDIAQUERIES, FLEX y JAVASCRIPT (para la hamburguesa) 🎁 (PASO a PASO) 👉 Actividad PRÁCTICA

Entiende de una vez por todas cómo funcionan los MEDIAQUERIES | ¿DÓNDE y CÓMO ponerlos?: PASO a PASO | Cómo combinar CSS con JAVASCRIPT para poder hacer clic en el botón de la "hamburguesa" | Resolución de TODOS los problemas habituales (MOBILE FIRST). 🎁 Vídeo #2: (GRID, PICTURE, VW, CALC y MediaQueries): 👉    • 🎁 CSS | MEDIAQUERIES | GRID y JAVASCRIPT 🎁...   Enlaces a las Actividades CORTAS, RÁPIDAS y SENCILLAS de JavaScript anteriores: 🎁 Actividad 1: (Eventos | funciones | selectores | innerHTML | insertAdjacentHTML) 👉 https://bit.ly/3m4BsG5 🎁 Actividad 2: (selectores | eventos | style | if | else | alias) 👉 https://bit.ly/3AbkT04 🎁 Actividad 3: (innerHTML | value | substr | toLowerCase | toUpperCase | location) 👉 https://bit.ly/3oW8RpL 🎁 Actividad 4: (value | funciones | random | floor | onkeydown | key | Number) 👉 https://bit.ly/3BSoAJZ 🎁 Actividad 5: (variables | funciones | expresiones | operadores | if | else | style) 👉 https://bit.ly/3jz1KzJ 🎁 Actividad 6: (classList | add | remove | .src | if | innerHTML | insertAdjacentHTML) 👉 https://bit.ly/3kRiaED Contenidos: 00:00 Lo que vamos a hacer en el vídeo (Mediaqueries | CSS | Flex...) 00:32 Cinco CLAVES importantes que hace conocer saber sobre Responsive 04:51 Instalación de la extensión "Responsive Design Tester" (para Chrome) 06:06 Ver el resultado de lo que vamos a hacer 06:40 Inicio de la creación de la web 14:09 Inicio de la creación del código CSS 31:13 Creación del primer MEDIAQUERIES (@media only screen...) 36:23 Creación de VARIABLES de CSS 48:33 Utilización de position:absolute; 01:01:27 Creación de los Selectores CSS para ser activados por JavaScript 01:01:47 Creación del código JavaScript 01:03:35 Utilización de classList.add con JavaScript 01:04:53 Creación de las animaciones con CSS (para ser ejecutadas por JavaScript) 01:06:50 Conexión y ejecución de las animaciones de CSS a través de JavaScript 01:07:50 Consejo personal de JAB