Trucos CSS (27) - Galería de imágenes

[@maurovgarcia]

Alvaro F sus vídeos sobre CSS son muy útiles y completos, adiós al CSS aburrido!

[@Ryuichi5004]

Álvaro felicidades por este vídeo esta genial, estos trucos que nos enseñas son muy buenos.

[@maikyabelico3685]

me gustó mucho el video, es un efecto simple y elegante, aunque según tengo entendido si usas display: flex para el contenedor, sus elementos no necesitan decirles el ancho con width habría que decírselo con flex-basis, corrigeme si me equivoco, gracias y un saludo.

[@canalDoRanyOficial]

Parabéns!!!! Você é popular no Brasil também!

[@luciacalisaya2384]

Qué buen efecto el zoom! :D Muchas gracias, Alvaro! Me perdí en la última parte pero lo voy a entender a la segunda o a la tercera.

[@izue2008]

Vale la pena pagar por un curso... muy bueno el video...

[@AnaHernandez-he8kz]

Hola, excelente Tutorial. Por favor alguna sugerencia de libreria Js para crear un slider tamaño widwscreen, y meter dicho slider en un proyecto con ed-grid.

[@SebastianCardosoVlog]

Felicitaciones a EscuelaDigital por los 10.000 suscriptos

[@rodrigosanchezcaballero8632]

Hola Alvaro, primero que todo felicitarte por tu canal y lo segundo por salvarme de pagar un curso en "mejorandola". Consulta: he visto todo ese código medio raro que estas agregando en CSS. Qué me recomiendas tu para comenzar a utilizar microprocesadores LESS, SASS O EL QUE OCUPAS TU? recuerda que estoy recién entrando a la nueva era de microprocesadores. Saludos.-

[@fernandoferretiz5067]

aquí es donde deberian de poner reacciones, en facebook solo queriamos un me gusta y un no me gusta, aquí sinceramente te pondria un me encanta, por que me encanto el video

[@10crack8]

Desenado ver esos cursos y apreder.

[@israelbriongos]

Muy buen vídeo. Gracias por tu tiempo.

[@ricardomeza1516]

Muy buena clase Albaro, exelente profesor eres. Soy nuevo en esto de css, que programa utilizaste para este tuto?

[@EDteam]

Muchas gracias, el programa se llama Webstorm

[@ricardomeza1516]

gracias Alvaro, eres todo un sensei.

[@jesusgarayar6779]

Excelente Video Alvaro.. Un favor crees que puedas hacer un video sobre como Crear un slider con puro CSS y un poco de javascript y JQuery talves , pero lo mas simple posible, Yo se que tu lo explicas de la mejor manera posible para que podamos entender por eso te pido Un favor que tu lo hagas Por favor. Gracias siempre te sigo cumpa.Saludos desde ICA-Perú

[@ReparaciondeconsolasTorreon]

muy buen truco se escucha interesante eso de los cursos desde cero :D

[@gabrielgutierrez7963]

Muy bueno, vaya manera de codificar. ¿Que pagina me recomiendas para aprender? gracias.

[@davidluzuriaga5026]

Genial Alvaro!!! lo máximo!!!

[@Feasiel]

Eres un capo amigo, espero los cursos. Hoy me registre a tu canal.

[@rayacosta1]

excelente video broeer mucho éxitos ... eres un grande pa!

[@HUGOSILVA-ee1vo]

Hola muy elegante y genial quisiera saber como puedo hacer para que cada vez que un usuario entre a mi web las imágenes se ordenen en forma aleatoria de por si muchas gracias

[@albertokatrich8576]

hola alvaro muy buen el video excelente . una pregunta como hago para trabajar con los enlaces ? al abrir la pagina el after no me deja hacer clic si no quito efectivamente pueod hacer clik en la imagen pero como hago para hacer clik la capa que se colocaa con el after ?

[@escorpiodeoctubre]

geniooo slds desde argentina

[@skeleton193]

genial!! Me gusto mucho. Yo he visto efectos para galerías aquí, pero no se cómo podría yo hacerlos , recien estoy empezando. tympanus.net/Development/ThumbnailGridAnimations/index3.html me gustaría mucho si pudieras hacer almenos uno para tener una idea para el proximo video de Trucos CSS. Muchas gracias :)

[@omarg110983]

hola escuela digital, disculpal siclo for que lo pusiste para repetir las imagenes, solo lo hacelta jade o tambien en html 5 puro? gracias

[@Hikki01]

+Omar Garcia Si HTML5 tendría funciones de programación, no sería necesario usar jade o si?

[@garysamih]

excelente

[@augustocastanedahinostroza1896]

muy bueno

[@JaimieVega]

Hola Alvaro, hay que colocar los webkit para estos efectos en los otro navegadores?Gracias saludos

[@Hikki01]

+Jaimie Vega Si estas trabajando con Prepros no te olvides de marcar la palomita de AutoPrefix CSS, el resto ya es trabajo de Sass.

[@JaimieVega]

+kyuu Espadas Gracias , no estoy trabajando con sublime text 3, estoy trabajando html5 puro y css3 puro, quiero aprender bien y despues pasar a Sass, etc..gracias

[@Hikki01]

+Jaimie Vega Obviamente tienes que ponerlos. caniuse.com/ así te aseguras a cuales poner prefijo y a cuales ya no.

[@JaimieVega]

+kyuu Espadas Mil gracias por el dato

[@kudachbolous]

Hola +Escuela Digital. Estoy un poco confuso. ¿Qué etiqueta lleva el gallery container?

[@JessiWockeez]

+Carlos Alcantara Cuando no declaras ninguna etiqueta sino que pones el punto de clase seguido del nombre, por ejemplo: .etiqueta - Lo que hace es crearte una etiqueta DIV, entonces te quedaría así:

[@kudachbolous]

+Jessi Wockeez Gracias

[@claudioaguilera7744]

hola,sabes quiero hacer un ver mas...al momento de seleccionar un boton ver mas,las imagenes me carguen como lo puedo hacer??????

[@ricardosanchezmartinez5532]

Hola a Todos ...he intentado muchas veces..pero tengo problemas con flex wrap, no me funciona....estoy usando prepos y he activado los prefijos y nada.....

[@walterlopez4116]

Hola te hago una consulta,estoy usando notpad++ y tengo problemas con flex wrap, porque sera???

[@EDteam]

+walter lopez prefijos. Podrias usar prepros para añadir los prefijos.

[@walterlopez4116]

gracias!

[@mponceborbor]

hola ,soy nuevo no se como hacerlo ,me explicas ¿?

[@zadamfabianchahua7774]

EDteam me gustaria una galeria con zoom .

[@joselito120]

Muy buena galeria. Disculpe que sea grosero, donde puedo descargar el codigo ?

[@EDteam]

Saludos Josher, puedes ver el codigo de este video y de los demas trucos CSS en este enlace: github.com/escueladigital/Trucos-CSS

[@AresRCR]

lo de calc es solo de sass? o tambien de css?

[@Hikki01]

+Turo Lo interpreta el navegador, CSS

[@AresRCR]

ty

[@crisuar1989]

sin poses, sin sentirme cool ni nada de esas tonterías... 😂😂😂

[@hosmanhenaodaza2794]

como hace para que funcione el for en html?

[@sc-nc6bb]

un curso sin poses xD

[@SaravErick]

Me gustaría saber como hacer una paginación para esa galeria :D

[@ARLEYFERNELLYBELTRANGOMEZ]

hola quien me podía explicar como puedo hacer que de clic sobre la imagen y me lleve a otra ventana pero sin dejar de utilizar el icono que se sobre pone en las imágenes de la galería. Gracias por su ayuda . &:after { content: "" ; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/cortina.png) no-repeat center center / 2em 2em rgba(#fff, .5) ; opacity: 0; transform: scale(0.1); transition: all .5s; } a(href="./servicios.html")

[@yuribarzola6431]

AYUDA tengo un problema cuando uso imágenes de diferentes medidas, me queda un espacio vació en los contenedores de las imágenes como puedo resolver eso.

[@EDteam]

+Yuri Barzola en este caso solo te queda usar javascript para remplazar tus por fondos por css. Ahi ya puedes usar background-size: cover para que todas tengan el mismo tamaño del contenedor.

[@yuribarzola6431]

+Escuela Digital lo que pasa que las imágenes las estaba obteniendo con php de manera dinámica desde un directorio de mi proyecto, las cuales estan registrados una base de datos y mostralos en html con la etiqueta img y ahora nose como hacer para enviarlos como fondo desde css

[@wilsonjda]

Vi en una página que usaban inline-flex en vez de flex y las imágenes se acomodaban como en Pinterest, no recuerdo la pagina, pero busqué por efecto Pinterest con CSS.

[@reportajestv2117]

Una pregunta Asi igual se Hacen las Galerias de Paginas Pornograficas? Y con JS Darle un Rewiew Alos videos?

[@efra-rz]

Sin palabras, hermoso efecto, mil gracias por este gran workshop Alvaro. Dejo el código en github para quienes gusten revisar el ejercicio github.com/efrix/galeriaDeImagenes

[@betterwarelatinoamerica2045]

404!

[@nicolasaltamirano7186]

Error 404