Issue 287

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