Tips & Tutorials

Welcome to a quick tutorial and example on how to expand and collapse an HTML DIV using pure CSS only. So you want to hide a section of the page, a form, or maybe even create a hidden menu? A simple way to create a collapsible DIV is to use a checkbox and CSS sibling

Welcome to a tutorial on how to create responsive navigation menus in HTML and CSS. So you want to create a menu that is “mobile-friendly”? It is definitely not as difficult as some may think – Let us walk through a few simple examples of responsive navigation menus in this guide, read on! ⓘ I

Welcome to a quick sharing of how to organize HTML code. Well, there are actually no hard rules on “we must organize HTML code in a certain way”. But just imagine taking over someone else’s code that is in a complete mess. The code may work, but it is full of syntax errors, has crazy camel

Welcome to a beginner’s tutorial on how to create a box around the text in HTML. New to HTML and want to quickly create your own notification or information box? An easy way to create a box around text is to simply add padding and border. For example, <p style=”padding: 10px; border: 2px solid red;”>TEXT</p>

Welcome to a quick tutorial on how to do HTML form validation without Javascript. Once upon a time in the Dark Ages of the Internet, form validation used to be a “complicated process” that can only be done in Javascript. But ever since the launch of HTML5, things have become a lot easier. HTML offers

Welcome to a quick tutorial on how to clip (or crop) images in HTML and CSS. Don’t have Photoshop? Or don’t want to go through the trouble of installing image editors? Yes, it is possible to crop or clip images using only CSS – Read on for the examples! ⓘ I have included a zip

The Internet has an abundance of websites today, and you might have heard of HTML – “That thing used to create web pages”. So, if you receive one of these HTML files as an attachment in your email, should you be concerned? Is it possible for HTML to contain viruses and infect computers just by

Welcome to a tutorial on how to create a custom dropdown arrow using pure CSS and HTML. Yes, we can pretty much do any customization with modern HTML and CSS. But strangely, there is no straightforward way to customize a dropdown arrow in pure CSS. To create a custom dropdown arrow: Wrap the select box

Welcome to a tutorial on absolute and relative URLs, also the use of the HTML <base> tag. Getting “missing” images and files on your web page? Made sure that the path is “correct”? Well, don’t be surprised, the URL is a common confusion among many beginners. Absolute URL refers to a “full website address”. For