Issue 187

News

Issue 187

Note late in the timezone I'm currently in, but late for my usual 1PM in the UK publishing time, is this issue of CSS Layout News. I'm in San Francisco for the CSS Working Group meeting, hence the timeshifted publication. It's also a slightly shorter issue as I've been in transit often without WiFi so haven't read as much.

Next week I'll be at An Event Apart in Seattle, and also in Cleveland Ohio to run a layout workshop for Rustbelt Refresh. If you will be at one of those places, come and say hello!

Rachel Andrew, CSS Layout News

Learn

CSS Scroll Snap — How It Really Works – Noteworthy - The Journal Blog

A tutorial with lots of examples about CSS Scroll Snap.

usejournal.com

The Dark Side of the Grid (Part 1) - Manuel Matuzović

I'm always glad to see someone writing up the issues raised by grid layout in terms of accessibility.

matuzo.at

CSS selectors level 4 – LogRocket

A look at what is in the Editor's Draft of CSS Selectors Level 4.

logrocket.com

Position: stuck; — and a Way to Fix It – UX Collective

SOme tips for dealing with position: sticky and overflow.

uxdesign.cc

Interesting

CodePen - CSS Grid: Monopoly (Harry Potter Edition)

A very cool monopoly board made using CSS Grid and a whole lot more.

codepen.io

Our Sponsor

Flexbox, CSS Grid and much more. Understand CSS Layout with my video course.

I've distilled my knowledge about CSS Layout into this training course. This course has something for you if you are new to CSS, have been using frameworks for a while and want to understand how they work, or have been doing this for a while but want to understand the newer layout methods. The course includes video tutorials, text explanations and all the starting points to follow along.

The full table of contents gives an overview of what you can learn - at your own pace. We also have a Slack community where you can ask questions about the course materials.

thecssworkshop.com