Photo by Fabian Gieske on Unsplash

BEM stands for Block Element Modifier

Preprocessors are a great thing and they are providing us with a lot of benefits, and most importantly are a perfect match with BEM naming methodology.

BEM is a specific concrete application of OOCSS(Object Oriented CSS).

It speeds up the development process by arranging CSS classes into independent modules.

Block: A block represents an object on your website. It represents the main structural chunks of your code. For eg: Header, Menu, Search Form, Card listing.

// Blocks are named as standard CSS classes
.block {}

Element: An element is a component within the block…


Integrating GSAP with your React application

What you’ll be able to do

Demo

Installing GSAP

I like to install GSAP using npm. If you’d prefer to use yarn or another method, check out the various installation methods in the GSAP docs.

$ npm install gsap

Next you’ll import GSAP at the head of the file, here we are going to use TweenMax and Power3.

import { TweenMax, Power3 } from 'gsap'

Now your file is ready to call GSAP methods.

You have to be familiar with how React Hooks work before you try out this tutorial. Next, import the react hooks.

import React, { useRef, useEffect, useState } from…


What is Emotion?

Photo by Tengyart on Unsplash

Well, I cant deny that the name of the library also caught my attention to look more into it. The above image demonstrates emotions in expressions!

Likewise EmotionJS use expressions to effectively build styles of UI components in an application.


Quite A lot!! Isn’t it?

The most is through some random quotes that we see, one such example is below:

A clock communicating with a countdown timer, saying even you have to enjoy the now even if you are programmed otherwise.
A clock communicating with a countdown timer, saying even you have to enjoy the now even if you are programmed otherwise.

Inspire comes from the Latin word that means to inflame or to blow in to.

A coal with high potential energy needs an extra push to get it all fired up, likewise to get inspired we need a feeling of enthusiasm that we can get from someone or something, which can turn us into a conceptualist who can create productive ideas.

I would like to share my insights here while I was taking a certification on HCD(Human Centred Design) from

Aarushi Lal

A UI person by profession, often fascinated with the world around. Loves to delineate a story , a moment or a thought via sketch or camera.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store