Preethi Ranjit

A .NET developer with a JavaScript background, Preethi is expert in front-end coding, JavaScript, HTML, and CSS.

Latest posts

Getting Started with JavaScript Promises

Asynchronous code is useful for performing tasks that are time-consuming but, of course, it’s not devoid of cons.…

How to Create Custom Slash Commands in Slack

Slack is a team productivity tool that comes with many configurations and services meant for customization. One of…

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,…

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…

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.…

10 Missing Features All Browsers Should Have

Browsers, the windows to the Web, have become an essential tool for many Internet users. In spite of…

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…

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…

Three Ways to Create HTML Documents on the Fly

Creating HTML documents on the fly, with or without JavaScript, is sometimes necessary. Whether the goal is to…