Tired of having to constantly qualify for a number of points to access a community for coding advice and snippets? We were too, so we created this. Have at it!
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…
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…
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…
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=…
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" …
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 -…
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…
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">&#10094;</li> <li class="next">&#10095;</li> <li> A…
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…
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…



