Issue 71
The return of 24 Ways, CSS Grid highlighter in Firefox, CSS breakpoints and technical debt
News
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 bits.24ways.org. This uses the excellent Fractal, and the design and front-end development work is by Paul Robert Lloyd.
Rachel Andrew, CSS Layout News
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.
Learn
This has been shared around a lot, but is a great explanation of how to choose your CSS breakpoints.
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.
Mark Robbins shows you how to create JavaScript-like functionality in HTML email campaigns with just CSS
An explanation and demo of the box-decoration-break CSS property.
Interesting
Eric Meyer writes in a Q&A format about CSS Grid Layout.
This looks useful if your grid-based designs start life in Photoshop or Illustrator.
Our Sponsor
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.