Preethi Ranjit

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

Latest posts

CSS Floats Explained in Five Questions

CSS "Floats" (floating elements) are simple to use but once used, the effect it has on the elements…

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…

How to 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…

10 Useful Firefox Developer Tools You Should Know

Firefox being "developer’s browser" has many great tools to help make our work easier. You can find more…

Advanced Checkbox Styling with CSS Grid

The CSS Grid Layout Module can not only solve a mammoth of a layout problem but also some…

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…

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…

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…

10 Most Common Types of Web Developers

How many developers do you know in your life? If you work with a group of them, you…