Coding Fun Html How to create a modal with HTML, CSS & JS – Part 1: HTML

How to create a modal with HTML, CSS & JS – Part 1: HTML





To finish of the Portfolio website, it’s time to create the modals that will open when we click on a portfolio item. These modals will use JavaScript to change make them fade in and out, but before we get to that, we have to create the modals themselves!

In this video I start things off by writting the HTML for them. It’s a pretty straightforward video, with nothing fancy, but it sets the stage for the more fun stuff later on.

In part two we dive into the CSS to style the modal and make it…

Tags: , , , , , , , , , , , , , , , , , , , , , ,

6 thoughts on “How to create a modal with HTML, CSS & JS – Part 1: HTML”

  1. Bareera Khan says:

    which font family are you using in vscode its nice thank you.

  2. Great video! Just wanted to know, is there a reason you do it this way instead of creating the modal view dynamically with JS/jQuery?

  3. Ameen Shaikh says:

    Hi kevin, I wanted do simple projects on JavaScript and jquery, do you have any videos on this topic, any website or videos which would be helpful, please guide me.

  4. Alena says:

    how do you do to preview what you are doing? I have atom too and I don't know how to do it,
    sorry for my bad English (nice video :D)

  5. Hey Kevin, just wanted to give you a heads up, the grid starter kit is currently being used for a current project all inspired by you. So a big THANK YOU. Also from following this, I have learned so much and the partials scss has helped me to make a better to read and better to edit set of scss files. Thanks again

Leave a Reply

Your email address will not be published. Required fields are marked *