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
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.
Learn
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.
Interesting
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.
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.
CSS Layout News Newsletter
Join the newsletter to receive the latest updates in your inbox.