03 JUL 2018

Issue 153

CSS Logical Properties coming to Chrome, Grid Level 2, the ch unit.



News

Issue 154

I'm a little late sending this out this week as I'm in Australia - where it is actually early morning Wednesday as I write this intro. I'm here for the CSS Working Group meeting. Timezones are strange!

A few interesting bits this week, I'm really pleased to see that Logical Properties are on their way into Chrome, and I've also published a bit of an intro to subgrid as it currently stands in the Level 2 of the grid spec.

Next week I'll be back in the UK, with a little break from the hectic travel of the last few months!

Rachel Andrew, CSS Layout News


Logical Properties are in the process of being implemented in Chrome, these are already usable in Firefox. Linked in the Chrome Status is an article I published on Smashing about Logical Properties and values which contains a bunch of demos that currently work in Firefox but will hopefully soon be working in Chrome.

Learn

There has been a lot of activity recently on Level 2 of the Grid Layout spec, so I wrote an article explaining what the spec covers so far. None of this is available in browsers yet, and may well change!


Eric explains what the ch unit actually is. I use it quite a bit and in practice find that most of the time you don't really care if the content is exactly x characters wide, as with most things on the web it's kind of best to assume most things are a suggestion.


A rundown of ways to fit text into a container on CSS Tricks.


A great look at sticky elements and whether or not they are a good idea to use in various contexts. It doesn't come up with a perfect solution, but the interesting thing here for me is the thinking through the solution rather than just implementing it.

Our Sponsor

With new lessons and updates for 2018, I've distilled my knowledge about CSS Layout into this training course. This course has something for you if you are new to CSS, have been using frameworks for a while and want to understand how they work, or have been doing this for a while but want to understand the newer layout methods. The course includes video tutorials, text explanations and all the starting points to follow along.

The full table of contents gives an overview of what you can learn - at your own pace. We also have a Slack community where you can ask questions about the course materials.

Enjoyed this article?

Join our free newsletter and never miss an update.


Related Articles