Como crear una ventana MODAL HTML CSS Y Javascript 

Que buen material. Sigue compartiendo este tipo de tutos crack!!

sencillo, bien explicado y funcional, muchas gracias!!

Muchas gracias, te hiciste entender muy bien, lo hiciste ver descomplicado y claro. ^^

Muchas gracias, todo bien explicado y conocimiento en todos lados.

Muchas gracias fue bastante sencillo y excelente explicación crack!!!!!

Excelente explicacion, lo hice a la par que miraba el video y me quedo perfecto, ahora tengo que intregarlo al proyecto que estoy realizando pero la forma de explicar esta muy buena. Muchas gracias!!🤟

y sigo aprendiendo gracias a tiii eres el mejor

bro, está genial. Gracias por este aporte

👨‍💻 Aprende animaciones CSS, Flexbox [Practicas reales]: www.udemy.com/course/curso-diseno-web-avanzado-html5-css3-js/

Exelente muy bueno, mejor imposible, simplemete gracias

amigo eres un crack he aprendido mucho de ti y me has salvado el cuello

Muy buena explicación!! Me encanto

Gracias me sirvio mucho el tutorial, un abrazo

Muchas, gracias me ha sido de gran ayuda y tu explicación es muy buena, tengo la duda de cómo hacerle si son varios botones y ca botón mostrará un ventana modal diferente.

me gustaria ver un curso tuyo de javascript tu explicas las cosas bien

Gracias por la información y la clara explicación. Saludos desde Perú

Muchas gracias carnal

Gracias por compartir. Una pregunta? El curso de javascript de tu canal sólo consta de 8 vídeos?

Muy buen video.

me funciono bien regio gracias

hola Alex se pueden hacer variasventanas modales? por favor y gracias

Me encantó el tutorial, lo que si hubiese sido genial si tuvieras el codigo en tu repositorio github para no tener que estar pausando el video y copiando :D

buen video amigo muy bien explicado una pregunta si es que quisieras poner mas de 1 modal en la misma página , es posible hacerlo con el script que implementaste? SALUDOS!!😁

Excelente videoooooooooo

hola alex muy bueno el curso este, yo lo hice al pie de la letra solo que no me funciono, debo creer que me falta extenciones en el visual estudio por que en la consola me saltaba como error o no compatible algunas cosas y por eso no funciono bueno saludos

Hace poco ví que Google da menos prioridad a las páginas que tienen una ventana modal al ingresar en la página. :s De todas maneras, buen tutorial.

Muy Bueno. Pero tengo entendido que una de las caracteristicas fundamentales de las ventanas modales es que no cierran cuando se les hace clic fuera de los limites de esta. ¿Como poder activar ese efecto?

@alexcgdesign podrías hacer un modal que aparezca cuando se cumpla alguna condición?

en vez de usar opcity y visbility, usen z-index y para que no se vaya de golpe el modal agreguenle transition a la clase modal y al modal-container

¿Como puedo obtener toda la programación? Para poder entender cada parte del proceso

Hola. ¿Cómo poder hacer que se cierre solo dando click fuera de la ventana?

Amigo muy buen video pero mira que el atributo "transition: transform 1s;" no me funciona o no realiza el efecto de transicion esperado, de pronto sabes a que se debe? cada que le cambio el "tralateY(%)" no hace el afecto de transición de posición sino que cambia de golpe según el porcentaje que le ponga... buen video, muchas gracias, espero me puedas ayudar con la duda Saludos

gracias bien entendido, un like, como se podria presentar un "modal fade" centrado en la panatlla, uso un y llamo atraves de una funcion asi: $("#msg").modal('show'); existe un parametro mas que haga que se muestre centrado, es cuestion de presentacion.

esto aplica para apps de telefono?

¿Cómo anclo la imagen?

¿Alguien sabe porque mi VSC no aplica el CSS o Js? Agradecería muchísimo si a alguien le sucede y logro resolver ese mismo problema, de antemano ¡Gracia!

Hola Alex, increíbles videos muchas gracias. Oye tengo una duda y espero me la puedas responder. En el minuto 14:53 hablas sobre la posición [0] en las querys. En mi caso, tengo varios videos en la misma sección y quiero utilizar las V. modales para que al dar click sobre cada boton aparezca la ventana modal con su respectivo video. Sí cambio el numero de la posición .queryselectorAll(".close") [0 o 1 o 2 o 3...]selecciono otros botones y se activan correctamente, pero quiero que la acción este disponible para todos y que al dar click pase con todos la acción y no con un sólo selector []. ¿Como le puedo hacer ? Muchas gracias y espero tu respuesta

Nos puedes recomendar una sección de vídeos dónde podamos crear todo pasos por pasos?

no me va el archivo .js

Alex, quería hacerte una pregunta antes que haya muchos comentarios, quiero crear varias pagina webs, unas tipo red social y otras mas adelante como tienda en linea (Como practica), tengo mas o menos una idea de que lenguajes que se necesita, mi duda, como lo puedo adaptar a un dispositivo movil, se que con el resnponsive y el implementar el PWA, pero, al hacer la APK en java que lenguajes se implementan ahi, (por ejemplo amazon, walmart y facebook) no se si me di a entender, saludos

¿Esto se funciona si tengo varios botones para sacar diferente ventanas Modal?

como se hace para que la ventana aparesca sin apretar ningun enlace eso porfvr.

Amigo quisiera ponerme en contacto con usted..

Como le hago tener múltiples ventas estoy hablando de unas 8 más o menos

muy bueno, aunque explicas un poco rapido XD

cual es el link para undraw?

La intensión es buena, pero aunque funciona el Modal, el procedimiento y la explicación es desastroza; yo de tí lo bajaría, lo volvería a hacer y lo subiría de nuevo; a estas alturas, más de año y medio después ya debes haberte pulido bastante; ánimo!

20 minutos de video y 6 anuncios!!!