Html6 and css4 : let's see what awaits us in the future

A look at the past

Html5 which stands for Web Hypertext Application Technology Working and the 5 stands for the current version was published by the W3C Recommendation in October 2014 while for the CSS3 Cascading Style Sheets in circulation since 2013 (with various modules developed in previous years, however ).

To understand what will be added (just a glance, surely there will be more features over time) you need to understand what the HTML5 has been and is currently for the web. This version (5) was developed in semantic perspective to facilitate the interpretation of the elements to the various crawlers to analyze, understand and provide information to users, among the main tags we see:

  • For the structure: <section> , <article> , <nav> , <header> , <footer> , <aside> e <hgroup>
  • For the graphic: <svg> e <canvas>
  • For the multimedia: <audio>> e <video>

There are also new semantic elements that increase the amount of valid elements such as: <mark>, <figure>, <figcaption>, <data>, <time>, <output>, <progress>, o <meter> . But this is not just this, because these tags together with the API's made available can interact in a completely new way (compared to HMTL4) with JavaScript that is increasingly present on websites, both for animations and for development of SPA (Single Page Application) thanks also to the rapid development of frameworks and not such as Angular, React, VueJs and whoever has more, puts on it, let's just say that these are the most requested in the workplace.

CSS3 the latest evolution of style sheets to make this web more and more avant-garde for both developers and graphic designers, integrating different specifications, that if years ago you had to resort to PNGs today you can certainly make it more dynamic and give the possibility to these 2 figures (graphic designers and web developers) more and more independence from each other with specifications such as:

  • new selectors and pseudo-classes;
  • new properties and methods for managing colors and transparencies;
  • new properties for managing backgrounds and borders;
  • possibility of using non-standard fonts (@ font-face);
  • ability to create multi-column layouts;
  • possibility to define ad hoc style sheets based on the characteristics of the device in use (media queries)
  • dynamic effects such as transitions, transformations and animations

If to date they seem trivial and obvious, there have been days when the web and graphics were not doing really well, fighting to ensure the performance, maintainability and graphics of a website. To date with these specifications and others it is possible to admire real works of art created through CSS3 with the reproduction of objects of a certain complexity, paintings, and who knows how many other things are in the pipeline and we could admire a tomorrow, this only to tell you already how powerful the "simple" css is and even if it can be defined as simple by programmers, I am of the opinion that depending on how you use (and take full advantage of) something comes out of the potential and complexity of anything, I add even if the servers at our disposal are increasingly performing even at low cost optimization of the css port its benefits (obviously this is not enough, but together with an excellent html structure and perhaps optimized JavaScript) you can have websites that load in a short time and most importantly the end user is happier and will prefer it for the same offe rta of the site / platform compared to a competitor.

A look into the future to find out the directions

No! I'm not Doc Emmett Brown

The focus of this new article (yes I know it was a lot that I wasn't writing) is precisely to see what awaits us tomorrow, so as to be ready and not find ourselves unprepared.

HTML6 let's see what to expect from this new version. Surely you are wondering when we can expect this new version of HTML5? Well, WHATWG, the standards body that guides changes to HTML specifications, has decided to implement a different approach from how we are used to understanding updates, this means that a big "HTML6" update is unlikely to come in the future, as now small changes to the specifications occur more frequently, doing so you have time to implement new functions and give developers the opportunity to adapt gradually with the addition of tags (then you must always check the compatibility with the various browsers). Among the features that I find interesting there are:

Native modals :

<dialog open>
  <p>This a supermodal HTML</p>
</dialog>

  <dialog>
      <form method="dialog">
        <input type="submit" value="Si" />
        <input type="submit" value="No" />
      </form>
</dialog>

Better menu management:

<menu type="toolbar">
  <li><button>Cut</button></li>
  <li><button>Copy</button></li>
  <li><button>Paste</button></li>
</menu>

Resize the image:
Experts believe that an update is coming that would allow browsers to resize the image for better viewing. Browsers have difficulty showing the optimal image size for the device and window size. The tag src and tag img are not very powerful to handle this problem. In reality there would already be the possibility of using the srcset tag. This tag allows you to insert different images based on the min and max width, it could be expanded with new functions (even if it is already so excellent), over time it we find out.

<picture>
      <source media="(max-width: 1920px)" srcset="img_flowers.jpg">
      <source media="(max-width: 414px)" srcset="img_flower.jpg">
      <img src="img_flowers.jpg" alt="Flowers">
</picture>

Integrated camera:
It would allow you to make the best use of the camera and multimedia content on our device. We may be able to control the camera, its effects, modes, panoramic images, HDR and other things.

Authentication improvement:
While HTML5 isn't bad in terms of security, browsers and web technologies also offer reasonable protection. Without a doubt, more could be done in the field of authentication and security. Use embedded keys instead of cookies, improve digital signature, etc. People and groups have many solutions to offer, it will depend on WHATWG to accept or reject them.

CSS4 is now his turn. First, however, there are some fundamental quotes: The first of Tab Atkins nel 2012: "There will never be a CSS4."

The second of Rachel Andrew nel 2016: "While referring to all new CSS as CSS3 worked for a short time, it doesn’t reflect the reality of where CSS is today. If you read something about CSS3 Selectors, then what is actually being described is something that is part of the CSS Selectors Level 3 specification. In fact CSS Selectors is one of the specifications that is marked as completed and a Recommendation. The CSS Working Group is now working on Selectors Level 4 with new proposed features plus the selectors that were part of Level 3 (and CSS 1 and 2). It’s not CSS4, but Level 4 of a single specification. One small part of CSS."

The third of Jen Simmons nel 2018: "Many people are waiting for CSS4 to come out. Where is it? When will it arrive? The answer is never. CSS4 will never happen. It's not actually a thing."

This could be enough for the section related to "CSS4", but here's the twist (or maybe not? 😂 ), Peter-Paul Koch nel 2020: "I am proposing that we web developers, supported by the W3C CSS WG, start saying “CSS4 is here!” and excitedly chatter about how it will hit the market any moment now and transform the practice of CSS.

Of course “CSS4” has no technical meaning whatsoever. All current CSS specifications have their own specific versions ranging from 1 to 4, but CSS as a whole does not have a version, and it doesn’t need one, either.

Regardless of what we say or do, CSS 4 will not hit the market and will not transform anything. It also does not describe any technical reality.

Then why do it? For the marketing effect."

The CONCLUSIONS?:
Well as far as I can tell, it seems that the path taken is not to think about the number of versions (as is the case with operating systems) and to come out with some big updates, but as I wrote at the beginning of the article, rather to introduce news as I go that are developed (and obviously approved by the W3C).