Issue 287
Open Web Docs, Firefox 85, scroll margin, simple HTML
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
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.
Firefox 85 is out today. This post rounds up all the details, a great addition is that :focus-visible is now supported.
Learn
Towards the end of last year I worked on some content about high performance web animations. Last week it went live on web.dev.
A simple, accessible custom radio button and checkbox solution.
A nice tip to ensure that when a targeted element is scrolled to, it doesn't get jammed against the top of the viewport.
Interesting
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.
Our Sponsor
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.