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

hide scroll bar in react
Quick tips for developers UI School

How to hide scroll bar in react-snap-carousel

Ranjith kumar June 3, 2023 No Comments csshtmlJavascriptReactUI

I recently stumbled upon a new react carousel library in a NextJS project. It is called react-snap-carousel and it’s an amazing library. Here’s the link…

View More How to hide scroll bar in react-snap-carousel
UI School

5 easy ways to center an element with CSS

Ranjith kumar April 5, 2022 No Comments Video codingcsshtmlUI

Centering an element with CSS using the wrong approaches or hacky methods can be painful. Here are 5 easy ways to center an element in…

View More 5 easy ways to center an element with CSS
Quick tips for developers

Why do we need DOCTYPE in html?

Ranjith kumar March 16, 2022 No Comments html

History ✧ In the old days of the web, pages were written in two versions: One for Netscape Navigator, and one for Microsoft IE. ✧…

View More Why do we need DOCTYPE in html?
General

Marvel’s Shang-Chi – What if he was a web developer? | Web Multiverse

Ranjith kumar March 9, 2022 No Comments Video htmlhumorJavascriptReactweb development
View More Marvel’s Shang-Chi – What if he was a web developer? | Web Multiverse
UI School

Pushpa logo using HTML & CSS #Pushpa #Thaggedele

Ranjith kumar February 5, 2022 No Comments csshtml

I made this awesome Pushpa logo using HTML and CSS. I have used the power of CSS mask-image to give the logo a nice fingerprint…

View More Pushpa logo using HTML & CSS #Pushpa #Thaggedele
Dev resources Spotlight of the day

RoughNotation.js, A JavaScript library to create and animate annotations | Spotlight of the day

Ranjith kumar February 5, 2022 No Comments csshtmlJavascriptUI

Rough Notation uses RoughJS to create a hand-drawn look and feel. Elements can be annotated in a number of different styles. Animation duration and delay…

View More RoughNotation.js, A JavaScript library to create and animate annotations | Spotlight of the day
Spotlight of the day

Rythm.js, A javascript library that makes your page dance | Spotlight of the day series

Ranjith kumar February 3, 2022 2 Comments csshtmlJavascriptUI

A javascript library that makes your page dance.

View More Rythm.js, A javascript library that makes your page dance | Spotlight of the day series
Quick tips for developers

Hide header on scroll easily | Spotlight of the day series | hide sticky header on scroll | autohide

Ranjith kumar February 3, 2022 No Comments csshtmlJavascriptUI

Hide header on scroll down, show the website header on scroll up. Learn how to hide header on scroll down and show header on scroll…

View More Hide header on scroll easily | Spotlight of the day series | hide sticky header on scroll | autohide
Spotlight of the day UI School

I threw a confetti party on my website, Find out how! | Spotlight of the day series

Ranjith kumar February 1, 2022 No Comments csshtmlJavascriptUI

Learn how to shoot confetti on your website using HTML canvas and javascript and make it snow!

View More I threw a confetti party on my website, Find out how! | Spotlight of the day series
Dev resources UI School

Create cool typing animation in your website | Spotlight of the day series

Ranjith kumar January 30, 2022 No Comments Video codingcsshtmlJavascriptReact

Learn how to create a cool text animation that appears to be typed by a real user Reference links Typed.js GitHub – https://github.com/mattboldt/typed.js Typed.js website…

View More Create cool typing animation in your website | Spotlight of the day series

Posts pagination

Previous page Page 1 Page 2 Page 3 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