Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

¡Hermosa colección de LOADERS para tu Web o App! » 0 dependencias » CSS puro, sin JavaScript » Código de copiar y pegar » Configurable hasta el último detalle → loadership․com

midudev's profile picture

Miguel Ángel Durán

333,513 subscribers

117,363 görüntüleme • 2 yıl önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

6 Yorum

Álvaro Montoro profil fotoğrafı
Álvaro Montoro2 yıl önce

Visita la colección de loaders de @ChallengesCss: Tiene más de 600 y están genial: > CSS puro > Un único elemento HTML > Sin dependencias ni JS > Copia y pega sólo pulsando un botón

Laura Lara Fierro profil fotoğrafı
Laura Lara Fierro2 yıl önce

No uses muchos divs después 70 divs para un loader

Miguel Ángel Durán profil fotoğrafı
Miguel Ángel Durán2 yıl önce

El contexto es importante. Se trata de no usar divs en el caso que exista una alternativa semántica. Por ejemplo, usar <article> en lugar de <div> cuando es un contenido que podría ser autónomo e independiente. Podríamos usar progressbar y aria-busy="true" en el contenedor. Por ejemplo.

Carlos Zambrano profil fotoğrafı
Carlos Zambrano2 yıl önce

Alguna alternativa para React Native?

Tomas profil fotoğrafı
Tomas2 yıl önce

@facuugil61

Christian profil fotoğrafı
Christian2 yıl önce

Tengo que revisarlo, aunque prefiero las cosas simples

Benzer Videolar

¡La MEJOR colección de LOADERS para tu web! No dejes al usuario esperando sin enseñarle nada Bonitos, personalizables y gratuitos. Te da el código para copiar y pegar: →
0:23

¡La MEJOR colección de LOADERS para tu web! No dejes al usuario esperando sin enseñarle nada Bonitos, personalizables y gratuitos. Te da el código para copiar y pegar: →

Miguel Ángel Durán

22,366 görüntüleme • 1 yıl önce

¡Esta es la MEJOR colección de LOADERS para tu web! No dejes al usuario esperando sin enseñarle nada. Son bonitos, personalizables y gratuitos. Te da el código para copiar y pegar: →
0:23

¡Esta es la MEJOR colección de LOADERS para tu web! No dejes al usuario esperando sin enseñarle nada. Son bonitos, personalizables y gratuitos. Te da el código para copiar y pegar: →

Miguel Ángel Durán

148,037 görüntüleme • 2 yıl önce

¡Mejora tu página web con estas animaciones CSS! De copiar y pegar:
0:25

¡Mejora tu página web con estas animaciones CSS! De copiar y pegar:

Miguel Ángel Durán

152,782 görüntüleme • 3 yıl önce

CSS no para de sorprenderme... ¡Mira este SLIDER sin JAVASCRIPT! ✓ Con animaciones entre slides ✓ Soporte nativo de gestos en móvil ✓ Con navegación con marcas ✓ 0 líneas de JavaScript Te dejo el código en el primer comentario ↓
0:50

CSS no para de sorprenderme... ¡Mira este SLIDER sin JAVASCRIPT! ✓ Con animaciones entre slides ✓ Soporte nativo de gestos en móvil ✓ Con navegación con marcas ✓ 0 líneas de JavaScript Te dejo el código en el primer comentario ↓

Miguel Ángel Durán

86,166 görüntüleme • 2 yıl önce

CSS no deja de sorprenderme... ¡Mira este SLIDER sin JAVASCRIPT! ✓ Con animaciones ✓ Soporte nativo de móvil ✓ Navegación con marcas ✓ 0 líneas de JavaScript Te dejo el código en el primer comentario ↓
0:50

CSS no deja de sorprenderme... ¡Mira este SLIDER sin JAVASCRIPT! ✓ Con animaciones ✓ Soporte nativo de móvil ✓ Navegación con marcas ✓ 0 líneas de JavaScript Te dejo el código en el primer comentario ↓

Miguel Ángel Durán

42,249 görüntüleme • 2 yıl önce

Componentes visuales creativos de código abierto espectaculares. Usan HTML-in-Canvas y WebGL. Compatibles con JavaScript, React, Svelte y Vue. Son de copiar, pegar y disfrutar:
0:48

Componentes visuales creativos de código abierto espectaculares. Usan HTML-in-Canvas y WebGL. Compatibles con JavaScript, React, Svelte y Vue. Son de copiar, pegar y disfrutar:

Miguel Ángel Durán

33,357 görüntüleme • 1 ay önce

Esta es una web interactiva para aprender los conceptos básicos de HTML, CSS y JAVASCRIPT. Puedes comprobar cómo funciona y código y realizar modificaciones en tiempo real.
0:29

Esta es una web interactiva para aprender los conceptos básicos de HTML, CSS y JAVASCRIPT. Puedes comprobar cómo funciona y código y realizar modificaciones en tiempo real.

Brais Moure

107,482 görüntüleme • 2 yıl önce

¡Esto de Vercel es alucinante! Una IA para crear componentes de React. ✓ Le indicas una frase y te crea la UI ✓ Puedes copiar y pegar el código... ✓ O ejecutar un comando para añadirlo a tu proyecto Por ahora está en Alpha y es de acceso privado. →
0:38

¡Esto de Vercel es alucinante! Una IA para crear componentes de React. ✓ Le indicas una frase y te crea la UI ✓ Puedes copiar y pegar el código... ✓ O ejecutar un comando para añadirlo a tu proyecto Por ahora está en Alpha y es de acceso privado. →

Miguel Ángel Durán

92,255 görüntüleme • 3 yıl önce

En Uiverse tienes una colección GRATIS de elementos de interfaz opensource listos para copiar y pegar en vuestros proyectos 👇
0:24

En Uiverse tienes una colección GRATIS de elementos de interfaz opensource listos para copiar y pegar en vuestros proyectos 👇

Carmen Ansio

35,161 görüntüleme • 3 yıl önce

¿Necesitas un avatar bonito y diferente para tu web? 😶 blobatar — deterministic geometric blobatars 👉 de Alain Alvarez ✅ Sin dependencias. Solo 4kb. ✅ Compatible con React, Vue, Svelte, Solid &amp; Preact. ✅ De código abierto. 100% personalizable.
0:28

¿Necesitas un avatar bonito y diferente para tu web? 😶 blobatar — deterministic geometric blobatars 👉 de Alain Alvarez ✅ Sin dependencias. Solo 4kb. ✅ Compatible con React, Vue, Svelte, Solid &amp; Preact. ✅ De código abierto. 100% personalizable.

Pablo

10,272 görüntüleme • 21 gün önce

¡Lo que acaba de llegar a CSS es brutal! Crea sliders con botones sin escribir JavaScript. Con los nuevos scroll-button y scroll-marker-group. ¡Mira la demostración y el código!
1:08

¡Lo que acaba de llegar a CSS es brutal! Crea sliders con botones sin escribir JavaScript. Con los nuevos scroll-button y scroll-marker-group. ¡Mira la demostración y el código!

Miguel Ángel Durán

36,309 görüntüleme • 1 yıl önce

¡Practica tu lógica de programción! En Python, TypeScript o JavaScript. 24 retos de código para ponerte a prueba:
0:26

¡Practica tu lógica de programción! En Python, TypeScript o JavaScript. 24 retos de código para ponerte a prueba:

Miguel Ángel Durán

18,514 görüntüleme • 9 ay önce

José Mourinho 🇵🇹 en estado puro. El "copiar y pegar" de muchos entrenadores, atender las características de los jugadores y el ejemplo de Guardiola. Para guardar eternamente. THE SPECIAL ONE. 📹 Canal 11.
1:47

José Mourinho 🇵🇹 en estado puro. El "copiar y pegar" de muchos entrenadores, atender las características de los jugadores y el ejemplo de Guardiola. Para guardar eternamente. THE SPECIAL ONE. 📹 Canal 11.

VSports Team

258,905 görüntüleme • 1 yıl önce

Truco de CSS para mantener el footer siempre al final de tu página web.
0:22

Truco de CSS para mantener el footer siempre al final de tu página web.

Miguel Ángel Durán

46,582 görüntüleme • 1 yıl önce

¡POR FIN podremos hacer esto en CSS! Cambiar la altura de un textarea según su contenido. Es la nueva propiedad "field-sizing: content". Sin necesidad de usar JavaScript. Aquí tienes una demostración y el código ↓
0:39

¡POR FIN podremos hacer esto en CSS! Cambiar la altura de un textarea según su contenido. Es la nueva propiedad "field-sizing: content". Sin necesidad de usar JavaScript. Aquí tienes una demostración y el código ↓

Miguel Ángel Durán

82,960 görüntüleme • 2 yıl önce

🚀 ¿Necesitas una tipografía para tu proyecto? 🥰 Free faces es una colección de tipografías gratuitas con una web hermosa 👇
0:24

🚀 ¿Necesitas una tipografía para tu proyecto? 🥰 Free faces es una colección de tipografías gratuitas con una web hermosa 👇

Carmen Ansio

73,093 görüntüleme • 3 yıl önce

¿Necesitas gráficas para tu web o app? ¡Pues esta biblioteca marca la diferencia! - Úsalas con React, Vue y Web Components - Responsive y optimizadas para móviles - Construidas con JavaScript y canvas - Optimizadas para muchos datos →
0:24

¿Necesitas gráficas para tu web o app? ¡Pues esta biblioteca marca la diferencia! - Úsalas con React, Vue y Web Components - Responsive y optimizadas para móviles - Construidas con JavaScript y canvas - Optimizadas para muchos datos →

Miguel Ángel Durán

98,100 görüntüleme • 2 yıl önce

¡A ver qué te parece este efecto de Hover en 3D! Con sólo HTML y CSS, para subir el nivel de tu web:
0:58

¡A ver qué te parece este efecto de Hover en 3D! Con sólo HTML y CSS, para subir el nivel de tu web:

Miguel Ángel Durán

117,369 görüntüleme • 3 yıl önce

Ya te puedes registrar en la web del Verano Joven y conseguir tu código para viajar a partir del 1 de julio en tren y autobús con descuentos de hasta el 90%. Así de fácil y sencillo 👇
0:26

Ya te puedes registrar en la web del Verano Joven y conseguir tu código para viajar a partir del 1 de julio en tren y autobús con descuentos de hasta el 90%. Así de fácil y sencillo 👇

Óscar Puente

525,779 görüntüleme • 1 yıl önce

🚨HOY ÚLTIMO DÍA PARA INSCRIBIR TU CÉDULA ONLINE y solo hasta el 8 de enero último plazo para hacerlo presencial! No te quedes sin participar en las próximas elecciones legislativas!
0:56

🚨HOY ÚLTIMO DÍA PARA INSCRIBIR TU CÉDULA ONLINE y solo hasta el 8 de enero último plazo para hacerlo presencial! No te quedes sin participar en las próximas elecciones legislativas!

Beto Coral

17,823 görüntüleme • 8 ay önce