Welcome to a quick tutorial and examples on how to create transparent images in HTML CSS. Once upon a time in the Dark Ages of the Internet, we had to manually create transparent GIF and PNG images. But today, things are very easy with modern CSS. Creating a transparent image in HTML CSS is as […]
Transparent Images In HTML CSS (Simple Examples) 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 »
Welcome to a tutorial and example on how to create a custom audio player with a playlist. Looking to build your own audio player and add a playlist to it? Sadly, there are no native implementations of a playlist at the time of writing. So the only way to build a playlist is to create
Custom Audio Player With Playlist (Step-By-Step Example) Read More »
Welcome to a quick tutorial and example on how to create an HTML custom audio player. So you want to create a custom audio player? Well, the default <audio> cannot be styled using CSS at the time of writing. The only way is to recreate an audio player – Here’s a simple one that I
Simple HTML Custom Audio Player (Free Download) Read More »
Welcome to a tutorial and example of how to create a simple vertical timeline using pure CSS. Yes, there is a ton of timeline plugins on the Internet, but nothing beats having the knowledge to build one yourself and the power to style as you please. So here it is, let us walk through a
Simple Pure CSS Responsive Timeline (Free Download) Read More »
Welcome to a quick tutorial on how to create a simple drag-and-drop file upload with Javascript and HTML. Forget those old boring “select a file” uploads. The Stone Age of the Internet is long over and it is time to create more exciting uploads. A drag-and-drop upload is actually not really that difficult to implement,
Simple Drag-and-Drop File Upload In JS HTML (Free Download) Read More »
Welcome to a tutorial on how to create a simple tagging widget with Javascript. Need to add tags to your audio, video, post, product, or whatever else? Well, we don’t actually need any third-party frameworks – Here is a simple example with pure Javascript – Read on! TABLE OF CONTENTS JS Tagging Download
Simple Javascript Tagging Widget (Free Download) 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 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 »