Skip to content

Issue 71

The return of 24 Ways, CSS Grid highlighter in Firefox, CSS breakpoints and technical debt

Rachel Andrew
2 min read


Issue 71

I'm at my last conference of the year - ConFoo in Vancouver. Today I'll be presenting on new CSS layout and tomorrow on interesting new things more generally in the CSS specifications.

I'm looking forward to a few weeks at home over Christmas, we're closing in on our launch of Perch 3 so I have a bunch of CSS to wrangle for the UI, making sure it all plays nicely in the older browsers people find their clients still using to manage their websites.

In other news 24 Ways is under way for Advent, bringing a new web design or development related article each day. The pattern library used for the site is live at This uses the excellent Fractal, and the design and front-end development work is by Paul Robert Lloyd.

Rachel Andrew, CSS Layout News

CSS Grid and Grid Highlighter Now in Firefox Developer Edition

Firefox Developer edition now includes the CSS Grid Highlighter, this posts details some of the things that will be coming to the tool, but it is already very useful if you are learning Grid.


The 100% correct way to do CSS breakpoints

This has been shared around a lot, but is a great explanation of how to choose your CSS breakpoints.

We Need to Talk About Technical Debt ◆ 24 ways

24 Ways is back, in this post Harry Roberts talks about the concept of technical debt with a focus on front-end development and CSS.

Build interactive emails with CSS – net magazine – Medium

Mark Robbins shows you how to create JavaScript-like functionality in HTML email campaigns with just CSS

Multi-line Padded Text with the CSS box-decoration-break Property - Call Me Nick

An explanation and demo of the box-decoration-break CSS property.


Eric's Archived Thoughts: CSS Grid!

Eric Meyer writes in a Q&A format about CSS Grid Layout.

Enhancing Grid Design With GuideGuide, A Plugin For Photoshop And Illustrator – Smashing Magazine

This looks useful if your grid-based designs start life in Photoshop or Illustrator.

Our Sponsor

A CMS built for speed and flexibility. Find out why so many people love Perch.

A CMS built for speed and flexibility. Find out why so many people love Perch.

We believe that content management systems should manage content really really well, and leave the design and front-end code to you. That's why when you use Perch or Perch Runway you have full control of everything the CMS outputs.

With Perch and Perch Runway 3 now announced and shipping soon, with a redesigned UI and features such as a headless CMS mode, this is the perfect time to Grab a Perch.