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
+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í:
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 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.-
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 ?
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
+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
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.....
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.
Vale la pena pagar por un curso... muy bueno el video...
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.
Parabéns!!!! Você é popular no Brasil também!
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.
Felicitaciones a EscuelaDigital por los 10.000 suscriptos
Genial Alvaro!!! lo máximo!!!
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 truco se escucha interesante eso de los cursos desde cero :D
excelente video broeer mucho éxitos ... eres un grande pa!
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
Eres un capo amigo, espero los cursos. Hoy me registre a tu canal.
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?
Muy buen vídeo. Gracias por tu tiempo.
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
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ú
Desenado ver esos cursos y apreder.
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.-
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 ?
hola,sabes quiero hacer un ver mas...al momento de seleccionar un boton ver mas,las imagenes me carguen como lo puedo hacer??????
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 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 ¿?
Muy bueno, vaya manera de codificar. ¿Que pagina me recomiendas para aprender? gracias.
geniooo slds desde argentina
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, 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
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.....
lo de calc es solo de sass? o tambien de css?
+Turo Lo interpreta el navegador, CSS
ty
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 :)
como hace para que funcione el for en html?
excelente
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.
EDteam me gustaria una galeria con zoom .
muy bueno
Una pregunta Asi igual se Hacen las Galerias de Paginas Pornograficas? Y con JS Darle un Rewiew Alos videos?
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")
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
sin poses, sin sentirme cool ni nada de esas tonterías... 😂😂😂
Me gustaría saber como hacer una paginación para esa galeria :D
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