Issue 41

News

Issue 41

Hello from Budapest! Tomorrow I am presenting on CSS Layout at CSS Conf Budapest and looking forward to watching all of the other talks on the line-up, it should be a good day with a really interesting schedule of talks. I'll link up any interesting slides and resources next week.

Rachel Andrew, CSS Layout News


CSS Grid Layout Module Level 1 - Subgrid

The CSS Grid Layout Editor's Draft has now been updated with the new definition of subgrid.

You can read my explanation of this revision here, in the specification are points for discussion. If you feel you have something to add to that discussion post to www-style.

csswg.org


Dev.Opera — What’s new in Chromium 50 and Opera 37

All the details of what is included in Chromium 50 - including the CSS Multiple Column Layout column-fill property.

opera.com

Learn

UX: Infinite Scrolling vs. Pagination — UX Planet

An exploration of whether to choose pagination or infinite scrolling from a user experience viewpoint.

uxplanet.org


Optimizing for Large-Scale Displays | CSS-Tricks

We talk a lot about responsive design for small screens - but what about really large screens? Here is a useful article explaining the challenges of designing for large screens and how to best make use of that extra screen real estate.

css-tricks.com


How to Implement Smooth Scrolling in Vanilla JavaScript

An article on smooth scrolling using JavaScript that also mentions the native CSS Object Model scroll-behavior property.

sitepoint.com


On Design Systems: Sell The Output, Not The Workflow – Smashing Magazine

An article on selling design systems to clients.

"As designers and developers, we often know and see the benefits of an overarching system that radiates consistency throughout the different experiences of a company. But sometimes it’s seen as a very unpredictable investment, and the value isn’t necessarily visible right away."

I'm currently very interested in design systems, pattern libraries and the concept of breaking down design into components. So while this isn't primarily a layout article, it speaks to a direct that I think layout is moving in. Away from considering pages and screens and towards a focus on the components and how those behave in different environments.

smashingmagazine.com

Interesting

google/flexbox-layout: Flexbox for Android

Google have released a library which brings the capabilities of Flexbox to Android. For anyone who works both on the web and for Android this looks very useful!

github.com

Our Sponsor

Never be confused by layout issues again!

If developing a layout seems to mostly consist of trial and error, or you are relying on a framework in order to make layouts that work, I have a course for you. Throughout this video course I'll explain the mysterious aspects of CSS, giving you a solid foundation to create the layouts you want.

Purchasing a course also gives you access to our private Slack Community, discuss the things you are learning or any problems you have with other people doing the course - and me!

thecssworkshop.com