Preethi Ranjit

Preethi is a writer for Hongkiat.com. She is also a .NET Web developer with a Java past and a bias for Firefox, Windows & DC Comic movies.

Latest posts

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 Custom Slash Commands in Slack

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

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…

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

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…

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…