The transform property gives us a way to position and alter elements. It comes in two settings: 2-Dimensional and 3-Dimensional. Each of those comes with different settings and properties, we’ll take a look at both of them in this tutorial

Support-wise, most of the modern browsers support the transform property. It's recommended to use the vendor prefixes on every instance of transform property. So, to make a div 1.5 times the original size, you would write:

div {
  -webkit-transform: scale(1.5);
     -moz-transform: scale(1.5);
       -o-transform: scale(1.5);
          transform: scale(1.5);
}

Usage-wise, transform is mainly used in custom animations which are built using @keyframes css property. You can read more about animations in our tutorial here: CSS Transitions and Animations.

Syntax-wise, transform property has multiple sub-pro...

ES7, officially known as ECMAScript 2016, was finalized in June 2016.

Compared to ES6, ES7 is a tiny release for JavaScript, containing just two features:

• Array.prototype.includes
• Exponentiation Operator

Array.prototype.includes()

This feature introduces a more readable syntax for checking if an array contains an element.

With ES6 and lower, to check if an array contained an element you had to use indexOf, which checks the index in the array, and returns -1 if the element is not there.

Since -1 is evaluated as a true value, you could not do for example

if (![1,2].indexOf(3)) {

Whenever you read about JavaScript you'll inevitably see one of these terms:

• ES3
• ES5
• ES6
• ES7
• ES8
• ES2015
• ES2016
• ES2017
• ECMAScript 2017
• ECMAScript 2016
• ECMAScript 2015

In this lesson, you’ll learn 10 tips for better CSS:

Use comments to break up the document

Once you have a lot of styles in a CSS document, it becomes a huge mess of class names and semicolons that is nearly impossible to read.

To make it easier to go through your CSS document later, you can break up the document into sections or categories, like Base Styles, Text Styles, Backgrounds, etc.

At the top of each section in your CSS document, you can add a CSS comment to write the title of the section. CSS comments start with /* and end with */.

/* Base Styles */
 
body {
    /* Styles go here. */