Skip to content

Issue 214

Firefox 69 release, bottom navigation patterns, nested gradients, type terms.

Rachel Andrew
2 min read

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.

mozilla.org

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.

smashingmagazine.com


An exploration into why and how to use real underlines when styling links.

css-tricks.com


Nested Gradients with background-clip | CSS-Tricks

This is a nice technique, creating nested gradient borders with the CSS background-clip property.

css-tricks.com


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.

mozilla.org


Type Terms

Type rather than layout, as much as anything though the animated way the different terms are explained is really lovely.

supremo.co.uk

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.

getrevue.co

Newsletter