fbpx
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
  • The Squad
    • Codingislove Forum
    • Codingislove Jobs
    • Codingislove Bin

Tag: UI

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
UI School

Furniture App – React Native – Speed Code

Ranjith kumar February 28, 2022 No Comments Video JavascriptReactReact NativeUI

Furniture app UI made using React native from scratch along with tabs navigation and screen navigation. This app also has a nicely animated carousel for…

View More Furniture App – React Native – Speed Code
Coding Tutorials UI School

Flutter Tutorial (Only UI) – Building Youtube UI in 30 Mins

Ranjith kumar February 23, 2022 No Comments Video FlutterUI
View More Flutter Tutorial (Only UI) – Building Youtube UI in 30 Mins
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
Coding Tutorials

Text recognition in the browser using Tesseract.js | Spotlight of the day series

Ranjith kumar January 29, 2022 No Comments Video codingcsshtmlJavascriptReactUI

Learn how to do text recognition in the browser in a react app using tesseract.js Source code is available at Tesseract OCR React Watch the…

View More Text recognition in the browser using Tesseract.js | Spotlight of the day series
UI School

Animated SVG Avatar in login form using GSAP

Ranjith kumar February 26, 2018 No Comments animationscsshtmlUI

This excellent SVG Avatar animation is made using Greensock Tweenmax and some trigonometry.

View More Animated SVG Avatar in login form using GSAP
Coding Tutorials UI School

Building Medium’s claps animation using React Native

Ranjith kumar January 22, 2018 2 Comments ReactReact NativeUI

This is a quick tutorial on composing animations with React Native. This tutorial is made for beginners. Just read the React Native’s Animation documentation and…

View More Building Medium’s claps animation using React Native

Posts navigation

Page 1 Page 2 Next page

Interesting stuff

General

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

Ranjith kumar March 9, 2022 No Comments
General

Why Google’s Flutter Is Perfect for Cross-Platform App Development

Ranjith kumar July 25, 2020 4 Comments

Technological advancement today has figuratively impacted the lives of millions of people around the globe.  Thanks to the rapidly changing and ever-developing technical expertise, individuals…

General Quick tips for developers

How to open emoji keyboard on Windows or Mac

Ranjith kumar July 17, 2020 No Comments

I recently found out that Windows and Mac have a built-in emoji keyboard. I was surprised to know that there’s a built-in emoji keyboard for…

Dev resources General

DeepMoji, Artificial emotional intelligence with machine learning

Ranjith kumar July 3, 2020 No Comments

Have you ever wanted to automatically detect the tone of a user in their messages? It’s definitely a tough ride! One word or one comma…

UI inspiration of the day

UI School

5 easy ways to center an element with CSS

Ranjith kumar April 5, 2022 No Comments

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…

Latest video

Ad

Coding is Love | © Copyright All rights reserved