Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

¡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 görüntüleme • 2 gün önce •via X (Twitter)

EğitimBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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 görüntüleme • 2 yıl önce

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 görüntüleme • 9 ay önce

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 görüntüleme • 1 yıl önce

¿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 görüntüleme • 2 yıl önce

¿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 görüntüleme • 1 yıl önce

¿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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

¡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 görüntüleme • 2 yıl önce

¡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 görüntüleme • 2 ay önce

¡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 görüntüleme • 1 yıl önce

¡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 görüntüleme • 1 ay önce

¿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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 3 ay önce

¡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 görüntüleme • 1 yıl önce

¡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 görüntüleme • 2 yıl önce

¿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 görüntüleme • 1 yıl önce

¡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 görüntüleme • 2 yıl önce

¡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 görüntüleme • 1 yıl önce

¡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 görüntüleme • 2 yıl önce