Loading video...

Video Failed to Load

Go Home

¡NUEVO en CSS! display: grid-lanes Crea layouts tipo Pinterest sin JavaScript ni bibliotecas. Desbloquea un montón de nuevos diseños para la web. Por ahora sólo funciona en Safari pero pronto llega a Chrome, Edge y Safari.

midudev's profile picture

Miguel Ángel Durán

328,245 subscribers

32,586 views • 2 days ago •via X (Twitter)

EducationScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

POR FIN, nueva forma de CENTRAR con CSS. Más fácil y sin necesidad usar flex ni grid. Podrás usar "align-content" en elementos de bloque Ya disponible en Chrome 123 y pronto en los demás ↓
0:11

POR FIN, nueva forma de CENTRAR con CSS. Más fácil y sin necesidad usar flex ni grid. Podrás usar "align-content" en elementos de bloque Ya disponible en Chrome 123 y pronto en los demás ↓

Miguel Ángel Durán

110,319 views • 2 years ago

Crea diseños en Flexbox o Grid con este recurso. Te da el HTML, CSS y código de Tailwind para copiar:
0:12

Crea diseños en Flexbox o Grid con este recurso. Te da el HTML, CSS y código de Tailwind para copiar:

Miguel Ángel Durán

29,077 views • 9 months ago

Herramienta para crear un CSS Grid rápido y fácil. ¡Perfecto para crear diseños para tu web! →
0:15

Herramienta para crear un CSS Grid rápido y fácil. ¡Perfecto para crear diseños para tu web! →

Miguel Ángel Durán

117,972 views • 1 year ago

¿Te cuesta el CSS y el diseño de tu web? ¡Necesitas este recurso en tu vida! Te crea los layouts más conocidos con Grid y Flex. Totalmente personalizables y responsive.
0:12

¿Te cuesta el CSS y el diseño de tu web? ¡Necesitas este recurso en tu vida! Te crea los layouts más conocidos con Grid y Flex. Totalmente personalizables y responsive.

Miguel Ángel Durán

179,432 views • 2 years ago

¿Te cuesta el CSS y el diseño de tu web? ¡Este recurso te va a facilitar la vida! Crea layouts con Grid de forma visual e interactiva. Personalizable y te da todo el código CSS:
0:17

¿Te cuesta el CSS y el diseño de tu web? ¡Este recurso te va a facilitar la vida! Crea layouts con Grid de forma visual e interactiva. Personalizable y te da todo el código CSS:

Miguel Ángel Durán

25,631 views • 1 year ago

¿Te cuesta el CSS y el diseño de tu web? ¡Este recurso te va a facilitar la vida! Crea los layouts más conocidos con Grid y Flex. Totalmente personalizables y responsive:
0:12

¿Te cuesta el CSS y el diseño de tu web? ¡Este recurso te va a facilitar la vida! Crea los layouts más conocidos con Grid y Flex. Totalmente personalizables y responsive:

Miguel Ángel Durán

79,589 views • 1 year ago

HTML y CSS para crear un menú lateral animado usando la API de popover y la regla CSS starting-style. Sin JavaScript.
0:10

HTML y CSS para crear un menú lateral animado usando la API de popover y la regla CSS starting-style. Sin JavaScript.

Miguel Ángel Durán

20,113 views • 1 year ago

¡Tremenda colección de botones para mejorar tu web! De copiar y pegar, sin JavaScript y con Tailwind CSS →
0:16

¡Tremenda colección de botones para mejorar tu web! De copiar y pegar, sin JavaScript y con Tailwind CSS →

Miguel Ángel Durán

49,322 views • 2 years ago

¡Brutal manera de pasar a modo oscuro tu web! Con una animación nativa y personalizable. Sólo 2 líneas de JavaScript y un poco de CSS: →
0:10

¡Brutal manera de pasar a modo oscuro tu web! Con una animación nativa y personalizable. Sólo 2 líneas de JavaScript y un poco de CSS: →

Miguel Ángel Durán

74,579 views • 2 months ago

¡Crea un tour virtual para tu página web o app! Funciona en React, Vue, Angular, Svelte y más. La biblioteca se llama Driver.js y funciona así ⇣
0:15

¡Crea un tour virtual para tu página web o app! Funciona en React, Vue, Angular, Svelte y más. La biblioteca se llama Driver.js y funciona así ⇣

Miguel Ángel Durán

63,490 views • 1 year ago

¡Animaciones al hacer scroll con puro CSS! Sin JavaScript. Sin bibliotecas. Sin hacks raros. Lo mejor: disponible en todos los browsers modernos. Y es tan fácil hacerlo como esto:
0:15

¡Animaciones al hacer scroll con puro CSS! Sin JavaScript. Sin bibliotecas. Sin hacks raros. Lo mejor: disponible en todos los browsers modernos. Y es tan fácil hacerlo como esto:

Miguel Ángel Durán

38,497 views • 1 month ago

¿Pero qué brujería es esta? ¡Sólo con HTML y CSS! Cero líneas de JavaScript:
0:19

¿Pero qué brujería es esta? ¡Sólo con HTML y CSS! Cero líneas de JavaScript:

Miguel Ángel Durán

67,189 views • 1 year ago

GSAP, una de las mejores bibliotecas JavaScript para animaciones web, ahora es 100% GRATIS incluso para uso comercial. Complementos como SplitText, que antes eran de pago, ahora se pueden usar sin coste. ¡Ahora ya no hay motivos para no usarlo!
0:11

GSAP, una de las mejores bibliotecas JavaScript para animaciones web, ahora es 100% GRATIS incluso para uso comercial. Complementos como SplitText, que antes eran de pago, ahora se pueden usar sin coste. ¡Ahora ya no hay motivos para no usarlo!

Miguel Ángel Durán

46,593 views • 1 year ago

Crea mapas bonitos para tu web o app. Gratuitos, sin configuración y en un comando: →
0:11

Crea mapas bonitos para tu web o app. Gratuitos, sin configuración y en un comando: →

Miguel Ángel Durán

76,345 views • 3 months ago

¡Crea un fondo moderno para tu web o app! Sin registros, personalizable y en segundos →
0:17

¡Crea un fondo moderno para tu web o app! Sin registros, personalizable y en segundos →

Miguel Ángel Durán

27,925 views • 1 year ago

¡Esta EXTENSIÓN de CODE te ahorra muchas horas! Crea un servidor para previsualizar tu web: - Cambios en tiempo real de HTML, CSS y JS - Se abre un navegador en el mismo editor - Actualización de contenido sin guardar Se llama Live Preview y aquí tienes una demostración:
0:17

¡Esta EXTENSIÓN de CODE te ahorra muchas horas! Crea un servidor para previsualizar tu web: - Cambios en tiempo real de HTML, CSS y JS - Se abre un navegador en el mismo editor - Actualización de contenido sin guardar Se llama Live Preview y aquí tienes una demostración:

Miguel Ángel Durán

174,498 views • 2 years ago

¿Quieres añadir animaciones en tu página web? Animista te genera el CSS de un montón de ellas. Personalízalas y copia el código: →
0:10

¿Quieres añadir animaciones en tu página web? Animista te genera el CSS de un montón de ellas. Personalízalas y copia el código: →

Miguel Ángel Durán

22,090 views • 1 year ago

¡Esta EXTENSIÓN de CODE te ahorra muchas horas! Crea un servidor para previsualizar tu web ✓ Cambios en tiempo real de HTML, CSS y JS ✓ Abre un navegador en el mismo editor ✓ Actualiza el contenido sin guardar Se llama Live Preview y aquí tienes una demo ↓
0:17

¡Esta EXTENSIÓN de CODE te ahorra muchas horas! Crea un servidor para previsualizar tu web ✓ Cambios en tiempo real de HTML, CSS y JS ✓ Abre un navegador en el mismo editor ✓ Actualiza el contenido sin guardar Se llama Live Preview y aquí tienes una demo ↓

Miguel Ángel Durán

56,319 views • 2 years ago

¡Nuevo componente para React! <ViewTransition /> Podremos crear transiciones en la UI fácilmente. Envuelve lo que quieres animar y dale un nombre único. Puedes personalizar la animación con CSS. Por ahora experimental, pero tiene pintaza:
0:10

¡Nuevo componente para React! <ViewTransition /> Podremos crear transiciones en la UI fácilmente. Envuelve lo que quieres animar y dale un nombre único. Puedes personalizar la animación con CSS. Por ahora experimental, pero tiene pintaza:

Miguel Ángel Durán

25,416 views • 1 year ago

¡Es increíble que podamos hacer esto con sólo CSS! Fija el header y anima sus propiedades al hacer scroll Sin usar JavaScript y en 15 líneas de código ↓
0:11

¡Es increíble que podamos hacer esto con sólo CSS! Fija el header y anima sus propiedades al hacer scroll Sin usar JavaScript y en 15 líneas de código ↓

Miguel Ángel Durán

84,109 views • 2 years ago