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
How To Encrypt HTML (Why It’s A BAD Idea!) 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 »
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 and example of how to create a custom checkbox and radio button using pure CSS. The Stone Age of the Internet is long over, but it is still impossible to create a custom checkbox or radio button using “direct CSS only”. So here it is, let us walk through a simple
Custom Checkbox & Radio Button With Pure CSS (Simple Example) Read More »
Welcome to a quick tutorial on how to show error messages in HTML forms. This is probably one of the major bugbears for some beginners, how do we handle and show error messages for HTML forms? There are no fixed ways to show errors in HTML forms, but the common methods to display error messages
Show Error Messages In HTML Forms (Simple Examples) Read More »
Welcome to a beginner’s tutorial on how to display a message after submitting an HTML form. Yep, forms are pretty easy to create in HTML… But the aftermath is kind of a mystery. How do we show a message to the user after the processing is done? There are 2 general ways to show a
2 Ways To Display A Message After Submitting HTML Form Read More »
Welcome to a quick tutorial on how to create a non-editable text field in HTML and Javascript. Want to “fix” a text field in HTML or Javascript? Prevent the user from changing the value? To create a non-editable text field in HTML, we can either attach the readonly or disabled attribute. <input type=”text” readonly> <input
Non-Editable Text Field In HTML Javascript (Disabled & Readonly) Read More »
Welcome to a tutorial on how to create responsive tabs with pure HTML, CSS, and JS. Need to organize the information on your website a little better? Don’t want to load an entire library just for a simple tab plugin? Here is a sharing of my own, using only pure HTML CSS JS – Read
Very Simple Tabs With Pure HTML CSS JS (Free Download) Read More »
Welcome to a tutorial on how to create responsive AJAX tabs with pure HTML, CSS, and JS. Need to create a simple tab that loads the content via AJAX? Well, here is one that uses only pure HTML CSS JS, no third-party frameworks – Read on! ⓘ I have included a zip file with all
Very Simple AJAX Tabs With Pure HTML CSS JS (Free Download) Read More »
