Issue 214
Firefox 69 release, bottom navigation patterns, nested gradients, type terms.
News
Issue 214
Happy September, and happy Firefox 69 release day!
Looking at Twitter it seems that conference season is in full swing, I'm headed to Freiburg soon to spend time with the Smashing Magazine and SmashingConf team at Smashing Freiburg. After that I'll be headed to TPAC, this year in Japan, for CSS Working Group and other W3C meetings.
In October I have a couple of workshops still with tickets. Join me in the USA in New York at SmashingConf, or in Europe in Amsterdam for Fronteers. We always have a really fun day digging into CSS layout. I'm currently booking workshops into next year, so let me know if you'd like me to come run one in-house at your company (which can be as tailored as you like to the things you need to know about) or at a conference or other event.
Rachel Andrew, CSS Layout News
Firefox 69 for developers - Mozilla | MDN
Firefox 69 is out today with a number of CSS features. Logical properties get a couple of new mappings with overflow-block and overflow-inline. Of particular interest is selector() support in feature queries. There are also some text additions, the line-break property of CSS Text, and the break-spaces value for the white-space property.
Learn
Bottom Navigation Pattern On Mobile Web Pages: A Better Alternative? — Smashing Magazine
An article about the bottom navigation pattern for mobile, what it is, why we might consider designing our mobile applications this way, and potential pitfalls of the approach.
Styling Links with Real Underlines | CSS-Tricks
An exploration into why and how to use real underlines when styling links.
Nested Gradients with background-clip | CSS-Tricks
This is a nice technique, creating nested gradient borders with the CSS background-clip property.
Responsive Design Mode - Firefox Developer Tools | MDN
I've been writing about media queries over the last few days, which reminded me how useful the Responsive Design Mode in Firefox Developer Tools is when you are working out your breakpoints. Here are the docs, if you've not used this handy tool yet.
Type Terms
Type rather than layout, as much as anything though the animated way the different terms are explained is really lovely.
Interesting
Code with Veni | Revue
A shoutout to a newsletter I found via a Twitter discussion last night. Code with Veni is a newsletter that rounds up articles and tutorials from underrepresented coders. In the few issues I've looked through so far, there are loads of articles that don't seem to pop up in all the usual places.
CSS Layout News Newsletter
Join the newsletter to receive the latest updates in your inbox.