CSS Layout News - CSS Layout News - Issue 255

The display property, responsive images, accessibility, styling selects.
 

CSS Layout News

 

ISSUE 255  16th June 2020

 

News

 

Issue 255

Online conferences and meetups are really becoming a thing. I presented yesterday at An Event Apart, and the slides are below. Later this week I'll be presenting at the Fronteers online meetup, which is open to everyone whether you are a Fronteers member or not. Come along!

Lots of interesting stuff to read in the newsletter today, I hope you find something useful there.

Rachel Andrew, CSS Layout News

 
 

Learn

 

Now You See It: Understanding Display

I spoke last night at the first An Event Apart Online Together. My talk is all about the display property and you can find the slides, code, and resources here.

noti.st

 

CSS :is() and :where() are coming to browsers | Web Platform News

An explanation of the is() and where() pseudo-classes.

webplatform.news

 

Accessibility — Smashing Magazine

A new Smashing Guide, pulling together some of our content on a topic. This time our relevant content on accessibility.

smashingmagazine.com

 

How to Create a Motion Hover Effect for a Background Image Grid | Codrops

This effect looks very cool, however you might want to wrap it in a prefers-reduced-motion media query (which you can also use from JavaScript), as I can imagine some folk finding it unpleasant.

tympanus.net

 

Striking a Balance Between Native and Custom Select Elements | CSS-Tricks

A comprehensive article showing how to enhance a select element to show a styled select.

css-tricks.com

 

A Guide to the Responsive Images Syntax in HTML | CSS-Tricks

A useful guide to using Responsive Images on CSS Tricks.

css-tricks.com

 
 

Interesting

 

Sorted CSS Colors

A tool that lets you explore the CSS named color values.

enes.in

 

CSS Grid: Newspaper Layout

Another lovely piece of work from Olivia, this one also uses some multicol which makes me happy to see.

codepen.io

 
 

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.

thecssworkshop.com

 
 
You received this email because you subscribed via the CSS Layout News site.
We’ll be sorry to see you go but you can .
 
Spike Island 133 Cumberland Rd Bristol BS1 6UX
 
 

 
 
©2020 CSS Layout News | Privacy Policy | Curated by Rachel Andrew.
 
Published with Curated

Older messages

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

CSS Layout News - Issue 250

Tuesday, May 12, 2020

Cumulative Layout Shift, CSS Solutions, the contain property. View on the web Archives ISSUE 250 12th May 2020 News Issue 250 I just looked at the number of this issue, 250. That's two-hundred and

CSS Layout News - Issue 248

Tuesday, April 28, 2020

Announcing my new layout courses, gap properties for flexbox, responsive type, dark mode toggles. View on the web Archives ISSUE 248 28th April 2020 News Issue 248 Hello! I've been working away on

You Might Also Like

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! ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏