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
  • Coding Tutorials Dev resources

    How to setup Mobx with react context

    Mobx is a Javascript library for state management. It is not specific to react but works great with react. Let’s see how to setup Mobx…

    Ranjith kumar June 29, 2020 16 Comments
    View More
  • UI School

    CSS shape-outside example to wrap text around image

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

    Ranjith kumar January 7, 2021 No Comments
    View More
  • UI School

    Behind the sun! Pure CSS Animation

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

    Ranjith kumar January 5, 2021 No Comments
    View More
  • Quick tips for developers

    Unable to format code in VSCode on MacOS using shortcut (solved)

    I use VSCode as the preferred IDE always. I usually use the keyboard shortcut Option + Shift + F to format the code. I recently…

    Ranjith kumar January 4, 2021 No Comments
    View More
  • Coding Tutorials UI School

    React UI tutorial – Building Instagram video player using HTML and CSS Flex

    React tutorial – Build Instagram video player using ReactJS and Flex system of CSS. The main intention of this video is to show how to…

    Ranjith kumar July 27, 2020 No Comments
    View More
  • General

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

    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…

    Tarun Nagar July 25, 2020 2 Comments
    View More
  • Dev resources General

    DeepMoji, Artificial emotional intelligence with machine learning

    Ranjith kumar July 3, 2020 No Comments
  • Mobx react context example
    Coding Tutorials Dev resources

    How to setup Mobx with react context

    Ranjith kumar June 29, 2020 16 Comments
  • Dev resources

    DayJS, An excellent alternative to MomentJS

    Ranjith kumar June 24, 2020 No Comments
  • Dev resources

    The Complete list of all MIME Types updated – 2020

    Ranjith kumar June 20, 2020 7 Comments
  • Dev resources UI School

    Site under maintenance page template – Free download

    Ranjith kumar October 31, 2017 3 Comments
  • moving wordpress
    Dev resources General

    How I migrated WordPress from Openshift to DigitalOcean

    Ranjith kumar September 6, 2017 No Comments

Mobx react context example
Coding Tutorials Dev resources

How to setup Mobx with react context

Ranjith kumar June 29, 2020 16 Comments JavascriptReactReact Native

Mobx is a Javascript library for state management. It is not specific to react but works great with react. Let’s see how to setup Mobx…

View More How to setup Mobx with react context
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
Quick tips for developers

Unable to format code in VSCode on MacOS using shortcut (solved)

Ranjith kumar January 4, 2021 No Comments developerdevelopmentmacvscode

I use VSCode as the preferred IDE always. I usually use the keyboard shortcut Option + Shift + F to format the code. I recently…

View More Unable to format code in VSCode on MacOS using shortcut (solved)
Coding Tutorials UI School

React UI tutorial – Building Instagram video player using HTML and CSS Flex

Ranjith kumar July 27, 2020 No Comments JavascriptReact

React tutorial – Build Instagram video player using ReactJS and Flex system of CSS. The main intention of this video is to show how to…

View More React UI tutorial – Building Instagram video player using HTML and CSS Flex
General

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

Tarun Nagar July 25, 2020 2 Comments dartmobile apps

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…

View More Why Google’s Flutter Is Perfect for Cross-Platform App Development
UI School

CSS Speech bubbles

Rajesh DN July 20, 2020 2 Comments csscss bubble shapescss speech bubblespure css speech bubbles

In this article, I’m going to show you guys how to create the different kinds of speech bubbles. In past creating a speech bubbles was…

View More CSS Speech bubbles
General Quick tips for developers

How to open emoji keyboard on Windows or Mac

Ranjith kumar July 17, 2020 No Comments Aside

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…

View More How to open emoji keyboard on Windows or Mac
Coding Tutorials Quick tips for developers

8 ways to optimize React native FlatList performance

Ranjith kumar July 16, 2020 5 Comments JavascriptReactReact Native

FlatList is the component in React native that is used to render a list of items. It works great for basic lists but FlatList will…

View More 8 ways to optimize React native FlatList performance
Quick tips for developers

React Native blank white screen issue (solved)

Ranjith kumar July 14, 2020 2 Comments JavascriptReactReact Native

Recently I started working with React Native and got a blank white screen after installing the example app. I generated a basic app using react-native…

View More React Native blank white screen issue (solved)
react native perf monitor
Quick tips for developers

React native perf monitor not showing up (solved)

Ranjith kumar July 8, 2020 No Comments

React native per monitor is very useful while debugging performance-related issues. I use it mainly to monitor FPS of scroll performance, animations, etc.

View More React native perf monitor not showing up (solved)

Posts navigation

Page 1 Page 2 … Page 10 Next page

Interesting stuff

General

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

Tarun Nagar July 25, 2020 2 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…

General

Super cool hexapod robot simulator with ReactJS

Ranjith kumar June 30, 2020 No Comments

Check out this super cool hexapod robot simulator. Its a browser based simulator built with React and Plotly

UI inspiration of the day

css shape-outside example
UI School

CSS shape-outside example to wrap text around image

Ranjith kumar January 7, 2021 No Comments

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

Latest video

Ad

Coding is Love | © Copyright All rights reserved