Extensible CSS with Houdini, more Flexbox, Shapes and Grid
Last week I was attending the CSS Working Group meeting in Paris, as an observer. I was mostly there due to my interest in the CSS Grid Layout specification, and I'll write up some of my thoughts next week. It was interesting to listen to all of the discussions and hear about early-stage specs such as CSS Round Display, a draft specification for CSS on round displays such as round watches.
If you enjoy this newsletter please tell your friends, and do send me anything that you write or spot that is relevant to the world of CSS Layout.
CSS Layout News
Dev.Opera — Sex, Houdini and the Extensible Web
After the CSS WG meeting days there were two days dedicated to a new project called Houdini. Houdini aims to change the web by describing the "magic" of CSS and exposing new APIs to make polyfilling the web and inventing new CSS features easier. It's very early days but this article gives some background and links if this sounds like a project you would be interested in.
Responsive Images 101, Part 9: Image Breakpoints Cloud Four Blog
Part of a series of responsive images posts, an in-depth look at image breakpoints.
The future of layout with CSS: Grid Layouts — Medium
Great to see more people writing about CSS Grid Layout. Here's an article by Patrick Brosset on the subject.
CSS vs. SVG: Shapes and Arbitrarily-Shaped UI Components
Another excellent article by Sara Soueidan describing techniques for creating non-rectangular UI elements.
A post from Sarah Parmenter detailing her experiences learning to use Flexbox.
Responsive Upscaling: Large-Screen E-Commerce Design – Smashing Magazine
We talk a lot about designing for tiny screens - but what about huge screens? Some interesting points about designing e-commerce for large screens.
A CMS for front-end developers
With a simple, elegant template language that leaves you in control of your markup and CSS, Perch is a CMS that works with you and the way you want to create websites.
CSS Layout News Newsletter
Join the newsletter to receive the latest updates in your inbox.