CSS (Cascade Stylesheets or cascading Style Sheets) is the language interpreted by browsers to give styles to a web page (HTML document). Currently it is the only way to style a page, so you can see how important it is. Basically, without CSS all web pages would look something like this: http: //help.websiteos.com/websiteos/example_of_a_simple_html_page.htm .

Since the inception of web pages, developers have devised several ways to style their page despite the limitations, from converting a page in a giant table and add content in their cells, to put all kinds of animations and movement using Flash. You can get an idea of ​​how the web design has evolved by visiting the following link: http: //fabianburghardt. de /webolution /.

A more efficient and useful way to style a web page was increasingly necessary, since they were the way to sell a product or show a company to the world in a really effective way. And without a good design, it was difficult to reach the end user, as well as attract attention. Therefore, little by little CSS was growing and was adding very useful functionalities, but no specification has been as important as CSS3, and today I explain why:

CSS3 & nbsp; It integrated a great amount of functionalities without which today we do not perceive any web page. Some of them were background images, & nbsp; RGBA or HSL , shaded and many other things related to ways of doing a much more striking and attractive page.

But, undoubtedly, 3 of the most important features that have contributed CSS3 are the following:

  1. Animations and transitions: & nbsp; Before CSS3, all animation had to be done through programs such as Flash. Thanks to CSS3 we can do all kinds of animations without relying on external programs and in a really simple and beautiful way. This is a great advantage for the users, but above all for the developers, since they could make their page much more attractive and visual thanks to it.
  2. Display: flex : & nbsp; Positioning elements has always been something that has brought a lot of headaches to web developers, but thanks to the display: flex property CSS3 that will not happen anymore (or at least not so much), since it allows to position any element in practically any way, or different elements evenly separated, etc.
  3. Media queries: & nbsp; The biggest priority currently when developing a web page is how the page will look on a mobile device , either a smartphone & nbsp; or a tablet . For this reason, media queries are a really useful tool, since they allow us to apply different styles depending on the size of the device from which the page is accessed. This, as you can imagine, opens the doors to completely different designs for the different devices.

These are just some of the functionalities that the specification provides CSS3, but certainly they are really important. Every page of today should implement these functionalities to be considered a good web page (although it is not enough with just that).

Old way of creating Objects function Dog (name) { this.name = name; } var pulgas = new Perro('Doggie'); ES6 Classes class Perro { constructor (name) { this.name = name; } } let pulgas = new Perro('Doggie');

And well, those are some of the novelties that give us the current JavaScript standard. Today many (if not all) are fully compatible with current browsers, so you should not worry about using these new features.