Preethi Ranjit

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

Latest posts

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

How to Create a Text-Search Bookmarklet with JavaScript

Bookmarklets are JavaScript applications that can be accessed as browser bookmarks. They are used to enable users to…

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…

How to Create CSS-only Sticky Footer

Normally, we need JavaScript to perform scrolling effects related to different user actions on web pages. The script…

How to Create a Datalist That’s Instantly Searchable

Dropdown lists are a neat way for providing options for an input field, particularly when the list of…

How to Create a Simple Phone Number Picker

Phone numbers, besides names and emails, are the most frequently used contact information in online forms. Phone number…

How to Create Pure CSS onClick Image Zoom Effect

CSS doesn’t have a pseudoclass for targeting click events, and this constitutes one of the biggest pain points…

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…