Simple Image Lightbox Tutorial (Дата оригинальной публикации: )

Image lightboxes are incredibly popular, especially in portfolio websites. Luckily, implementing a lightbox is much easier than it looks. In this video I will be breaking down exactly what a lightbox is and how to set one up using HTML, CSS, and JavaScript. I will also be discussing exactly why I write each line of code as well as potential alternative options as I go. By the end of this video you will have a fully working lightbox example ready to add into your own applications. 📚 Materials/References: - CSS Grid Tutorial: - Defer vs Async Tutotorial: - GitHub Code: - CodePen Code: 🧠 Concepts Covered: - How to dynamically create HTML elements - How position fixed works - Showing/hiding HTML elements - Setting up event listeners - CSS grid 🌎 Find Me Here: My Website: Patreon: Twitter: Discord: GitHub: CodePen: #Lightbox #WDS #ImageLightbox