Preethi Ranjit

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

Latest posts

How to Use HTML <template> & <slot> With Shadow DOM

HTML Slot is one of the most remarkable standards made by W3C. Combine that with another impressive W3C…

How to Choose the Perfect Earphones (2017)

Whether we admit it or not, some of us are always buying new earphones. Others just get frustrated…

Moving Items in CSS Grid Layout [Guide]

Using the CSS Grid Layout Module in web design becomes more and more feasible as more browsers begin…

5 HTML Features You Might Not Know About

For a language so simple and easy to learn, HTML surely offers an unexpected amount of useful features,…

20 Power Tips For Your Amazon Kindle

People these days love everyday objects with a touch of technology. A gleaming example of it are the…

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…

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