Popups, modals, ventana emergente, son solo algunos términos que usamos para referirnos a esta ventana que sale de repente en algunos sitios web. ¿Te has preguntado cómo se hacen? ¿Será acaso una especie de magia oculta del navegador? 🧙♂️
.
¡No es ninguna magia oculta!, simplemente hay que juguetear un poco con HTML y CSS (y algo de JavaScript), ¿Quieres aprender a cómo hacer este tipo de ventanas emergentes? ¡Afortunadamente aquí estoy yo para enseñarte! 😉
Es un simple y sencillo truco que podemos hacer jugando con el position: fixed de CSS y alguna que otra transición.
.
En este tutorial estaré usando el loader que creamos en este tutorial para hacer una pantalla de “cargando”, también estaremos usando un poco de JavaScript con jQuery para controlar estas ventanas 😁.
.
Bien, ahora que estamos listos, he creado un video muy detallado para ti explicando cómo hacer esta ventana, y ojo, estos son los estilos que yo le puse, ¡pero tú puedes poner los estilos que más te gusten!, así que si ya estás listo, es hora de poner manos al código 🛠.
¡Genial! Ahora sabes cómo crear popups en tus páginas web, seguro que les encontrarás un buen uso y les sacarás muchísimo provecho 😉.
Estaré pendiente de los comentarios por si tienes alguna duda, recuerda que puedes aprender más cosas como estas suscribiéndote a mi canal donde estaré subiendo cosas interesantes. 💚
