Skip to content

Issue 79

Videos on grid layout and Atomic Design plus inspiration in the form of magazine layouts and mixed writing modes

Rachel Andrew
2 min read


Issue 79

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


CSS Grid and Writing Modes

A video from the SingaporeCSS meetup. Chen Hui Jing shares her experiments with grid and writing modes.

Reporting Browser Bugs

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.

CSS Grid – Table layout is back. Be there and be square.

An introduction to CSS Grid Layout on Google Developers.

An Event Apart News: Atomic Design by Brad Frost—An Event Apart video

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.


Tengis Type - issuu

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.

Magazine Layouts - a Collection by Anastasia Lanz on CodePen

A CodePen Collection of Magazine style layouts made with CSS. Via the CodePen Spark email.

Hero Patterns - Repeatable SVG Background Patterns

A collection of repeatable SVG background patterns for you to use on your digital projects.

Responsive HFG Ulm Journal with CSS Grid

Sent to me via email this week was this pen by Umberto Junior, creating a responsive version of the HFG Ulm Journal from 1955.

Our Sponsor

Powerful developer tools - simplicity for your clients

Powerful developer tools - simplicity for your clients

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.