Coding advice and snippets from the IAM Network.https://ndomitabl.com/https://ndomitabl.com/blog/how-to-create-animations-using-javascript/https://ndomitabl.com/blog/how-to-create-animations-using-javascript/Learn how to create animations using JavaScript. A Basic Web Page To demonstrate how to create HTML animations with JavaScript, we can use a simple web page. CODE: <!DOCTYPE html> <html> <body><h1>My First JavaScript…Fri, 13 Jan 2017 02:11:07 GMThttps://ndomitabl.com/blog/how-to-create-a-filter-table-with-javascript/https://ndomitabl.com/blog/how-to-create-a-filter-table-with-javascript/Learn how to create a filter table with JavaScript. Filter Table How to use JavaScript to search for specific data in a table. Name Country Alfreds Futterkiste Germany Berglunds snabbkop Sweden Island Trading UK Koniglich Essen Germany Laug…Thu, 12 Jan 2017 03:05:20 GMThttps://ndomitabl.com/blog/how-to-create-a-filter-list-with-javascript/https://ndomitabl.com/blog/how-to-create-a-filter-list-with-javascript/Learn how to create a filter list with JavaScript. Filter List How to use JavaScript to search for items in a list. Create A Search List Step 1) Add HTML: CODE: <input type="text" id="myInput" onkeyup="myFunction()" placeholder="Search f…Thu, 12 Jan 2017 02:56:23 GMThttps://ndomitabl.com/blog/how-to-create-a-modal-image-gallery-lightbox-with-css-and-javascript/https://ndomitabl.com/blog/how-to-create-a-modal-image-gallery-lightbox-with-css-and-javascript/Learn how to create a modal image gallery (lightbox) with CSS and JavaScript. Lightbox (Modal Image Gallery)   Create A Lightbox Step 1) Add HTML: CODE: <div class="row"> <div class="column"> <img src="img1.jpg" onclick=…Mon, 09 Jan 2017 05:05:52 GMThttps://ndomitabl.com/blog/how-to-create-a-responsive-modal-image-with-css-and-javascript/https://ndomitabl.com/blog/how-to-create-a-responsive-modal-image-with-css-and-javascript/Learn how to create responsive Modal Images with CSS and JavaScript. Modal Image A modal is a dialog box/popup window that is displayed on top of the current page. Step 1) Add HTML: CODE: <!-- Trigger the Modal --> <img id="myImg" …Mon, 09 Jan 2017 04:52:11 GMThttps://ndomitabl.com/blog/how-to-create-a-modal-box/https://ndomitabl.com/blog/how-to-create-a-modal-box/How To Create a Modal Box A modal is a dialog box/popup window that is displayed on top of the current page: Step 1) Add HTML: CODE: <!-- Trigger/Open The Modal --> <button id="myBtn">Open Modal</button><!-- The Modal -…Mon, 09 Jan 2017 04:45:57 GMThttps://ndomitabl.com/blog/some-cool-css-animated-buttons/https://ndomitabl.com/blog/some-cool-css-animated-buttons/Button one: "Pressed" effect. CODE: <!DOCTYPE html> <html> <head> <style> .button { padding: 15px 25px; font-size: 24px; text-align: center; cursor: pointer; outline: none; color: #fff; background-color: #4CAF50; bor…Mon, 09 Jan 2017 04:04:51 GMThttps://ndomitabl.com/blog/how-to-create-a-calendar-layout-for-your-web-site/https://ndomitabl.com/blog/how-to-create-a-calendar-layout-for-your-web-site/Learn how to create a Calendar with CSS. How To Create a Calendar Layout Step 1) Add HTML: CODE: <div class="month"> <ul> <li class="prev">❮</li> <li class="next">❯</li> <li> A…Sun, 08 Jan 2017 08:44:36 GMThttps://ndomitabl.com/blog/how-to-create-a-google-map-in-your-web-page/https://ndomitabl.com/blog/how-to-create-a-google-map-in-your-web-page/Learn how to add a Google Map to a web page. My First Google Map 1. Start with a simple basic web page. Add a <div> element where you want the map to display: CODE: <!DOCTYPE html> <html> <body><h1>My First Goo…Sun, 08 Jan 2017 08:33:49 GMThttps://ndomitabl.com/blog/how-to-create-a-slideshow/https://ndomitabl.com/blog/how-to-create-a-slideshow/Learn how to create a Slideshow with CSS and JavaScript. Slideshow / Carousel A slideshow is used to cycle through elements Create A Slideshow Step 1) Add HTML: Example <div class="slideshow-container"> <div class="mySlides fade"&g…Sun, 08 Jan 2017 08:18:34 GMT