Hermano primero que todo Gracias por tu aporte, sé que este video es de hace tres años pero me resuelve en parte mi necesidad. Tengo una pequeña duda, cuando pones el cursor:zoom-in, quisiera que cuando se pinche la imagen, esta se mostrara en pantalla completa. Gracias
hay una propiedad mas interesante y poco conocida en css que logra lo mismo y sin JavaScript se llama column y acepta los siguientes valores (columns: 5 320px; ) el 5 hace referencia al maximo de columnas y los px a el tamaño maximo de las columnas.. y es responsive
Amigo muy buen video, sin embargo no sé por qué razón no me sirve la librería, incluso copié el código que dejaste en GitHub para ver si es que estaba cometiendo algún error, y nada no me funcione ¿qué podría ser? espero puedas ayudarme, de antemano muchas gracias.
Hola, muchas gracias por tu video, me fue de mucha ayuda, pero, me quedé con una duda, para el tema del height de las imagenes, si la imagen es muy grande (900x1150), sería mejor utilizar la libreria "imagesLoaded" y no poner ese alto tan grande, cierto? o modificamos el height manualmente?
Hola, lo ideal es que las imágenes que uses tengan las dimensiones que necesitas, pero si eso no es posible podrías hacer lo que comentas de usar la librería o colocar manualmente el width y height que te interese, aunque eso solo sería posible si sabes de antemano cuáles son las dimensiones de la imagen.
tienes algun video de como poner imagenes donde el ancho del contenedor es mayor que la imagen me expico tengo al final del grid una fila con 3 columnas y la imagen o queda muy grande o muy chica ya probe con objet-fit y nada... ayuda!!!!🥺🥺
Hola, la solución usando css grid masonry layout solo está disponible en Firefox de forma experimental, la otra solución con Javascript si lo puedes usar en cualquier navegador. Saludos
conocen alguna galeria o alguna forma de cargar las imagenes en el HTML de la forma mas rapida posible? porque tengo como 100 imagenes para subir a la web y eso me demora mucho tiempo en cargar al html a mano!!
Lo había visto hace años y hoy me ayuda con los proyectos! Muchas gracias!
Muchas gracias por compartir su conocimiento, explica muy bien cada paso y se aprende muy rápido.
Pura calidad. Gracias por aportarnos tus conocimientos. Saludos y bendiciones! 👋
brutal!!! me bombardeaste la cabeza-- eres un crack!!!!
Espectacular muchas gracias! Tanto por este proyecto como también por los videos de css grid que me son de mucha utilidad👍🏻👏🏻
Excelente, css-grid es lo mejor en responsive.
Fue hiper-util me ayudó bastante muchas gracias. Saludos desde México.
Duro. gracias.
messirve, gracias crack sigue asi
Jaja que bueno
Hermano primero que todo Gracias por tu aporte, sé que este video es de hace tres años pero me resuelve en parte mi necesidad. Tengo una pequeña duda, cuando pones el cursor:zoom-in, quisiera que cuando se pinche la imagen, esta se mostrara en pantalla completa. Gracias
te amo, me salvaste la vida
Que grande, me ayudaste mucho jaja, muchas gracias!
hay una propiedad mas interesante y poco conocida en css que logra lo mismo y sin JavaScript se llama column y acepta los siguientes valores (columns: 5 320px; ) el 5 hace referencia al maximo de columnas y los px a el tamaño maximo de las columnas.. y es responsive
Muy bueno!! muchas gracias!! ahora me suscribo y le doy a la campanita!!
Eres un crack bro!!!
Muchas gracias, eres un crack!!
Sos lo más! Gracias
Enorme! 🙌
Me estás saliendo en todos lados loco:0
Jaja muy bien youtube haciendo un buen trabajo :)
Muy bueno Yoelvis!. Por muchos más vídeos de tu conocimiento compartido. Muchas gracias.
Muchas gracias José, saludos!
Buenardo, gracias por los aportes de tu conocimiento.
de nada, es un gusto para mi compartir
@@YoelvisM
Gracias por subir los proyectos a github , asimismo tu portaforlio ira creciendo mas y mas. Gracias por todo.
Saludos crack
Excelente tutorial! Gracias
Genial crack, muchas gracias por compartir tus conocimientos
Muchas gracias, para mi es un gusto compartir, saludos
Estos videos son los que valen la pena 🤝✌
Muchas gracias 🙂
fantástico video gracias
gracias
Excelente video! Podrías decirme que plugin usas en vs code? Me gusta mucho esa combinación de colores!
Hola Ramiro, es un tema para vscode que hice, se llama "Cobalt2 Theme Tweaked"
@@YoelvisM Gracias! Está disponible si lo quiero usar?
@@ramale14 si está en las extensiones de vscode
Vine lo más rápido posible 🤩
jejej que bien, mucha gracias, espero te guste el video 🙌
como le agrego la funcionalidad de poder ver la imagen en grande al hacer click? le debo agregar lightbox o como?
bro deberias hablar mas sobre las imagenes que les pusiste, no entendi como es que son aleatorias de donde las sacaste?
disculpa y si quisiera agregar mas elementos al llegar al final de la pagian 10 elementos mas ??
Amigo muy buen video, sin embargo no sé por qué razón no me sirve la librería, incluso copié el código que dejaste en GitHub para ver si es que estaba cometiendo algún error, y nada no me funcione ¿qué podría ser? espero puedas ayudarme, de antemano muchas gracias.
como puedo hacer para que tenga la opcion de subir y descargar imagenes?
garcias
Hola, me encanta tu vídeo pero tengo una duda ¿Cómo haces para no subir las imágenes una por una?
Hola, muchas gracias por tu video, me fue de mucha ayuda, pero, me quedé con una duda, para el tema del height de las imagenes, si la imagen es muy grande (900x1150), sería mejor utilizar la libreria "imagesLoaded" y no poner ese alto tan grande, cierto? o modificamos el height manualmente?
Hola, lo ideal es que las imágenes que uses tengan las dimensiones que necesitas, pero si eso no es posible podrías hacer lo que comentas de usar la librería o colocar manualmente el width y height que te interese, aunque eso solo sería posible si sabes de antemano cuáles son las dimensiones de la imagen.
@@YoelvisM vale, muchas gracias 🙌🏼🙌🏼
una pregunta y como puedo poner un elemento dentro de cada imagen por ejemplo la opcion save ??'
tienes algun video de como poner imagenes donde el ancho del contenedor es mayor que la imagen me expico tengo al final del grid una fila con 3 columnas y la imagen o queda muy grande o muy chica ya probe con objet-fit y nada... ayuda!!!!🥺🥺
Ponle el alto y ancho a las imágenes y te debe funcionar
@@YoelvisM cambie la imagen por una de mejor resolución y modifique el position en Center Center y listo 🙂👍 gracias bro!!!
Puede emplearse para google chrome? Gracias
Hola, la solución usando css grid masonry layout solo está disponible en Firefox de forma experimental, la otra solución con Javascript si lo puedes usar en cualquier navegador. Saludos
Hola, no me funciona el margin: 0 auto, cómo lo centro?
ya encontré la solución, en vez de poner IsFitWidth: true va fitWidth: true. Lo cambiaron.
alguien sabe si ya funciona lo de grid en 2024
conocen alguna galeria o alguna forma de cargar las imagenes en el HTML de la forma mas rapida posible? porque tengo como 100 imagenes para subir a la web y eso me demora mucho tiempo en cargar al html a mano!!
Si, debes comprimirlas primero, usar imágenes con las dimensiones que necesitas, y también ayuda usar una cdn como CloudFront.