Skip to content
  • Youtube
  • Facebook
  • Twitter
Coding is Love

Coding is Love

Coding is Love
Coding is Love
  • Home
  • Tutorials
  • Interesting stuff
  • Dev resources
  • UI School
  • About Us

Tag: html

UI School

Amazing AI slider created using javascript animations

Ranjith kumar July 10, 2023 No Comments animationscsscss3htmlJavascriptUI

Check out this interesting animation made with GSAP (Green Sock animation platform). You can tap the slider and change the value but the AI robot…

View More Amazing AI slider created using javascript animations
Dev resources

Free avatar library for developers and designers | DiceBear

Ranjith kumar July 9, 2023 No Comments developerDeveloper toolsdevelopmenthtmlJavascriptUI

Avatars are needed in almost every app. Be it as a placeholder for profile photos or as a full-fledged avatar system in your app. Let’s…

View More Free avatar library for developers and designers | DiceBear
UI School

How to create a collapsible in React easily

Ranjith kumar July 7, 2023 No Comments csshtmlJavascriptReactUI

Collapsible that reveals or hides contest with an animation is a very common pattern used in web. Let’s see how to create a collapsible that…

View More How to create a collapsible in React easily
UI School

How to create a responsive photo grid using CSS

Ranjith kumar July 3, 2023 No Comments csscss3htmlUI

Google Images is an example of a responsive photo grid gallery which also opens images with a full preview on tap. Here’s how to create…

View More How to create a responsive photo grid using CSS
Quick tips for developers

How to access Tailwind config from JS?

Ranjith kumar July 2, 2023 No Comments csscss3htmlJavascript

We might need to access tailwind configuration in javascript sometimes. Let’s say we want to use one of our primary colors in a place where…

View More How to access Tailwind config from JS?
Coding Tutorials Dev resources

How to remove background from an image using Javascript?

Ranjith kumar July 1, 2023 1 Comment htmlJavascript

Removing background from an Image is something we need quite often. We’ll be searching for background removal tools. Here’s how to remove background programmatically using…

View More How to remove background from an image using Javascript?
UI School

How to create pancake stack layout easily using Grid in CSS

Ranjith kumar June 30, 2023 No Comments csscss3htmlUI

Commonly referred to as a sticky footer, this layout is often used for both websites and apps.

View More How to create pancake stack layout easily using Grid in CSS
Dev resources General

Generate developer resume easily using this free resume builder!

Ranjith kumar June 29, 2023 No Comments csshtmlReacttailwindTailwindCSS

A resume is crucial to showcase your skills in a quickly digestible format. But it can be time consuming and boring to create a resume.…

View More Generate developer resume easily using this free resume builder!
Quick tips for developers

How to copy text to the clipboard using Javascript?

Ranjith kumar June 28, 2023 No Comments csshtmlJavascript

Allowing a user to copy text by clicking a button is a common pattern in websites. Let’s see how to copy text to clipboard using…

View More How to copy text to the clipboard using Javascript?
Dev resources UI School

How to animate list reordering with React easily

Ranjith kumar June 26, 2023 No Comments csscss3htmlJavascriptReactUI

Reordering a list and animating them is a very good user experience. Users will understand that the items’ order has changed clearly if we animate…

View More How to animate list reordering with React easily

Posts pagination

Page 1 Page 2 … Page 4 Next page

Interesting stuff

Dev resources General

Ultimate Guide: Build A Mobile E-commerce App With React Native And Medusa.js

Ranjith kumar February 15, 2025 No Comments

Looking to build a mobile app with Medusa.js? This comprehensive guide walks you through creating a React Native Medusa mobile app from scratch. Whether you’re starting a new project…

Dev resources General

Free open source alternative to Notion along with AI

Ranjith kumar July 13, 2023 No Comments

Are you looking for an open-source alternative to Notion? Notion is a freemium productivity and note-taking web application developed by Notion Labs Inc. Here’s a…

Dev resources General

How to replace face in a video for free?

Ranjith kumar July 11, 2023 3 Comments

Do you want to replace a face with a deep fake? You’ve probably come across a few extensions for editing software and some online tools…

Dev resources General

6 Free authentication services for your next app

Ranjith kumar July 7, 2023 No Comments

Authentication is required in almost every app. Any app that requires a user to login needs an authentication service. These authentication services are also called…

UI inspiration of the day

UI School

Amazing AI slider created using javascript animations

Ranjith kumar July 10, 2023 No Comments

Check out this interesting animation made with GSAP (Green Sock animation platform). You can tap the slider and change the value but the AI robot…

Latest video

Ad

Coding is Love | Designed by: Theme Freesia | WordPress | © Copyright All right reserved