Preethi Ranjit

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

Latest posts

Ultimate Guide to Getters and Setters in JavaScript

Getters and setters are functions or methods used to get and set the values of variables. The getter-setter…

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 Stream Truncated Audio Using MediaSource API

With the MediaSource API, you can generate and configure media streams right in the browser. It allows you…

15 Useful Slack Tips You Should Know

Slack‘s simplicity and versatility quickly made it one of the most powerful productivity tools of our days, on…

Introduction to the CSS Grid Layout Module

It was once tables, then margins and floats, then flexbox and now grid: CSS always steered towards new…

How to Add Text-to-Speech Feature on Any Web Page

The text-to-speech feature refers to the spoken narration of a text displayed on a device. At present, devices…

How to Create a Cut-out Border Design with CSS

With a cut-out border design we can show to users what can be found underneath the border area…

How to Create a CSS Ribbon

We talk about CSS ribbons in web design when a strip of box (called ribbon) wraps another box.…

How to Create a Text-Search Bookmarklet with JavaScript

Bookmarklets are JavaScript applications that can be accessed as browser bookmarks. They are used to enable users to…

How to Display Text on Image With CSS3 mix-blend-mode

Image backgrounds look great behind large display texts. However, its CSS implementation is not that straightforward. We can…

How to Create CSS-only Sticky Footer

Normally, we need JavaScript to perform scrolling effects related to different user actions on web pages. The script…