Issue 256
Scrolling, nice Safari updates, custom properties.
News
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.
Learn
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.
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.
An Overview of Scroll Technologies | CSS-Tricks
A solid round-up of scroll-related features.
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.
Interesting
CSS folded poster effect
This is fun. A containing div turns an image into a folded poster.
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.
Our Sponsor
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.
CSS Layout News Newsletter
Join the newsletter to receive the latest updates in your inbox.