How to Create an Animated Favicon Loader with JavaScript
Favicons are a crucial part of online branding, they give a visual cue to users, and help them…
Latest posts in:Coding
Understanding Document Object Model (DOM) in Details
We have all heard of the DOM, or Document Object Model, that gets mentioned from time to time,…
10 Ways to Contribute to The Open Source Community
Open source software has helped accelerated the development of information technology, generating opportunities never seen before. Just think…
How to Filter and Traverse DOM Tree with JavaScript
Did you know there’s a JavaScript API whose sole mission is to filter out and iterate through the…
How to Auto-generated Table of Contents with HTML Slots
Table of contents can greatly improve the user experience of many websites, for instance documentation sites or online…
30 Useful Regex Code Snippets for Web Developers
Regular expressions are a powerful tool that should be in every developer’s tool belt. They can match against…
CSS – margin:auto; – How it Works
Using margin:auto to center a block element horizontally is a well known technique. But have you ever wondered…
How to Animate Dashed Border with CSS
Decorated borders can adorn any element on page, but CSS borders are limited when it comes to style.…
How to Teach Kids to Code with MIT Scratch Language
Children learn differently than adults, therefore if we want to teach them to code, we need to use…
Understanding Synchronous and Asynchronous JavaScript – Part 1
Synchronous and asynchronous are confusing concepts in JavaScript, especially for beginners. Two or more things are synchronous when…
How to Create Chrome Extensions from Scratch
A step-by-step guide on how to create a simple Google Chrome extension from scratch.
Count HTML State Changes Real-Time with CSS
Counting is a ubiquitous task in web applications. How many unread emails do you have? How many tasks…