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 tutorial on how to create a simple customer queue system using Javascript. Yes, this is a web-based customer queue number system. But this is not a “traditional” one, this is a “leveled up” web app that works offline. Read on! TABLE OF CONTENTS JS Queue Download & Notes Extra Bits
Javascript Customer Queue System (Free Download) Read More »
Welcome to a tutorial on how to create a simple pie chart using pure HTML and CSS. Need to display a simple pie chart in your project? But don’t want to introduce loading bloat with third-party libraries? Here’s a really simple version – Read on! TABLE OF CONTENTS Download & Notes Simple Pie
Very Simple Pie Chart With Pure HTML CSS Read More »
Welcome to a tutorial on how to display code snippets in HTML. Want to present or share some code snippets on your website? Just like how it is being done right here on Code Boxx? Well, it really isn’t that difficult. To display code snippets in HTML: Convert the code snippet into HTML entities, this
Display Code Snippets in HTML (Simple Examples) Read More »
Welcome to a tutorial on how to create an editable HTML table. Well, creating an editable table is quite literally adding a contentEditable property into the cell <td> on a double click. But it still requires quite some bits of code – Read on for an example! TABLE OF CONTENTS Download & Demo
Simple Editable HTML Table (A Quick Example) Read More »
Welcome to a tutorial on how to create mobile-friendly responsive CSS tables. When it comes to creating responsive web pages, tables are one of those “unfortunate” things in HTML. Even though there are a ton of responsive solutions for images, videos, text, and layout – Tables are the only tricky ones to deal with. There
5 Ways to Create Responsive CSS Tables (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 and example of how to resize images in Javascript. Yes, resizing images is no longer a server-side thing. We can also do it in Javascript with just a few lines of code. We can use the canvas API to resize images in Javascript: Start by creating a new image and
3 Steps To Resize Images In Javascript (Simple Examples) Read More »
Welcome to a tutorial and example of a responsive slideshow with pure HTML and CSS. So you are looking for a “no fuss” slideshow for your project? Well, it’s possible to create one using just HTML and CSS – Read on for an example! ⓘ I have included a zip file with all the source
Pure HTML CSS Responsive Slideshow (Free Download) Read More »
Welcome to a tutorial and example of how to create a responsive collapsible tree menu with pure HTML and CSS. There are a ton of tree menu plugins on the Internet, but some of them require third-party libraries. It really doesn’t make sense to add to the loading bloat, and so, here it is. Let
Responsive Collapsible Tree Menu In HTML CSS (Free Download) Read More »