Variables in programming should be named to achieve one goal: to explain what it does and why it exists. Variables with good naming save time for all people because you already know what this variable stands for.

Meaningful and easy to pronounce variable names are much better than random names. It helps other developers to read your code without any problems

Better variable names

The proposal "Numeric Separators" allows underscores as separators in numeric literals, and it's a part of ES12.

Numeric separators allow using big numbers more transparently.

Underscore in numbers is called a numeric separator. It allows to use big numbers efficiently in javascript

Numeric separator

We can replace four lines of code with only one using shorthands!

- second part is our position of the background

- then we have a position-size separator 

- after the separator, we have background-size

This is not over! Background can have more properties:

Background shorthand is necessary while creating single-div illustrations.

CSS background has many properties. We can combine many lines with only one using shorthand. Let's see how to replace four major ones with only one line.

Better variable names

See more tips!

Background shorthand

Numeric separator

Hello, I'm a frontend developer with over ten years of experience, freelancer. I'm also a mentor for junior frontend developers. I live in Gdańsk, Poland and have two German Shepherds named Ramen and Ceres. I wrote a book for Junior Frontend developers called Frontend Unicorn.