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

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

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
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
css shape-outside example
UI School

CSS shape-outside example to wrap text around image

Ranjith kumar January 7, 2021 No Comments csscss3html

CSS shape-outside is that CSS property that helps in wrapping text around a picture or a shape etc.

View More CSS shape-outside example to wrap text around image
UI School

Behind the sun! Pure CSS Animation

Ranjith kumar January 5, 2021 No Comments animationscsscss3html

Check out this awesome animation made with just HTML and CSS!

View More Behind the sun! Pure CSS Animation

Posts navigation

Page 1 Page 2 Next page

Interesting stuff

Coding Tutorials General

Best practices of scraping website data for beginners (Updated 2022)

Ranjith kumar September 12, 2022 11 Comments

In the previous – article, I’ve explained how to scrape a website using selenium VBA and also mentioned that using selenium is not the best…

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…

UI inspiration of the day

Coding Tutorials UI School

Dynamic Island using Flutter | iPhone 14 Pro | Can it be done with Flutter?

Ranjith kumar September 14, 2022 No Comments

Dynamic Island is a new UI experience introduced by apple for iPhone 14 Pro just a few days back. It looked interesting! Can it be…

Latest video

Ad

Coding is Love | © Copyright All rights reserved