Preethi Ranjit

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

Latest posts

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

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

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…

5 <IMG> CSS Properties You Should Know

There are CSS properties, such as background images, border images, masking, and clipping properties, with which you can…

An Introduction to CSS Scroll Snap Points

The CSS Scroll Snap Module is a web standard that gives us some control over scrolling on a…