Issue 2

News

Issue 2

Thank you for reading CSS Layout News. If you enjoy this collection of links, articles and news please tell your friends and colleagues.

If you spot something you think would be a good fit for the newsletter, or perhaps have written or created something yourself reply and let me know. I'd love to include it in a future email.

CSS Layout News


Updated Working Draft of CSS Grid Layout Module Level 1

The Working Draft of CSS Grid Layout has been updated. This includes the new row-gap and column-gap features I describe in my post - Solving the Gutter Problem.

w3.org


CSS WG Blog – CSS Grid Layout Update, Request for Comments

On the CSS Working Group Blog a Request for Comments on this latest Working Draft:

"We hope to close the remaining issues over the next month and prepare to issue a Candidate Recommendation this fall, so please review the draft and the issues and send feedback! We want to make everyone happy, but that won’t happen if you complain after we’re done and everyone’s already shipped their implementations and you only bother to tell us you don’t like something two years later, yeah? So review now, and complain sooner rather than later." - fantasai

w3.org


Surfin' Safari - Blog Archive » Introducing Backdrop Filters

Backdrop Filters are currently in the Editor’s Draft of the CSS Filters Level 2 specification, and allow you to create blurred background effects. Take a look in this blog post.

webkit.org


Flexbox Spec Workshop | Think Brownstone

If you are in Philadelphia, are at an advanced level with CSS and want to contribute to the flexbox specification take a look at this workshop with Fantasai.

thinkbrownstone.com

Learn

Flexbox Tutorial

A free email course on Flexbox with video tutorials and more.

sketchingwithcss.com


Grid by Example

With lots of Grid news this week, a link to my own project Grid by Example. This is my collection of small examples of CSS Grid Layout and larger worked layouts.

gridbyexample.com


Back to Basics - Learn CSS Layout

While much of this email will be dedicated to the latest and greatest layout techniques, there is much to be said for making sure you also know the basics. If you think you might need a refresher, or know someone just getting started here's a guide.

learnlayout.com


Designing for Performance by Lara Callender Hogan

Lara has made this book available free of charge in HTML format. While not specifically about layout, this is a great reference for anyone building webpages. It's important that while we consider how to achieve the layout we want, with support for the browsers we need to support, we also think about performance.

designingforperformance.com

Interesting

Responsive Design Weekly

Another email newsletter to check out is Responsive Design Weekly. I always find something of interest in this email.

responsivedesignweekly.com


Flexbugs

A community curated list of flexbox bugs and workarounds.

github.com

Our Sponsor

A CMS created for people who love the web

Have you ever felt that your CMS is holding you back, forcing you to use certain markup or inserting ugly code? Perch will be a breath of fresh air! Design and develop your way, with a CMS that supports you and your clients.

grabaperch.com