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

Visítanos en nuestra página web escuela.digital
Síguenos en Facebook: / escueladigitalperu
Síguenos en Twitter: / edigitalperu
Únete a la comunidad Escuela Digital en Facebook:
/ comunidad.escueladigital

[@maurovgarcia]

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

[@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.

[@Ryuichi5004]

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

[@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.

[@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.

[@canalDoRanyOficial]

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

[@izue2008]

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

[@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ú

[@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

[@SebastianCardosoVlog]

Felicitaciones a EscuelaDigital por los 10.000 suscriptos

[@israelbriongos]

Muy buen vídeo. Gracias por tu tiempo.

[@ReparaciondeconsolasTorreon]

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

[@davidluzuriaga5026]

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

[@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

[@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.

[@gabrielgutierrez7963]

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

[@10crack8]

Desenado ver esos cursos y apreder.

[@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 ?

[@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.....

[@Feasiel]

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

[@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 :)

[@escorpiodeoctubre]

geniooo slds desde argentina

[@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?

[@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

[@hosmanhenaodaza2794]

como hace para que funcione el for en html?

[@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 ¿?

[@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

[@AresRCR]

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

[@Hikki01]

+Turo Lo interpreta el navegador, CSS

[@AresRCR]

ty

[@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

[@zadamfabianchahua7774]

EDteam me gustaria una galeria con zoom .

[@garysamih]

excelente

[@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")

[@reportajestv2117]

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

[@augustocastanedahinostroza1896]

muy bueno

[@SaravErick]

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

[@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.

[@crisuar1989]

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

[@sc-nc6bb]

un curso sin poses xD

[@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