CSS Grid, subgrid, modern layouts in one line of CSS, CUBE CSS

ISSUE 258 7th July 2020

News

Issue 258

Another lockdown Tuesday, I miss going places and having conversations with people about CSS. Thankfully lots of folk are still thinking and writing about the subject, so I am able to bring you a roundup of the things I've seen this week.

I have also been editing and making more video live for my CSS Layout Online Course, adding the first half of Core Skills today once the caption files came back. I've got the other half of the Core Skills course to edit, and then I'm on the final stretch. So if you want to get the earlybird discount take a look and use code EARLYBIRD.

Rachel Andrew, CSS Layout News

Learn

CSS News July 2020 — Smashing Magazine

A round-up of some of the interesting CSS features coming into browsers at the moment.

smashingmagazine.com

CSS { In Real Life } | Irregular-shaped Links with Subgrid

A tutorial that uses subgrid to achieve a design pattern that would be difficult to do otherwise.

css-irl.info

10 modern layouts in 1 line of CSS - YouTube

Una shows how much can be described in CSS Layout with a single line of code.

youtube.com

Smashing Podcast Episode 19 With Andy Bell: What Is CUBE CSS? — Smashing Magazine

In this episode of the Smashing Podcast Andy Bell talks about his CUBE CSS methodology.

smashingmagazine.com

Accordion Rows in CSS Grid – Eric’s Archived Thoughts

An explanation of how Eric is using CSS Grid rows in his design for more flexibility.

meyerweb.com

Interesting

Adding prefers-contrast to Firefox - Mozilla Hacks - the Web developer blog

If you like to understand how things get into browsers here is a great look at how the prefers-contrast media query was added to Firefox.

mozilla.org

You received this email because you subscribed via the CSS Layout News site.
We’ll be sorry to see you go but you can unsubscribe instantly.

Spike Island 133 Cumberland Rd Bristol BS1 6UX

CSS Layout News - Issue 256

Tuesday, June 23, 2020

Scrolling, nice Safari updates, custom properties. View on the web Archives ISSUE 256 23rd June 2020 News Issue 256 The sun is shining here in Bristol and I've a nice set of links for you to read.

CSS Layout News - Issue 255

Tuesday, June 16, 2020

The display property, responsive images, accessibility, styling selects. View on the web Archives ISSUE 255 16th June 2020 News Issue 255 Online conferences and meetups are really becoming a thing. I

CSS Layout News - Issue 254

Tuesday, June 9, 2020

Contributing to the web platform, high contrast mode, CSS variables. View on the web Archives ISSUE 254 9th June 2020 News Issue 254 Over the next two weeks I have a whole bunch of online things taking

CSS Layout News - Issue 253

Tuesday, June 2, 2020

CSS Variables, accessibility, subgrid. View on the web Archives ISSUE 253 2nd June 2020 News Issue 253 As a white British woman, the only thing I want to say in my intro today is that I see you, my

CSS Layout News - Issue 251

Tuesday, May 19, 2020

The clamp function, accessible images, vertical rhythm, Intersection Observer. View on the web Archives ISSUE 251 19th May 2020 News Issue 251 While I am missing all the events I thought I would be

Behind the Design of Lauren Santo Domingo’s Ski House

Thursday, November 21, 2024

View in your browser | Update your preferences ADPro Peak Style When it comes to clients, says AD100 designer Andre Mellone, “my biggest nightmare is a person who says, 'Carte blanche, do whatever

2025 Interior Design Trends, Revealed

Wednesday, November 20, 2024

View in your browser | Update your preferences ADPro Image may contain: Furniture, Chair, Interior Design, Indoors, Home Decor, and Rug Inside Our Newest Trend Report “Design, like fashion, tries to

Want a free strategy session with us?

Wednesday, November 20, 2024

Plus, the emails editors open most often. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

One Simple Thing You Can Do to Retain Your Staff

Tuesday, November 19, 2024

View in your browser | Update your preferences ADPro By my account, it's not fall until I've watched You've Got Mail, Nora Ephron's '90s film adaptation of the 1930s Hungarian play

#483: UX Writing

Tuesday, November 19, 2024

With writing guides, content testing and practical guides for better content design. Issue #483 • Nov 19, 2024 • View in the browser Smashing Newsletter Hej Smashing Friends, Every digital product

Accessibility Weekly #423: Beautiful Focus Outlines

Monday, November 18, 2024

November 18, 2024 • Issue #423 View this issue online or browse the full issue archive. Featured: Beautiful focus outlines "Unfortunately, focus outlines are often overlooked in web design.

175 / Build your ideas without writing any code

Monday, November 18, 2024

Product Disrupt Logo Product Disrupt Half-Monthly Nov 2024 • Part 1 View in browser Welcome to Issue 175 One month ago, I quit my longest-standing job and embarked on a pathless path to let my

Into the Fediverse

Sunday, November 17, 2024

Issue 221: We need decentralized social networks ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

The Books AD Editors Can’t Put Down Right Now

Friday, November 15, 2024

View in your browser | Update your preferences ADPro Good Reads Here at AD PRO, we're all about celebrating a good coffee table book. With crisp project imagery and behind-the-scenes stories tucked

What astrology has to do with PR?

Wednesday, November 13, 2024

and, no we won't tell you to read your chart! ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

CSS Layout News - CSS Layout News - Issue 258