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: css

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
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?
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
Dev resources UI School

Easily create wave shapes in CSS using this tool!

Ranjith kumar June 25, 2023 No Comments csscss3htmlUI

Many times, we want to create interesting backgrounds for our websites using custom shapes likes waves, triangles, curves etc. Here’s how to quickly do it…

View More Easily create wave shapes in CSS using this tool!
UI School

Animated outline button with only CSS

Ranjith kumar June 24, 2023 No Comments csshtmlUI

Checkout this amazing animated outline button made using only HTML and CSS. No javascript is used for the animation.

View More Animated outline button with only CSS

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