HTML & CSS

Welcome to a quick tutorial on how to dynamically load CSS files. So you have a project that requires some sorcery to load or change the CSS after the page is loaded? Or maybe you want to lazy load some CSS files? We actually don’t need a third-party library, nor do confusing imports. To load […]

Welcome to a tutorial on how to display an Excel file in an HTML table in Javascript. Need to open an Excel file and “convert” it into an HTML table? Yes, that is possible with modern Javascript. No server-side scripts, no uploading involved. Read on for the example!     TABLE OF CONTENTS Download &

Welcome to a quick tutorial on how to display messages in HTML and Javascript. Just started with Javascript and wondered how to display a message? The common ways to show messages in HTML and Javascript are: Alert, prompt, confirm. Output the message to the developer’s console. Dialog box (popup box). Message bar. Inline messages. Toast

Welcome to a tutorial on how to create an image zoom with CSS and Javascript. Need to spice up your image gallery or an e-commerce store? I am sure there are plenty of such “image zoom” plugins floating all over the Internet, so we will do something a little different with this guide. Instead of

Welcome to a quick beginner’s tutorial on how to reset an HTML form after submission. So you are working on a form that needs to be cleared after the user submits it? There are 2 mechanisms in HTML and Javascript to take note of when it comes to resetting forms: Use document.getElementById(“FORM”).reset() in Javascript to

Welcome to a tutorial on how to create a simple Javascript drawing app. Want to create your own “painting app”? Or want to learn more about the HTML canvas? Here’s a simple example – Read on!     TABLE OF CONTENTS JS Drawing Download & Notes Extra Bits & Links The End   JAVASCRIPT DRAWING

Welcome to a tutorial on how to create a simple books list web app with pure Javascript. It’s the good old and boring school assignment. Yep, there are a ton of such tutorials all over the Internet, so here’s one that is slightly different. An offline books list progressive web app that is installable. Read

Welcome to a tutorial on how to create a simple budget planner web app using Javascript. Yep, there are a ton of such “budget planner” app examples all over the Internet. So here’s one that is slightly different – A pure Javascript budget planner that is installation and offline-capable. Read on!     TABLE OF CONTENTS

Welcome to a short tutorial on how to fade an image background using CSS and Javascript. So you are working on a project with a nice background image that needs some fade effect? Bad news, it is not so straightforward. There is no background-image-opacity property in CSS. To fade a background image, the general steps

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!     TABLE OF CONTENTS JS Expense List Download & Notes