This week we have inspiration in magazine layout designs and typography with mixed writing modes. I've also included a couple of interesting presentation videos.
Later this week I am heading up to Newcastle upon Tyne, the city I was born and grew up in, to present at a meetup there, followed by a short hop to Lisbon. My calendar for this year is slowly filling up. I'm really excited about sharing my thoughts on layout as we finally get to a point where we have grid in browsers. Also to see what people do with it in production. If you are doing something interesting let me know!
Rachel Andrew, CSS Layout News
A video from the SingaporeCSS meetup. Chen Hui Jing shares her experiments with grid and writing modes.
If you think you have found a browser bug, you can report it. It's especially import to do so with specifications like CSS Grid Layout that are still in beta versions of browsers. I wrote a quick post explaining how to go about that.
An introduction to CSS Grid Layout on Google Developers.
In this 60-minute video captured live at An Event Apart Austin, Brad Frost introduces atomic design, a methodology for creating robust design systems. Brad covers how to apply atomic design to implement your very own design system in order to set you, your organization, and your clients up for success.
For inspiration if you are playing with writing modes, a collection of examples of the use of mixed writing mode typography. I love the use of space in these. Via HJ Chen.
A CodePen Collection of Magazine style layouts made with CSS. Via the CodePen Spark email.
A collection of repeatable SVG background patterns for you to use on your digital projects.
Sent to me via email this week was this pen by Umberto Junior, creating a responsive version of the HFG Ulm Journal from 1955.
Content management systems so often get in the way of great design and experiences. They force your site into a certain structure. They make you store content in ways that make no sense in terms of the content - or to the people managing it. They sometimes even dictate the HTML or the front-end tools and techniques you can use.
Perch Runway is different.
Perch Runway takes a toolkit approach to content management. You remain in control. Create the site that meets your requirements and also an administration experience that will ensure that content editors can maintain and improve on the site after handover.
CSS Layout News Newsletter
Join the newsletter to receive the latest updates in your inbox.