Tips & Tutorials – HTML & CSS

5 Ways to Disable Elements In An HTML DIV

Welcome to a tutorial on how to disable elements inside an HTML DIV. To quickly disable all form elements in an HTML DIV, we can get the elements using the query selector and disable them accordingly: var all = document.querySelectorAll(“#container select, #container input, #container textarea, #container button”); for (let el of all) { el.disabled = …

5 Ways to Disable Elements In An HTML DIV Read More »

5 Ways to Create Image Zoom With Pure CSS Javascript

Welcome to a tutorial on how to create an image zoom with CSS and Javascript. Need to spice up your image gallery or an e-commerce store? I am sure there are plenty of such “image zoom” plugins floating all over the Internet, so we will do something a little different with this guide. Instead of …

5 Ways to Create Image Zoom With Pure CSS Javascript Read More »

Sticky Footers In HTML CSS (Very Simple Examples)

Welcome to a tutorial on how to create sticky footers in HTML and CSS. So you want to stick a navigation bar, or fix a banner at the bottom of the page? One of the easiest ways to create a sticky footer is to set CSS position: sticky on the footer. <footer style=”position:sticky; bottom:0;”>FOOT</footer> That …

Sticky Footers In HTML CSS (Very Simple Examples) Read More »

Very Simple HTML AJAX Login Page (Free Download!)

Welcome to a tutorial on how to create a simple HTML AJAX login page. Sick of all the complicated login pages, templates, and libraries? Here is a simple one made with vanilla HTML, CSS, and Javascript. Just plug-and-play this page, do up the server-side login script, and all done – Read on for more! ⓘ …

Very Simple HTML AJAX Login Page (Free Download!) Read More »