How to Code a Modal with Vanilla JavaScript
Hi, My name is Andy Leverenz and I work as a Product Designer at Dribbble. For fun I design, code, and write. Check out my blog called Web-Crunch https://web-crunch.com where I publish design and development tutorials with the occasional vlog.
====================
I'm back with my next installment of the Let's Build: With JavaScript series. If you're new to the series, I'm building common components used on the web today with HTML, CSS, and Vanilla JavaScript.
This is both an exercise for myself and a "show and tell" of how you can accomplish things you might have onced used frameworks like jQuery for with vanilla JavaScript.
This build focuses on coding a accessible modal using styles from Tailwind and our own custom JavaScript. Key features of the modal are to open and close as well as close the modal by clicking outside the main dialog window container element.
⚙️ CodePen: https://codepen.io/webcrunchblog/pen/...
====================
💻 Previously published at:
https://web-crunch.com/lets-build-wit...
💻 Check out the blog:
https://web-crunch.com
🔭 Check out my app:
https://affinicasts.com
💡 👫 Check out my agency:
https://coupleofcreatives.com
🦄 Check out my personal site:
https://justalever.com
🚀 Links:
Weekly Newsletter: https://web-crunch.com/subscribe
Twitter: / webcrunchblog
Twitter(Personal Account): / justalever
Facebook: / webcrunchblog
Dribbble: https://dribbble.com/justalever
Github: https://github.com/justalever
Medium: / the-web-crunch
📘Check out my book on UX Design:
"LUXD: Learn User Experience Design"
https://web-crunch.com/books/luxd
📙 Check out my FREE book on Tumblr Theming:
"Pro Tumblr Theming"
https://web-crunch.com/books/ptt
💯 Need awesome web hosting? Check out cloudways. They allow me to use a variety of hosting providers and build apps with ease:
http://bit.ly/webcrunchhosting
🌊 Need more advanced hosting for Rails, PHP, Node, or other projects? Digital Ocean has you covered.
https://m.do.co/c/ee243ee15648
💎 Ruby on Rails devs, Try HatchBox.io. You'll save upwards of 50% compared to Heroku. I use it and love it!
https://hatchbox.io/?via=andy
☕️ 🙏🏻 Patreon
/ webcrunch
☕️ Or buy me a coffee
https://www.buymeacoffee.com/webcrunch
On this page of the site you can watch the video online How to Code a Modal with Vanilla JavaScript with a duration of hours minute second in good quality, which was uploaded by the user webcrunch 20 September 2018, share the link with friends and acquaintances, this video has already been watched 3,151 times on youtube and it was liked by 30 viewers. Enjoy your viewing!
