Open Web Docs, Firefox 85, scroll margin, simple HTML

ISSUE 287 26th January 2021

News

Issue 287

Some interesting bits of news this week, with Open Web Docs launching and :focus-visible shipping in Firefox. This feature is being crowdfunded for implementation in WebKit/Safari by the Open Prioritization project, so hopefully we will have it everywhere soon.

I've been working through a bit of a backlog of things after submitting my Masters dissertation at the beginning of the month. However I have some plans for this newsletter in the future as we head towards 300 weekly issues, so watch this space!

Rachel Andrew, CSS Layout News

Introducing Open Web Docs - Open Collective

I'm really excited to see the Open Web Docs project go live. As someone who writes web documentation over at MDN, it is brilliant to see a collaborative strategy to ensure that this vital resource and others like it can continue.

opencollective.com

January brings us Firefox 85 - Mozilla Hacks - the Web developer blog

Firefox 85 is out today. This post rounds up all the details, a great addition is that :focus-visible is now supported.

mozilla.org

Learn

web.dev animations

Towards the end of last year I worked on some content about high performance web animations. Last week it went live on web.dev.

web.dev

A simple custom – HTML Accessibility

A simple, accessible custom radio button and checkbox solution.

html5accessibility.com

Add scroll margin to all elements which can be targeted - Quick Tip - Piccalilli

A nice tip to ensure that when a targeted element is scrolled to, it doesn't get jammed against the top of the viewport.

piccalil.li

Interesting

The unreasonable effectiveness of simple HTML – Terence Eden’s Blog

Not CSS, or layout, but an important reminder. If you are building important things, making sure they work on limited devices and browsers could make all the difference to someone.

shkspr.mobi

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. There is just the final section left to complete at which point I will close the earlybird offer.

The first lessons are now online and if you sign up for the complete course with code EARLYBIRD, you will get a $40 discount.

thecssworkshop.com

Support CSS Layout News by becoming a sponsor!

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 286

Tuesday, January 19, 2021

Chrome 88, Responsible Web Applications, screen reader testing View on the Web Archives ISSUE 286 19th January 2021 News Issue 286 I'm currently spending my time documenting things over at MDN. The

CSS Layout News - Issue 285

Tuesday, January 12, 2021

aspect-ratio, accessibility and table structures, accessible buttons, and a site using scroll-snap View on the Web Archives ISSUE 285 12th January 2021 News Issue 285 Hello again from lockdown Bristol.

CSS Layout News - Issue 284

Tuesday, January 5, 2021

Styling for high contrast, custom properties, web components View on the Web Archives ISSUE 284 5th January 2021 News Issue 284 Happy New Year! 2021 is not starting very well here in the UK as we head

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

Want to Scale Your Firm in 2025? Start Here

Thursday, January 2, 2025

View in your browser | Update your preferences ADPro Build Your Best Team Yet A new calendar year presents an opportunity to wipe the slate clean, and your approach, whether slapdash or carefully

Our Must-Reads of 2024

Tuesday, December 31, 2024

View in your browser | Update your preferences ADPro Year in Review Well, we made it. It's the last day of 2024, so today, we're taking a walk down memory lane to bring you some of our

Accessibility Weekly #429: Broken Frames

Monday, December 30, 2024

December 30, 2024 • Issue #429 View this issue online or browse the full issue archive. Featured: Navigating imperfect accessibility frameworks for trauma-informed outcomes "So what is it then? Am

Top issues from 2024

Sunday, December 29, 2024

Issue 226: Looking back at the most resonating topics ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

At Home With Gloria Steinem

Thursday, December 26, 2024

View in your browser | Update your preferences ADPro Glory, Gloria Every year our AD100 honorees fill out a survey of projects that they're working on. A year or so ago, longtime AD100 designer

Celeb Homes at the Holidays—and a Few More Things to Make You Merry

Tuesday, December 24, 2024

View in your browser | Update your preferences ADPro Holiday Cheer Whether your taste leans traditional, modern, or all-out extravagant, AD is rife with inspiration for your holiday. In the spirit of

#488: Fun And Useful Gems

Tuesday, December 24, 2024

Radio garden, Zoom backgrounds, visual history of the alphabet and fun interactive experiences. Issue #488 • Dec 24, 2024 • View in the browser Smashing Newsletter Hello Smashing Friends, As we are

Accessibility Weekly #428: Putting AI to the (Accessibility) Test

Monday, December 23, 2024

December 23, 2024 • Issue #428 View this issue online or browse the full issue archive. Hey accessibility friends! It's the time of year where news and information slows down as many people take

2024 magic moments

Sunday, December 22, 2024

Issue 225: The year from my personal lens ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

Planning mode

Friday, December 20, 2024

Lessons from our first-ever annual planning sprint ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

CSS Layout News - CSS Layout News - Issue 287