Preethi Ranjit

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

Latest posts

How to CSS-Only Overlays Effect with Box-Shadow

Content overlays are a prominent part of modern web design. They help you hide an element on a…

10 Coolest Hidden Firefox Settings You Should Know

There are plenty of settings that Firefox offers besides general ones you can find in the Options menu.…

15 Cool IFTTT Recipes for Github

IFTTT (abbreviation of If This, Then That) is a free service to connect different online services, such as…

5 Analog To-Do List Systems for Better Productivity

We previously discussed the allure of productivity tools: do they actually work when it comes to increasing your…

How to Create 3D Button Flip Animations With CSS

Flip animations are popular CSS effects that show both the front and the back of an HTML element…

3 Things You Don’t Know About JavaScript Arrays

Arrays are a widely-used feature of programming languages; they are special variables that can be used to store…

4 Useful JavaScript Statements You Should Know

JavaScript statements give us the power to implement different types of logic in our code. JavaScript provides us…

How to Create a Switch UI Using CSS Mask

In image processing, masking is a technique that allows you to hide an image with another. A mask…

The Definitive Guide to CSS Pseudo-Classes

Whether you are a novice or an experienced CSS developer, you probably have heard of pseudo-classes. The most…

10 Codepen Tips For Beginners

Codepen is a super easy and popular site to pen down a working front-end code combo right away.…

How to Make an Animated SVG Speedometer

A gauge meter is a tool that visually indicates a value within a given range. In computers, a…