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.
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.
Learn
UX: Infinite Scrolling vs. Pagination — UX Planet
An exploration of whether to choose pagination or infinite scrolling from a user experience viewpoint.
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.
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.
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.
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!
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!