Skip to content

Issue 232

Form elements, Grid, min and max-width and height, frontend performance checklist, and vertical app layouts

Rachel Andrew
1 min read

News

Issue 232

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.

mozilla.org


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.

google.com

Learn

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.

smashingmagazine.com


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.

smashingmagazine.com


Min and Max Width/Height in CSS

An article about min-width, min-height, max-width, max-height in CSS.

ishadeed.com

Interesting

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.

uxdesign.cc


[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.

github.com

Newsletter