En este nuevo video enseñaremos como hacer una tarjeta 3d, solo con Css. Nuestra página oficial: Síguenos en facebook: / jygproyectosweb Únete a nuestro grupo: / 1639298496227219
Espectacular amigo, lo aplique a la pagina que por fin he logrado subir a la nube, es la primera de cientos que boy a crear primero Dios y aplique por lo menos 5 de tus tutoriales, realmente he aprendido mucho gracias a tus videos, te felicito y te agradezco maestro
Gracias desde España, eres todo un artista de la formación, me han ayudado mucho tus videos por su facil comprensión, el unico problema es que me acuesto a las 3 de la mañana viendolos ¡¡¡ no puedo dejar de ver uno tras otro ¡¡¡ Gracias de nuevo. Un abrazo.
Espectacular amigo, lo aplique a la pagina que por fin he logrado subir a la nube, es la primera de cientos y aplique por lo menos 5 de tus tutoriales, realmente he aprendido mucho gracias a tus videos, te felicito y te agradezco maestro
Me he encontrado por casualidad con uno de sus videos y me sorprende el don que tiene para explicar las cosas, desde ese momento he seguido mucho de los videos que tiene en la red y me encanta todo lo que se puede hacer, me han servido mucho ya que hasta ahora estoy comenzando en el diseño de web. Felicitaciones..!
Genio estoy haciendo el curso de front end y aprendo mucho de tus videos y lo aplico en las web que hago. Mil gracias por dedicar tu tiempo a enseñar lo haces de 1000
Excelente. Explicado de una manera clara, directa y sin mayores preámbulos. Felicitaciones. Suerte tuve de haberme encontrado con tu canal. Muchos saludos.
Uy gracias justo ahora estoy viendo unos temas que tienen que ver con esto que explico sobre transform-style and Perspective. Gracias ya habia visto este ejemplo por ahi pero con una mano de codigo ud lo hizo mas sencillo y facil de entender!
Que bueno tu canal amigo, para los que estamos aprediendo nos ayuda mucho este tipo de cosas para adquirir experiencia y poder ver las cosas que se puede hacer con ciertas propiedades. Muchas gracias...!
J&G Proyectos Web amigo probe la animacion en mozilla y no funciona la propiedad perspective, probe poniendo el prefijo de mozilla:-moz- y tampoco, mire en i can use y dice que si lo soporta no se porque sera que no me lo corre en mozilla? Saludos
excelente video, un consejo trata de dejar la mulitilla de "ya" que tienes va a ver que si lo logras tendras una mejor presentacion en el video exitos seguire con tus ejercicios
Mas que claro. Y es la primera vez que siguiendo tus videos me sale todo ok de una jajaja... Te pediría un solo favor porque en este momento no se me ocurre cómo hacerlo... Qué estilo podré usar para que los cuadros queden un poco mas pegados (no totalmente claro). Es solo eso y te agradezco de corazón lo mucho que haces con tu comunidad para ayudarnos a quienes recién arrancamos con todo ésto. Abrazo.
me gusta como haces los videos es el segundo que veo me parece bien q pongas un resultado final y lo trabajes desde cero asi se puede saber si es lo q uno busca o no y hacerlo desde cero tmb me parece bien asi ya se explica mejor que hace o el xq de cada estructura y eso
Amigo muy agradecido por tu sabiduria, me encanta esa pasion que le pones al diseño , jejeje yo soy malisimo para el diseño jejeje pero quiero integrarlo en mi repertorio , enserio sigue asi ;) saludos, PD: soy a quien ayudaste hacer el efecto "Instagram"
hola jean Carlos, un saludo desde chile, y con mucho animo, soy un alumno seguidor, desde hace poco tiempo, dejarme decirte, q eres un muy buen maestro, pero tengo una solicitud, y es q algunos de tus vídeos salen muy pequeños y en el teléfono y la tabletas, no alcanzo a ver las letras, es lo único q te pido revises en los próximos, una vez mas te felicito, por tu genialidad
Señor este vídeo esta excelente como todos los que haces, nomas que te falto la parte responsive, que se vallan bajando las tarjetas conforme se va reduciendo la pantalla,.. y dejarlos con un click para que fuencione en equipos touch,.. es mucho pedir??? jajajaj
Buenos días, excelentes clases: En una de sus clases el profesor menciona preprocesador para HTML5 y CCS3: pug(jade) y SASS. Para Javascript entiendo que existen: Coffescript, livescript, typescript, babel entre otros; cuál es recomendable utilizar?. Quedo atento.
Saludos sus ejemplos son excelentes, estoy aprendiendo este lenguaje con tus vídeos y por ello quería pedirte ayuda ya que por mas que realice tus ejemplos paso por paso sin obviar nada no puedo lograr realizar ningún efecto como el que logras, trabajo con el Brackets y el Chrome como navegador predeterminado en windows 10 pro x64, ayuda por favor ya que es frustrante no poder lograr nada. Gracias de antemano por la ayuda que puedas brindarme.
gracias amigos eres un master! como hacer para que se quede en el otro lado? no hover ! Me gustaria que se quede en el otro lado para ver la informacion tranquilo
Amigo muchas gracias! He visto recientemente tus videos, y me parecen geniales. Te recomendaria que también te metieras en Javascript. Solo una pregunta, como puedo centrar de forma liniar las imagenes, es que usas el body, pero como tengo más elementos, estos se me desacomodan. Me ayudarías muchísímo
Disculpa, como se podria hacer que no rotara hasta que se lo indicara, cuando muestra la parte de atras, que no vuelva al frente hasta que se lo indique. Muy buenos tutoriales, este en particular me resolvio un problema que tenia con la rotación.
Perfecto, que interesante, esta genial esto. Tengo un problemita con esto de los hover, hoy en día se está usando mucho las tablet's, y también los móbiles, los usuarios acceden a las páginas por estos dispositivos y no puedo hacer que vean lo magnifico de estos efectos, ¿Habrá la posibilidad de darme una sugerencia para esto? Gracias...
+José Luis Torrez Lima Hola Jose, en móvil el efecto hover se aplica tocando la imagen, te paso un proyecto que hice: masterteppanyaki.com/menus.html, en tamaño mas pequeño veras que le agregué un botón que dice tocar, así se motiva al usuario a tocar la imagen y que esta se voltee.
Y para que un div arrastre a otro en sentido horizontal o vertical como en los tiles de Windows? Deberías hacer un video sobre el tema. Y gracias, me sirvió el video.
buenas tardes , una consulta y para encerrar todo en solo contededor..quiero poner varias imagenes 5 horizontales y 10 verticales , por fa necesito ayuda
Hola, geniales tus videos, empece con esto hace poco y me esta sirviendo muchisimo. te puedo preguntar algo? al usar el comando -webkit-perspective luego me aparece un codigo de error en el visual que dice esto "Also define the standard property 'perspective' for compatibility" sabes a que se debe o como solucionarlo? gracias
muy buen video, felicidades y gracias. una pregunta como puedo hacer ese efecto pero con un botón? ya empece con js, gira mi carta delantera al hacer click en el boton, pero no me está mostrando la parte de atras :S, ojalá y me pueda orientar, gracias :)
Espectacular amigo, lo aplique a la pagina que por fin he logrado subir a la nube, es la primera de cientos que boy a crear primero Dios y aplique por lo menos 5 de tus
tutoriales, realmente he aprendido mucho gracias a tus videos, te felicito y te agradezco maestro
El mas duro de programación en youtube.
Excelente lo haces muy bien
Gracias desde España, eres todo un artista de la formación, me han ayudado mucho tus videos por su facil comprensión, el unico problema es que me acuesto a las 3 de la mañana viendolos ¡¡¡ no puedo dejar de ver uno tras otro ¡¡¡ Gracias de nuevo. Un abrazo.
Espectacular amigo, lo aplique a la pagina que por fin he logrado subir a la nube, es la primera de cientos y aplique por lo menos 5 de tus tutoriales, realmente he aprendido mucho gracias a tus videos, te felicito y te agradezco maestro
Me he encontrado por casualidad con uno de sus videos y me sorprende el don que tiene para explicar las cosas, desde ese momento he seguido mucho de los videos que tiene en la red y me encanta todo lo que se puede hacer, me han servido mucho ya que hasta ahora estoy comenzando en el diseño de web. Felicitaciones..!
+PABLO IVAN GARCIA LEGUIZAMON Hola Pablo, muchísimas gracias por todo.
Genio estoy haciendo el curso de front end y aprendo mucho de tus videos y lo aplico en las web que hago.
Mil gracias por dedicar tu tiempo a enseñar lo haces de 1000
Excelente. Explicado de una manera clara, directa y sin mayores preámbulos. Felicitaciones. Suerte tuve de haberme encontrado con tu canal. Muchos saludos.
Eres excelente explicando
Felicidades :D
Sin duda me he suscrito a tu canal.
Jackie Jescaler muchas gracias :)
Es otra categoría su conocimiento...y explicando es el mejor....
Hola buenas tardes, me quito el sombrero, explicas muy bien y tienes muchas habilidad, lo haces ver muy fácil, muchas gracias
sabes como obtener los codigos al inicio de la presentacion, el encabezado y lo demas.
Maestro, mis respetos para usted, es el mejor... recomendado
La mejor explicaion que he visto, muy bien!
Uy gracias justo ahora estoy viendo unos temas que tienen que ver con esto que explico sobre transform-style and Perspective. Gracias ya habia visto este ejemplo por ahi pero con una mano de codigo ud lo hizo mas sencillo y facil de entender!
Muy buen tutorial¡¡¡
Recomendación coloquen el efecto hover al contenedor para que la carta gire correctamente¡¡
-----> .contenedor:hover .carta {}
gracias, aunque no funciona si tienes varias cartas, se voltean todas a la vez
Excelente amigo Jose Valencia por la recomendacion
Gracias hermano, no sabes como me ayuda estos videos, sigue así por favor, muchos éxitos.
Que bueno tu canal amigo, para los que estamos aprediendo nos ayuda mucho este tipo de cosas para adquirir experiencia y poder ver las cosas que se puede hacer con ciertas propiedades. Muchas gracias...!
Gracias
J&G Proyectos Web
amigo probe la animacion en mozilla y no funciona la propiedad perspective, probe poniendo el prefijo de mozilla:-moz- y tampoco, mire en i can use y dice que si lo soporta no se porque sera que no me lo corre en mozilla? Saludos
Excelente video... Me suscribo para no perderme ninguna lección... Muchas gracias por tu calidad en enseñar por este medio
excelente video, un consejo trata de dejar la mulitilla de "ya" que tienes va a ver que si lo logras tendras una mejor presentacion en el video exitos seguire con tus ejercicios
Sin duda uno de los mejores al momento de explicar .
BROTHER ESTE CANAL ES DE MUCHA AYUDA... SPERO QUE SIGAN ASII AVANZANDO..BENDICIONES...
Explicas muy bien, te entiendo mas a ti que a mi profesor .
Me ha parecido genial este canal. felicitaciones!!!!!
Mas que claro. Y es la primera vez que siguiendo tus videos me sale todo ok de una jajaja... Te pediría un solo favor porque en este momento no se me ocurre cómo hacerlo... Qué estilo podré usar para que los cuadros queden un poco mas pegados (no totalmente claro). Es solo eso y te agradezco de corazón lo mucho que haces con tu comunidad para ayudarnos a quienes recién arrancamos con todo ésto. Abrazo.
Gracias por el tiempo y dar tus conocimientos
Muchas Gracias. Está ayudando mucho em mis trabajos escolares. Que dios Te Bendiga. Abrazos de Brasil!
Excelente explicación, con mucha calidad para explicar el tema.
muchas gracias me alegra encontrar videos como los tuyos explicas muy bien
Muy buen tutorial, me gusta mucho como explicas, lo haces de manera clara y sencilla.
Esperamos mas videos con animaciones css! Gracias!
Es muy interesante este tio de efectos. Me salio y he de decir q no a la primera, error mio claro jeje muy bien explicado y gracias.
Excelente video tutorial, muy bien explicado, gracias por compartir.
se ve arrechisimo se suscribo para aprender con tus tutos bro
excelentes vídeos, son faciles de entender y todo funciona. sigue asi
me gusta como haces los videos es el segundo que veo
me parece bien q pongas un resultado final y lo trabajes desde cero
asi se puede saber si es lo q uno busca o no
y hacerlo desde cero tmb me parece bien asi ya se explica mejor que hace o el xq de cada estructura y eso
Excelente. Lo explicaste muy bien, simple y claro. Gracias.
Excelente vídeo; me gusta la manera en que lo explicas. Bendiciones, muchas gracias
estan muy buenos tus videos...te animo a que sigas asi...explicas muy claro..... saludos
Mauricio Montes gracias
esta información vale millones
Amigo muy agradecido por tu sabiduria, me encanta esa pasion que le pones al diseño , jejeje yo soy malisimo para el diseño jejeje pero quiero integrarlo en mi repertorio , enserio sigue asi ;) saludos,
PD: soy a quien ayudaste hacer el efecto "Instagram"
HOLO Cyancube todo se puede aprender, nadie nace sabiendo ;) gracias. Y ya iremos mejorando ese efecto.
Eres un gran profesor, muchas gracias.
Amigo que gran video, que gran aporte !!! Gracias gracias. a la espera de mas video tutoriales como este. Un gran saludo
uy mi hermano, vos sos un maestro!
hola jean Carlos, un saludo desde chile, y con mucho animo, soy un alumno seguidor, desde hace poco tiempo, dejarme decirte, q eres un muy buen maestro, pero tengo una solicitud, y es q algunos de tus vídeos salen muy pequeños y en el teléfono y la tabletas, no alcanzo a ver las letras, es lo único q te pido revises en los próximos, una vez mas te felicito, por tu genialidad
Me encanto tu video, muy bien explicado. Muchas gracias :)
maravilloso efecto. me ha encantado. un saludo
Gracias profe es lo maximo usted
gracias hermano, por ti destacare en mis clases de diseño web, gracias, like y suscripcion
Realmente sencillo pero espectacular!
Fran BerCa muchas gracias
+J&G Proyectos Web podrias pasarme el codigo de lado atras?Gracias
un genio. Bien explicado, gracias y buen aporte! un saludo !!!
Genial tu clase! Muchísimas gracias!
eres.un máster felicidades me suscribo amigo deberías de iniciar un curso de html5 me.converti en tu fan eres mi profesor si haces el de html5,
+francisco cruk Aquí hay uno ruclips.net/video/T_79Z1KPH18/видео.html
Muy buena explicacion.Gracias.
Valioso material. Muchas gracias!
mi nuevo canal favorito, junto al de Geeke de Ernesto...
Amigo eres un capillo!!! Saludos
Execelente video, sumamente facil.
Señor este vídeo esta excelente como todos los que haces, nomas que te falto la parte responsive,
que se vallan bajando las tarjetas conforme se va reduciendo la pantalla,.. y dejarlos con un click para que fuencione en equipos touch,.. es mucho pedir??? jajajaj
Gracias capo! Excelente trabajo.
por fin encontre un tutorial de animacion 3d gracias
Muy buen vídeo y fácil de comprender.
excelente video me gustaria ver mas videos con respecto animaciones efectos
colommbiano haremos pronto más videos sobre animaciones, suscribete para que no te los pierdas :)
hey felicidades que genial me ayudo mucho gracias amigo
Buenos días, excelentes clases: En una de sus clases el profesor menciona preprocesador para HTML5 y CCS3: pug(jade) y SASS. Para Javascript entiendo que existen: Coffescript, livescript, typescript, babel entre otros; cuál es recomendable utilizar?. Quedo atento.
Es como tener a mi profesor explicándome...Genial
muy buen video interesante este truco con css
MUY genial el contenido de este video
Muy bien explicado, te felicito
Saludos sus ejemplos son excelentes, estoy aprendiendo este lenguaje con tus vídeos y por ello quería pedirte ayuda ya que por mas que realice tus ejemplos paso por paso sin obviar nada no puedo lograr realizar ningún efecto como el que logras, trabajo con el Brackets y el Chrome como navegador predeterminado en windows 10 pro x64, ayuda por favor ya que es frustrante no poder lograr nada. Gracias de antemano por la ayuda que puedas brindarme.
gracias amigos eres un master! como hacer para que se quede en el otro lado? no hover ! Me gustaria que se quede en el otro lado para ver la informacion tranquilo
hola muy buena explicacion, se puede poner sonido??, gracias
Excelente tutorial! Gracias!
La muletilla esa del "Ya", "Ya", "Ya", "Ya", "Ya", "Ya", "Ya", "Ya", "Ya", "Ya", "Ya" me pone mu nervioso!!! xDDDDD
+Fernando garcia escudero jajaja si aun la recuerdo, pero en los últimos vídeos ya deje esa mala costumbre :)
+J&G Proyectos Web jaajja. bueno. gracias por tus magnificos videos
Hola amigo te felicito excelente el vídeo. Ahora una pregunta; No es posible colocar un color Backface.
Guau! Gracias por compartir!
excelente amigo excelente
Genial ese efecto, gracias por compartir
muy bueno,tu video amigox
eres mejor muchas gracias
¡Muchas gracias!
Amigo muchas gracias! He visto recientemente tus videos, y me parecen geniales. Te recomendaria que también te metieras en Javascript. Solo una pregunta, como puedo centrar de forma liniar las imagenes, es que usas el body, pero como tengo más elementos, estos se me desacomodan. Me ayudarías muchísímo
Disculpa, como se podria hacer que no rotara hasta que se lo indicara, cuando muestra la parte de atras, que no vuelva al frente hasta que se lo indique. Muy buenos tutoriales, este en particular me resolvio un problema que tenia con la rotación.
eres un capo gracias por el video :)
Muchas gracias
El puto amo! gracias
EXCELENTE..GRXS
chingonazo!!!
Excelente!!
Perfecto, que interesante, esta genial esto. Tengo un problemita con esto de los hover, hoy en día se está usando mucho las tablet's, y también los móbiles, los usuarios acceden a las páginas por estos dispositivos y no puedo hacer que vean lo magnifico de estos efectos, ¿Habrá la posibilidad de darme una sugerencia para esto? Gracias...
+José Luis Torrez Lima Hola Jose, en móvil el efecto hover se aplica tocando la imagen, te paso un proyecto que hice: masterteppanyaki.com/menus.html, en tamaño mas pequeño veras que le agregué un botón que dice tocar, así se motiva al usuario a tocar la imagen y que esta se voltee.
Muchas Gracias.
Buen video bro, felicitaciones !!!
excelente!!!!!!!!!
Se puede hacer que el centro de rotación sea una de las esquinas y se mueva como la hoja de un libro pero sin la flexibilidad?
Y para que un div arrastre a otro en sentido horizontal o vertical como en los tiles de Windows? Deberías hacer un video sobre el tema. Y gracias, me sirvió el video.
buenas tardes , una consulta y para encerrar todo en solo contededor..quiero poner varias imagenes 5 horizontales y 10 verticales , por fa necesito ayuda
Hola, geniales tus videos, empece con esto hace poco y me esta sirviendo muchisimo. te puedo preguntar algo? al usar el comando -webkit-perspective luego me aparece un codigo de error en el visual que dice esto "Also define the standard property 'perspective' for compatibility" sabes a que se debe o como solucionarlo? gracias
Alguna extension o comando para el autocierre de etiquetas como en sublime que es alt+.?Gracias
muy buen video, felicidades y gracias. una pregunta como puedo hacer ese efecto pero con un botón? ya empece con js, gira mi carta delantera al hacer click en el boton, pero no me está mostrando la parte de atras :S, ojalá y me pueda orientar, gracias :)
Hola como puedo hacer para que cada vez que paso el mouse por las comidas, estas se tornen de color...tal como usted lo hizo en color verde.
He revisado una y otra vez y te gi todo bien es rito y la parte de atrás se ve transparente o el verde no se ve
Alguna solución para ver el efecto en otros navegadores, principalmente Mozilla?... Muchas gracias, excelente tuto.
excelente