Juegos para aprender conceptos de CSS como Flexbox, Grid o selectores.

Si estás aprendiendo CSS, una buena manera es jugando. Os dejamos unos cuantos juegos web para aprender, repasar o afianzar ciertos conceptos de CSS.

Selectores CSS.

Aprender a manejar los selectores de CSS es muy importante, ya que nos ayuda a asignar nuestro código a los elementos que queremos.

CSS Diner es un juego en el que te va a pedir que selecciones, mediante código CSS, los elementos que te piden. Tienes 32 niveles con dificultad ascendente, así que está muy completo.

Grid.

Poner los elementos en Grid, con filas, columnas y celdas, es algo muy común en las páginas web. Así que controlar su uso es treméndamente útil.
CSS Garden tiene 28 niveles de dificultad en los cuales podrás aprender a manejar este elemento CSS.

Flexbox.

Otro elemento muy importante en las páginas de hoy en día: Flexbox (más info aquí y aquí ). Te permite colocar los elementos donde quieras en tu pantalla, y de modo “responsive” (adaptable a varios dispositivos).

Del mismo creador que el juego anterior tenemos FlexboxFroggy. Probadlo, es excelente (24 niveles).

También tenéis Flexboxdefense para manejar otros elementos de Flexbox.

 

Os recomendamos los siguientes productos relacionados con la informática:

 

Monitor Portatil - KOORUI Pantalla Portatil de 15,6 Pulgadas, 1080P Full HD, IPS sRGB 99% Monitor Portátil con Doble Trompa/HDMI/Type-C Monitor para computadora portátil/PC/Mac /PS4 /Xbox/Teléfono

(506)

119,99 € (a partir de 2 febrero, 2023 05:32 GMT +01:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)

JETech Protector de Pantalla para iPad 9/8/7 (10,2 Pulgadas, 2021/2020/2019 Modelo, 7ª/8ª/9ª Generación), Cristal Vidrio Templado, 1 Unidades

(123336)

7,19 € (a partir de 2 febrero, 2023 06:56 GMT +01:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)

Coolzon Vistoso Tableta de Escritura LCD 8.5 Pulgadas, LCD Pizarra Magica borrable y Reutilizable para niños de dibujo para Pinturas,Pegatinas de dibujos animados de animales gratis,Azul

(540)

11,99 € (a partir de 2 febrero, 2023 05:32 GMT +01:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)

SUWEN Repetidor WiFi, 300Mbps Amplificador WiFi,Amplificador Señal WiFi de 300 Mbps,Amplificador de Señal Admite Redes WLAN de 2,4 GHz,Fácil de Configurar, Compatible con Enrutador y Fibra

(285)

14,25 € (a partir de 2 febrero, 2023 05:32 GMT +01:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)

Scanfield Organizador Cables Escritorio Set 2, Bandeja Organizador Escritorio, Bandeja Cables para Escritorios Robusto y Espacioso, Evita Sobre Calentamiento, Estante Modular para Ordenar Cables

(53)

14,99 € (a partir de 2 febrero, 2023 06:56 GMT +01:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)

Samsung Galaxy Tab A8 - Tablet de 10.5” (4GB RAM, 128GB Almacenamiento, Wifi, Android 12) Gris - Versión española

(463)

232,80 € (a partir de 2 febrero, 2023 05:32 GMT +01:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)

Kingston A400 SSD Disco duro sólido interno 2.5" SATA Rev 3.0, 960GB - SA400S37/960G

(179565)

62,97 € (a partir de 2 febrero, 2023 06:56 GMT +01:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)

Cargador de iPhone [Certificado Apple MFi] 2 cables USB a Lightning de 6FT Cable de carga transferencia de sincronización de datos de Compatible con iPhone 14 13 12 11 Pro Max XS XR X 8 7 iPad

(2218)

8,68 € (a partir de 2 febrero, 2023 03:51 GMT +01:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)

Alextry - Adaptador de HDMI a VGA - Convertidor macho a hembra 1080P para Tablet, PC portátil

(1302)

5,60 € (a partir de 2 febrero, 2023 03:51 GMT +01:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)

Lapiz Tactil Tablet con Magnetismo,LEZUN Lápiz para Pantalla Táctil con Punta Plástica de 1,5 mm,Compatible con Las Tabletas con Pantalla Táctil y Teléfono Móvile , con 2 Puntas Repuesto

(4500)

23,99 € (a partir de 2 febrero, 2023 06:56 GMT +01:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)