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! ⓘ I have included a zip file with all the source code …
Javascript Customer Queue System (Free Download) Read More »
Welcome to a tutorial on how to create a simple address book with pure Javascript. Yep, there are already a ton of such “address book apps” all over the Internet. So here is one that is slightly different – An address book web app that works offline and is installable. Read on! ⓘ I have …
Welcome to a tutorial on how to create a simple responsive image gallery with pure HTML and CSS. Yes, there are plenty of such “image galleries” all over the Internet. So here’s one that is fuss-free, CSS-only, and does not use any third-party frameworks – Read on! ⓘ I have included a zip file with …
Very Simple Responsive Image Gallery (Pure HTML CSS) Read More »
Welcome to a quick tutorial on how to create a collapsible list with HTML, CSS, and Javascript. Yes, there are plenty of such “free downloadable collapsible lists” all over the Internet. So here is one that is slightly different – A barebones no-bloat version, so you can build on top quickly. Read on! ⓘ I …
Very Simple Collapsible List (Pure HTML CSS JS ) Read More »
Welcome to a quick tutorial on how to create an HTML timetable. Yep, there are already a ton of “HTML timetable” examples on the Internet. I mean, it’s so easy to create one using a <table>, any newbie can do it with an eye closed. So let us walk through a different example in this …
Welcome to a tutorial on how to create a simple expense list with pure Javascript. Yep, there are a ton of such “expense list” examples on the Internet. So here’s one that is slightly different – An offline-capable expense list web app. Read on! ⓘ I have included a zip file with all the source …
Simple Javascript Expense List (Progressive Web App) 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 double click. But it still requires quite some bits of code – Read on for an example! ⓘ I have included a zip file with all …
Welcome to a tutorial and examples on how to add CSS in HTML. Just started with web development and wondering how CSS styles are added into HTML? There are actually a couple of ways to do it: Inline CSS, by adding a style attribute to the HTML tag – <p style=”color:red”>Demo</p> Internal CSS, by inserting …
Welcome to a tutorial on how to create simple arrows and animate them using pure CSS only. Want to add an arrow icon to a block of text? Create an “arrow button”? Or add an arrow to a menu item? The easiest way to attach an arrow is to use HTML symbols and CSS content. …
Welcome to a quick tutorial on how to create a simple HTML scroll to top button. There are a ton of scroll-to-top plugins all over the Internet, but know what? Forget those overly complicated ones. We don’t even need to load an entire library just to create a “back to top” button. To create an …
Very Simple HTML Scroll To Top Button (Free Download) Read More »
