Issue 70

News

Issue 70

Written in the cafe of a co-working space in Singapore is issue 70 of CSS Layout News, however assuming air travel is kind to me I should be back in the UK by the time it goes out. I've been here for CSSConf.asia, where I spoke about CSS Layout and had a very enjoyable day hearing from some excellent speakers. My slides and code are here. I enjoyed the conversations I had with people from this part of the world too.

One of the videos this week is from the Talk.css meetup here in SIngapore. I attended and was part of a panel despite being very jetlagged! Before the panel Chen Hui Jing presented on Chinese Typography, and I learned a lot of things that I didn't know about Chinese type and fonts.

Rachel Andrew, CSS Layout News


Grid Layout now enabled by default in Chrome Canary

If you use Canary, you can now use Grid Layout without needing to Enable "Experimental Web Platform Features". This is the first step in grid becoming available without flags in Chrome proper next year.

googlesource.com

Learn

Should I try to use the IE implementation of CSS Grid Layout?

I was asked whether it would be possible to use Autoprefixer or similar to map the up to date Grid Layout specification to the outdated IE10/11/Edge implementation. As always "it depends", but here are all the details of what is different between the two.

rachelandrew.co.uk


Video: a Chinese Typography Experiment

"Left-to-right isn't the only writing mode around, even though it may seem like the most common one on the web. The world writes in all directions, and the web should be able to do that too. Let's talk about that."

engineers.sg


Is CSS Flexbox ready for prime time yet? – Medium

TL:DR yes - however this article has a few interesting tips and tricks - especially if you are unsure if you can use flexbox yet.

medium.com


Next Level CSS - ffconf video

This is a video of my talk from ffconf in Brighton. More than just layout but, as you can imagine, a good chunk of Grid, Box Alignment, Shapes and Feature Queries.

youtube.com


the new code – Fixed Scrolling Disappearing Banner

A nice tutorial demonstrating how to create a "fixed scrolling disappearing banner".

thenewcode.com

Interesting

Containing floated children with `clear-after` (modern clearfix) - CSS - WICG

Discussion on the WICG about clearing floats - should there be a better way to do a "clearfix"?

wicg.io


This has been shared around quite a bit in the last week but is a useful reference.

cssreference.io


A modern CSS reset (with caveats) – Ben Frain

A short post about the all property, which could enable a more modern "CSS Reset". Read the notes however!

benfrain.com

Our Sponsor

Friendly UK Cloud Hosting by Bytemark

Your beautiful web apps need a simple, reliable back-end. Join the smart accessible company of sites like luzme.com, traintimes.org.uk and mysociety.org, all of whom use our UK-owned data centres and cloud servers. We built our whole stack ourselves down to the data centre, and offer phone support - so there's no hosting problems we can't solve. Our cloud servers start at £10/month so call today, or sign up online to get a one month free trial.

bytemark.co.uk