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 Medium-Like Floating Action Menu

The popularity of floating action menus has been on the rise, especially since Medium.com brought the feature into…

Browser Face-off: Opera vs. Brave vs. Vivaldi

The browser market is bustling with countless desktop and mobile browsers. Opera, Brave, and Vivaldi are not as…

How to Use ES6 Template Literals in JavaScript

In programming, the term “literal” refers to the notation of values in code. For instance, we notate a…

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…