Skip to content

Issue 148

A new Working Draft for multi-column layout, a CSS Layout guide, CSS Grid and margin collapsing

Rachel Andrew
2 min read

News

Issue 148

Hello!

with yesterday being a holiday in the UK and USA, I am having problems remembering that it is Tuesday. This is despite the fact that I worked all of yesterday! However, Tuesday it is and so here is another CSS Layout News. One of the things I did yesterday was publish a new Working Draft of Multi-column layout with a bunch of edits made over the past few months.

I've also set up a Patreon, as part of my ongoing attempt to find ways to make working on CSS as an independent person possible. If you have found anything I do helpful, then perhaps you would consider supporting me.

Sponsoring this newsletter is another way to support the things I am doing, and this week we can say thank you to Smashing Conf for doing just that. Do have a look at the upcoming conferences, I'll be in Toronto with a talk and workshop, I'd love to see you there.

CSS Layout News


CSS WG Blog – CSS Multi-column Layout Level 1 updated Working Draft

Yesterday I published an update to the Multi-column Layout specification. This post links to the updated spec, changes section and explains how to provide feedback - and feedback is welcome.

w3.org

Learn

Getting Started With CSS Layout — Smashing Magazine

Something I am planning over at Smashing Magazine is to publish some in-depth guides to things web designers and developers might need to know, with the target audience being professionals who need to get quickly up to speed with some part of the stack, or refresh their knowledge. To get the ball rolling here is my guide to CSS Layout.

smashingmagazine.com


Creating The Feature Queries Manager DevTools Extension — Smashing Magazine

An article explaining the Feature Queries Manager DevTools extension, which is also a useful introduction to writing DevTools extensions, if you want to create something yourself.

smashingmagazine.com


CSS Grid Eliminates Margin Collapsing?!? - YouTube

Jen Simmons explains CSS Grid and (the lack of) margin collapsing.

youtube.com


Refactoring UI

As a developer who sometimes finds herself having to design things, this is a really useful site.

Learn how to design awesome UIs by yourself using specific tactics explained from a developer's point-of-view.

refactoringui.com


Building a responsive image – 9elements – Medium

Interesting article on creating a logo that can respond to its own aspect ratio.

medium.com

Interesting

GoogleChromeLabs/css-paint-polyfill

:A polyfill for the CSS Paint API, with special browser optimizations.

github.com

Our Sponsor

Smashing Conference Toronto - June 26-27 #noslides

Smashing Conference Toronto - June 26-27 #noslides

What would be the best way to learn and improve your skills? By watching designers and developers over their shoulder! At SmashingConf Toronto (June 26–27), we'll do precisely that. All talks will be interactive design and coding sessions with speakers such as Dan Mall, Lea Verou, and Sara Soueidan where they show how to design and build things — including pattern libraries' setup, design workflows, debugging, naming conventions, and everything in between. Check all speakers →

smashingconf.com

Newsletter