Preethi Ranjit

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

Latest posts

Beginner’s Guide to Regular Expression (Regex)

A regular expression is a set of characters forming a pattern that can be searched in a string.…

10 Cool Things HTML Tags Can Do

At the moment there are a total of 142 HTML elements standardized by W3C excluding the ones in…

The Greatest Inventions in Computer Programming

In one of the conversations I’ve had with our senior editor, I was asked the question, “How did…

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…

Creating Animated Favicon 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

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…

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…

CSS Scroll Snap Points

The CSS Scroll Snap Module is a web standard that gives us some control over scrolling on a…