Styling for high contrast, custom properties, web components

ISSUE 284 5th January 2021

News

Issue 284

Happy New Year! 2021 is not starting very well here in the UK as we head back into lockdown, I remain hopeful things will improve.

I am writing this having just submitted my MA dissertation, last week was also my last week as Editor in Chief of Smashing Magazine. Both of these things mean I have a bit more time for my own projects in 2021. So you can expect some interesting layout stuff from me. Watch this space!

Rachel Andrew, CSS Layout News

:focus-visible in WebKit - Open Collective

The project to fund :focus-visible in WebKit is available for contributions, selected as the winning idea in the Open Prioritization project.

opencollective.com

Learn

Styling for Windows high contrast with new standards for forced colors - Microsoft Edge Blog

I was adding a page for the forced-color-adjust property on MDN, and found this piece while looking for an external resources to list. A look into how to work with Windows High Contrast mode.

windows.com

Custom Properties as State | CSS-Tricks

Chris has a list of interesting possibilities with custom properties.

css-tricks.com

Options for styling web components | Read the Tea Leaves

An article detailing the various ways to style web components.

nolanlawson.com

You want overflow: auto, not overflow: scroll | Kilian Valkhof

If you only want a scrollbar if you have content to scroll then use overflow: auto, this article explains.

kilianvalkhof.com

Interesting

Should The Web Expose Hardware Capabilities? — Smashing Magazine

Before leaving Smashing I edited this piece on hardware capabilities. It's really however some thinking around the issues that arise as we try to push the web closer to what is possible on native platforms.

smashingmagazine.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 unsubscribe instantly.

Spike Island 133 Cumberland Rd Bristol BS1 6UX

CSS Layout News - Issue 283

Tuesday, December 29, 2020

Houdini Paint API, individual transform properties, content-visibility and accessibility View on the Web Archives ISSUE 283 29th December 2020 News Issue 283 Here we are at the last CSS Layout News of

CSS Layout News - Issue 282

Wednesday, December 23, 2020

Centre things, make things sticky, and catch up on all the talks from the Chrome Dev Summit. View on the Web Archives ISSUE 282 23rd December 2020 News Issue 282 A short issue this week as we prepare

CSS Layout News - Issue 281

Wednesday, December 16, 2020

MDN is now on GitHub, the Houdini.now resource site, HTTP Archive Web Almanac. View on the Web Archives ISSUE 281 16th December 2020 News Issue 281 A day late as I managed to brick my computer trying

CSS Layout News - Issue 280

Tuesday, December 8, 2020

Webdev Advent 2020, covering one thing with another, sticky and full-bleed elements playing nicely together. View on the Web Archives ISSUE 280 8th December 2020 News Issue 280 I tweeted about my

CSS Layout News - Issue 279

Friday, December 4, 2020

Support good causes by buying books, Safari TP release notes, text gradients, prefers_reduced_data. View on the Web Archives ISSUE 279 1st December 2020 News Issue 279 Tuesday again, and a short email

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 284