Welcome to a tutorial on how to create a simple vanilla Javascript Shopping Cart. Looking to build an eCommerce website or web app? Not too keen on the complicated bloated scripts and just need a simple interface? Well, here it is. A standalone local storage shopping cart that does not use any frameworks – Read …
Simple Javascript Shopping Cart (Free Code Download) Read More »
Welcome to a tutorial on how to create a grocery list with PHP and MySQL. Yes, the grocery list. A classic school assignment that lecturers have “reused” over many decades, staying true to the “reusability” concept. That aside, it is still a good way to learn full-stack web development – Read on for the example! …
Simple Grocery List With PHP MySQL (Free Download) Read More »
Welcome to a tutorial on synchronous and asynchronous Javascript. Dear code ninja, so you have finally stumbled on the topic of synchronous and asynchronous. Just what does that mean? What is the difference? Why is it important? Long story short: Javascript is synchronous “by default”. Meaning, the next line of code cannot run until the …
Synchronous VS Asynchronous Javascript (Simple Examples) Read More »
Welcome to a quick tutorial on how to format a number as a currency string in Javascript. Need to display a number in a “nice currency format” after some calculations? The easy ways to format a number as a currency string in Javascript are: Use the native number format object. var amt = 12345; var …
3 Ways To Format Number As Currency String In Javascript Read More »
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 quick tutorial on how to create a simple Javascript grocery list. Ah yes, this is a classic school assignment that has never changed for decades. There are probably a ton of these on the Internet already, so I figured to create one that is “updated” – A grocery list progressive web app …
Simple Offline Javascript Grocery List PWA (Free Download) Read More »
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 »
Welcome to a tutorial on how to search and display results from the database using Python Flask and SQLite. So you need to add a search box to your website? Well, it actually a 2-steps process in the simplest design. Add an HTML search form to the page – Text box and submit button. Once …
Search & Display Results From Database (Python Flask) Read More »
Welcome to a quick tutorial on how to get the HTML code from websites. Is there a certain website that you find interesting? Want to know how it works behind the scenes? Or maybe you just need to email a part of the website to someone. In most modern browsers, there are a few ways …
