Issue 256

The sun is shining here in Bristol and I've a nice set of links for you to read. Other than that I don't think I have a lot to report. The UK lockdown is easing, but international travel and large events still seem a long way off. Despite this browsers are still updating, we're all still publishing things and learning things. Normal things alongside all the not normal!

I hope you are all safe and well,

Rachel Andrew, CSS Layout News

Safari 14 Beta Release Notes | Apple Developer Documentation

Lot's of good stuff in Safari 14, including WebP support, supporting an aspect ratio derived from the width and height properties of images, the where() and is() selectors and more. Good news for some features where Safari was lagging behind.

apple.com

Rachel Andrew at Smashing Meets June 9th 2020 on Vimeo

The video of my talk for Smashing Meets on how responsive design has changed, and how CSS has evolved to help.

vimeo.com

Using Custom Property "Stacks" to Tame the Cascade | CSS-Tricks

An interesting post sharing a technique to solve common cascade issues by using custom properties.

css-tricks.com

An Overview of Scroll Technologies | CSS-Tricks

A solid round-up of scroll-related features.

css-tricks.com

Hybrid positioning with CSS variables and max() – Lea Verou

Staying with the scrolling theme, a post explaining a solution to a problem Lea encountered when building a site and position: sticky didn't do the required job.

verou.me

CSS folded poster effect

This is fun. A containing div turns an image into a folded poster.

codepen.io

What Vitruvius Can Teach Us About Web Design — Smashing Magazine

The ancients can teach us a thing or two about design — even web design. The Roman architect Vitruvius had buildings in mind when laying out his golden triad, but its principles are just as applicable to the web as they are to brick and mortar.

smashingmagazine.com

Earlybird pricing! Learn CSS layout with me.

I've been completely rewriting and re-recording my CSS Layout course. You can learn Grid, Flexbox, browser support and much more by coding along with me in these lessons.

The first lessons are now online and if you sign up for the complete course with code EARLYBIRD, you will get a $40 discount and be first to see all of the new material as soon as it goes online.

thecssworkshop.com