Welcome to a tutorial on how to create vertical lines in HTML and CSS. Want to add a vertical line beside a paragraph or section of the page? One of the easiest ways to create a vertical line in HTML CSS is to add a CSS border. <div style=”boder-left: 5px solid red”>Left Vertical Line</div> <div …
Welcome to a beginner’s tutorial on how to create horizontal lines in HTML and CSS. So you have some content that you want to break up by drawing a line. Well, no sweat. There are 2 easy ways to create horizontal lines in HTML: Use the horizontal rule <hr> element. Add a bottom border with …
2 Ways To Create Horizontal Lines In HTML (HR & Border) Read More »
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 = …
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 »
Welcome to a quick tutorial on how to create a simple breadcrumb menu with pure HTML and CSS. If you are looking to add a breadcrumb menu to your website, there’s really no need to use a “third-party plugin”. We can create a simple one using just pure HTML and CSS – Read on! ⓘ …
Simple Breadcrumb Menu With Pure HTML CSS (Free Download) Read More »
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 »
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 »
Welcome to a short tutorial on how to encrypt HTML code. So for some reason, you need to hide the HTML source code from the users. Be it for security purposes, or not wanting to release the full source code to a non-paying client. We can easily encrypt HTML using free online tools: Do a …
Welcome to a tutorial on how to create responsive CSS squares and rectangles. It is easy to create a fixed dimension shape with HTML and CSS, but when it comes to the responsive ones, they are really not that straightforward… Or is it? An easy way to create a responsive rectangle in CSS is to …
Responsive CSS Squares and Rectangles (Simple Examples) Read More »
Welcome to a tutorial on how to create vertical text in CSS. Once upon a time in the Stone Age of the Internet, the direction of text is pretty much fixed on left-to-right. But thankfully, modern CSS has addressed the issue and supports vertical text with ease. The easiest way to create a block of …
How To Create Vertical Text With CSS (Simple Examples) Read More »
