Issue 91

News

Issue 91

I'm in an airport hotel having arrived late last night back from Tokyo and the CSS Working Group meeting.  Three days of discussing the finer points of CSS was intense, but very enjoyable. I am always struck by how much work goes into the tiniest of details. It has to, once CSS is out there and in use, it is almost impossible to go back.

Conference season continues however, so I've not got a lot of time at home before Berlin and CSSConf EU. One of my favourite conferences and in my favourite city. I'm going to be talking about where CSS comes from, which is timely having just come back from a meeting where CSS was quite literally being made! I hope to see some of you in Berlin - if you enjoy reading this email, come and say hello.

Rachel Andrew, CSS Layout News


Breaking Borders - Bi-monthly events based in Reading, UK

Near Reading in the UK? There are free tickets available for Breaking Borders tomorrow night. I'll be talking about Grid (while very jetlagged no doubt).

breakingborde.rs


Firefox 53: Quantum Compositor, Compact Themes, CSS Masks, and More

Firefox 53 is out. One of the features is display: flow-root, which I have detailed in this post.

mozilla.org


New in Chrome 58  |  Web  |  Google Developers

You will also find display: flow-root in Chrome 58. I am really enjoying seeing these features get into browsers so quickly.

google.com

Learn

Spring Into CSS Grid 🌼

Nice grid tutorial with really cute illustrations.

jonibologna.com


Eric's Archived Thoughts: Grid-Powered Drop Quotes

A post about drop quotes using CSS Grid Layout, and also a follow up post here.

meyerweb.com


Refer to the spec: What is all that stuff at the top of the spec?

I am going to be working through the grid specification, trying to explain all of that terminology as I go. This will hopefully help you understand how to read any spec, not just Grid. In this post I'm explaining the legal sounding stuff at the top of CSS specifications.

rachelandrew.co.uk


Between the Lines | CSS-Tricks

"Media queries are great for changing values in sudden snaps at different screen sizes. But, combining the power of calc() and viewport units like vw and vh , we can get an awful lot of fluidity across our layouts. For this we'll use a technique called linear interpolation."

css-tricks.com

Interesting

Pure CSS crossword - CSS Grid

This is fun - a crossword puzzle laid out with CSS Grid.

codepen.io


Stickybits

A lightweight alternative to position: sticky polyfills.

github.io

Our Sponsor

Powerful developer tools - ease of use for your client

Content management systems so often get in the way of great design and experiences. They force your site into a certain structure. They make you store content in ways that make no sense in terms of the content - or to the people managing it. They sometimes even dictate the HTML or the front-end tools and techniques you can use.

Perch Runway is different.

Perch Runway takes a toolkit approach to content management. You remain in control. Create the site that meets your requirements and also an administration experience that will ensure that content editors can maintain and improve on the site after handover.

perchrunway.com