Preethi Ranjit

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

Latest posts

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…

CSS Shorthand vs. Longhand – Which to Use

Shorthand and Longhand – one is concise and the other precise. One came to existence out of the…

15 Useful CSS Tricks You Might Have Overlooked

If you have been a frontend web developer for a while, there is a high chance that you…

How to Improve HTML Table Accessibility with Markup

Web accessibility refers to designing web applications in a way that it can be used with ease by…

How to Speed Up Website With <LINK> Tag

Editor’s note: This article is part of our Code Optimization series, where we take a look at how…

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…

Guide to Linting JavaScript with JSHint

Editor’s note: This article is part of our Code Optimization series, where we take a look at how…