Welcome to a tutorial on how to create simple pagination with pure Javascript and HTML. Have a huge array of data that needs to be displayed in an HTML table and paginated? Or maybe split a long article into multiple pages? Well, here is a quick sharing of a pagination script that I made, and …
Simple Pagination With Javascript HTML (Free Download) Read More »
Welcome to a quick tutorial on how to add and remove list items in Javascript. Need to dynamically update an HTML list in Javascript? To add a list item in Javascript: <ul id=”myList”></ul> var li = document.createElement(“li”); li.innerHTML = “Item”; document.getElementById(“myList”).appendChild(li); To remove a list item in Javascript: var myList = document.getElementById(“myList”); var items = …
Add & Remove List Items In Javascript (Simple Examples) Read More »
Welcome to a tutorial on how to fade in and fade out HTML elements. So you may want to fade in a section, or maybe fade out a button once it is clicked on. Some libraries provide a convenient fade function, but we really don’t need to load an entire library just to do a …
Fade In & Fade Out HTML Elements (Very Simple Examples) 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 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 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 customize it quickly. Read on! ⓘ I have …
Welcome to a quick tutorial on how to create a simple popup with HTML, CSS, and Javascript. I am sure there are tons of popup plugins all over the Internet, but some of them depend on 3rd party frameworks and add too much loading bloat. So here it is – We will walk through a …
Very Simple Popup In Pure HTML CSS JS (Free Download) Read More »
Welcome to a step-by-step tutorial on how to get started with WebAssembly (WASM for short). Ever since the launch of WASM in 2017, it has created quite a stir in the web development world – From excited code ninjas to demented “the end of Javascript is here” doomsayers. In any case, this is something worth …
Get Started With WebAssembly In 5 Minutes (Step By Step Tutorial) Read More »
Welcome to a tutorial on how to create an infinite page scroll with vanilla Javascript. If you have been following up with social media – Facebook, Twitter, Instagram, etc… Then you should not be a stranger to that “scroll down to load more contents” interface. Yep, that is exactly what we will walk through in …
Simple Infinite Scroll with PURE Javascript (Free Download) Read More »
Welcome to a tutorial on how to call a PHP file from Javascript. So you need to call a PHP script to do some processing from Javascript? The common ways to call a PHP script with Javascript are: Use AJAX to call a PHP script. Use the Fetch API to call a PHP script. Redirect …
5 Ways To Call PHP File From Javascript (Simple Examples) Read More »
