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.
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.
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
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 ?
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ú
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
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.-
+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í:
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.....
+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
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 :)
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.
+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.
+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
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.
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")
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
Alvaro F sus vídeos sobre CSS son muy útiles y completos, adiós al CSS aburrido!
Álvaro felicidades por este vídeo esta genial, estos trucos que nos enseñas son muy buenos.
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.
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.
Vale la pena pagar por un curso... muy bueno el video...
Parabéns!!!! Você é popular no Brasil também!
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.
Muy buen vídeo. Gracias por tu tiempo.
Felicitaciones a EscuelaDigital por los 10.000 suscriptos
muy buen truco se escucha interesante eso de los cursos desde cero :D
Genial Alvaro!!! lo máximo!!!
Desenado ver esos cursos y apreder.
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
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 ?
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ú
hola,sabes quiero hacer un ver mas...al momento de seleccionar un boton ver mas,las imagenes me carguen como lo puedo hacer??????
Eres un capo amigo, espero los cursos. Hoy me registre a tu canal.
excelente video broeer mucho éxitos ... eres un grande pa!
hola escuela digital, disculpal siclo for que lo pusiste para repetir las imagenes, solo lo hacelta jade o tambien en html 5 puro? gracias
+Omar Garcia Si HTML5 tendría funciones de programación, no sería necesario usar jade o si?
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
Muy buena clase Albaro, exelente profesor eres.
Soy nuevo en esto de css, que programa utilizaste para este tuto?
Muchas gracias, el programa se llama Webstorm
gracias Alvaro, eres todo un sensei.
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.-
geniooo slds desde argentina
Muy bueno, vaya manera de codificar. ¿Que pagina me recomiendas para aprender? gracias.
Hola te hago una consulta,estoy usando notpad++ y tengo problemas con flex wrap, porque sera???
+walter lopez prefijos. Podrias usar prepros para añadir los prefijos.
gracias!
hola ,soy nuevo no se como hacerlo ,me explicas ¿?
Hola +Escuela Digital. Estoy un poco confuso. ¿Qué etiqueta lleva el gallery container?
+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í:
+Jessi Wockeez Gracias
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.....
Hola Alvaro, hay que colocar los webkit para estos efectos en los otro navegadores?Gracias saludos
+Jaimie Vega Si estas trabajando con Prepros no te olvides de marcar la palomita de AutoPrefix CSS, el resto ya es trabajo de Sass.
+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
+Jaimie Vega Obviamente tienes que ponerlos.
caniuse.com/
así te aseguras a cuales poner prefijo y a cuales ya no.
+kyuu Espadas Mil gracias por el dato
como hace para que funcione el for en html?
excelente
lo de calc es solo de sass? o tambien de css?
+Turo Lo interpreta el navegador, CSS
ty
muy bueno
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 :)
Muy buena galeria. Disculpe que sea grosero, donde puedo descargar el codigo ?
Saludos Josher, puedes ver el codigo de este video y de los demas trucos CSS en este enlace: github.com/escueladigital/Trucos-CSS
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.
+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.
+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
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.
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")
EDteam me gustaria una galeria con zoom .
sin poses, sin sentirme cool ni nada de esas tonterías... 😂😂😂
Me gustaría saber como hacer una paginación para esa galeria :D
Una pregunta Asi igual se Hacen las Galerias de Paginas Pornograficas? Y con JS Darle un Rewiew Alos videos?
un curso sin poses xD
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
404!
Error 404