News
Help Save Friday Front-End
Hey, I'm sorry the newsletter is late this week. Long story short, I was recently laid off, and I'm dealing with a bit of a financial crisis until I can find a new job.
The part that matters to you is that sending this newsletter costs me about $40 a month, and I need to cut every expense I can. That means I'm looking at shutting down the newsletter until I have a stead income again (the Twitter account will keep running)
If you're interested in keeping the newsletter going, what you can do to help is sponsor an issue. A sponsored link costs $50, will be shared in both the newsletter and the Twitter feed, and will keep the newsletter running for a full month!
Links
Accessibility is not a feature
I care pretty deeply about accessible design. I wouldn’t call myself an accessibility specialist, mind you, but I’ve always felt that “designing for the web” means ensuring our work is accessible as broadly as possible. Not just accessible to differently-sized screens, but for people who might not browse the web like I do.
The Cascade and Other Essential Unessentials
So to anyone that didn’t get the question right, or wouldn’t know how to answer it: don’t feel bad but don’t avoid the topic either. It’s fundamental knowledge, one of those foundational concepts that makes your life as a front-end developer much easier. Yes—even if you are taking a styled components approach. To those of us who understand the topic, let’s consider what we can do to do a better job of explaining these core concepts to people who are less experienced with them.
An Oral History of Web Standards With Jeffrey Zeldman and Jeff Veen
Designer, author, speaker, publisher, podcaster and longtime friend Jeffrey Zeldman joins the show to reminisce on the origin of the Web Standards Project and it's legacy 20 years on.
The Importance Of Manual Accessibility Testing
Automated accessibility tests are a great resource to have, but they can’t automatically make your site accessible. Use them as one step of a larger testing process.
Houdini Spellbook
What this means is that we'll finally be able to Extend CSS via JavaScript. This is important because it's currently not possible to extend CSS with JavaScript, only write JavaScript that mimics CSS. Actually polyfilling CSS, or introducing new features (like CSS Grid), is hard-to-impossible to do, doubly so in a way that's not terrible for performance. CSS Houdini will let authors tap in to the actual CSS engine, finally allowing us to extend CSS, and do so at CSS speeds
What is Modular CSS?
Modular CSS is a collection of principles for writing code that is performant and maintainable at scale. It originated with developers at Yahoo and Yandex as a way to address the challenges of maintaining a large codebase. Some of the guidelines were controversial when introduced, but have since come to be recognized as best practices.
Videos
Accessibility debugging with Chrome DevTools, by Umar Hansa
DevTools has a number of useful accessibility related debugging tools built into it. This lesson explores 3 of those: audits, the a11y pane and colour contrast.