Form elements, Grid, min and max-width and height, frontend performance checklist, and vertical app layouts
I hope everyone is having a great start to their New Year. I've been adding my upcoming speaking engagements for 2020 to my Notist profile, so you can see where I'll be. In a month I'll be at Frontend North, and there are still tickets available, which are a complete bargain at £50.
I'm running my new CSS Layout Masterclass for SmashingConf, and I would love to get some UK and European dates booked in for this workshop. Drop me a line if you would like me to run it at your conference, or in-house for your company - you can find all the details here.
Rachel Andrew, CSS Layout News
Firefox 72 for Developers - Mozilla | MDN
Firefox 72 is out, less for layout fans this time, but a few interesting things such as CSS Shadow Parts, motion path and individual transform properties.
Form Controls Refresh enabled - Google Groups
The form controls refresh has been enabled in Chrome, part of a joint project between Microsoft and Google. THis email lins to more information and demos.
Front-End Performance Checklist 2020 [PDF, Apple Pages, MS Word] — Smashing Magazine
The epic Front-End performance checklist has been updated for 2020. So much useful content to browse through here.
Understanding CSS Grid: Creating A Grid Container — Smashing Magazine
I'm starting a new series on Grid Layout over at Smashing Magazine. In this first article I explain the grid container, and the various ways you can create a grid.
Min and Max Width/Height in CSS
An article about
max-height in CSS.
Introducing Vertically Works - UX Collective
With apologies for linking to something on Medium this is an interesting piece introducing a site which asks why we don't have user interfaces in vertical format.
[css-grid-2] Masonry layout · Issue #4650 · w3c/csswg-drafts
A proposal for grid to support masonry layout. This was posted by the engineer who implemented grid and more recently subgrid into Firefox.
CSS Layout News Newsletter
Join the newsletter to receive the latest updates in your inbox.