Preethi Ranjit

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

Latest posts

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…

How to Filter and Traverse the DOM Tree with JavaScript

Did you know there’s a JavaScript API whose sole mission is to filter out and iterate through the…

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

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…

An Introduction to Web Workers JavaScript API

Web Workers is a JavaScript API that allows you to run scripts in a separate thread from the…

Advanced Checkbox Styling with CSS Grid

The CSS Grid Layout Module can not only solve a mammoth of a layout problem but also some…