What’s been happening with HTML and CSS?
Just like having the ability to speak a foreign language, this sort of skill is helpful in almost all professions. HTML and CSS are the foundational languages of the web. As web professionals we should know what updates are taking place in HTML and CSS world. I came across few articles about what’s new about both CSS grid and HTML.
CSS Grid Layout excels at dividing a page into major regions, or defining the relationship in terms of size, position, and layer, between parts of a control built from HTML primitives.
Like tables, grid layout enables an author to align elements into columns and rows. However, many more layouts are either possible or easier with CSS grid than they were with tables (and they are much more accessible). For example, a grid container’s child elements could position themselves so they actually overlap and layer, similar to CSS positioned elements. For aspiring web professionals, here is a basic example of CSS Grid and also a reference to grid properties, functions.
CSS flexbox and grid
Rachel Andrew is a front and back-end web developer, one half of the company behind Perch CMS, and Editor in Chief of Smashing Magazine. She is a Google Developer Expert for web technologies and a W3C Invited Expert to the CSS Working Group, where she is co-editor of the Multi-column Layout spec. In this article she provides new flexbox guides on MDN. With that material updated, she thought it would be nice to complete the documentation with similar guides for Flexbox, and so she updated the existing material to reflect the core use cases of Flexbox.
In another article – How To Approach CSS layouts in 2017 and beyond – by Ohans Emmanuel we found good reviews of:
- How CSS layouts were handled before now.
- The differences between the past approaches & the modern standards
- How you can get started with the new standards today (Flexbox and Grid)
- Why you should care about these modern standards
Paul Krill recently focused on HTML5.2. – What’s new in HTML5.2? The latest version of the core web specification gets security, commerce, and accessibility improvements.
HTML5.2, an upgrade to the core HTML5 specification providing the structure of web pages, is now released by the World Wide Web Consortium (W3C) and includes enhancements for security and commerce. You ca n read the specification online at the W3C website.
Here is the link What’s new in HTML5.2
For those who wish to learn more about CSS trends, we recommend these links:
- CSS Controls
- The Future Belongs to CSS – “Made with love, CSS Grid, A little flexbox, Sass, and position: sticky”
- W3.CSS Trends
If you aspire to be a web professional and don’t know where to start, we offer a number of beginning classes to our members via our School Of Web learning management system. As a member, your first class is free.