Preethi Ranjit

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

Latest posts

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…

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…

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…

Introduction to Shared Memory in JavaScript

Shared memory is an advanced feature of JavaScript, that threads (concurrently executed parts of a process) can leverage.…

How to Change Default Text Wrapping with HTML and CSS

Unlike paper, web pages can almost infinitely extend sideways. As much as impressive that is, it’s not something…