Links
Simple & Boring
Simplicity is a funny adjective in web design and development. I'm sure it's a quoted goal for just about every project ever done. Nobody walks into a kickoff meeting like, "Hey team, design something complicated for me. Oh, and make sure the implementation is convoluted as well. Over-engineer that sucker, would ya?"
Responsible JavaScript
By the numbers, JavaScript is a performance liability. If the trend persists, the median page will be shipping at least 400 KB of it before too long, and that’s merely what’s transferred. Like other text-based resources, JavaScript is almost always served compressed—but that might be the only thing we’re getting consistently right in its delivery.
Breaking CSS Custom Properties out of :root Might Be a Good Idea
While putting custom properties on the :root is great for things that you need to be available throughout your site, there are times when it makes more sense to scope your custom properties locally. In this article, we’ll be exploring: Why we put custom properties on the :root to begin with; Why global scoping isn’t right for everything; How to overcome class clashing with locally scoped custom properties;
Thoughts on screen reader detection
The subject of screen reader detection has been under discussion lately. It isn’t something I’m comfortable with, so I’d like to share the reasons why:
- I don't want to share personal info with the sites I visit.
- I don't want to be relegated to a ghetto.
- I don't want design decisions to be based on the wrong thing.
- I don't want old mistakes to be repeated.
- I don't want things to be hard work.
- I do want much more conversation about screen reader detection.
Blurred Borders in CSS
Say we want to target an element and just visually blur the border of it. There is no simple, single built-in web platform feature we can reach for. But we can get it done with a little CSS trickery.
Videos
Box Alignment by Chen Hui Jing
The web is fundamentally boxes. Every element in the document tree is a box. A lot of frustration with CSS often arises from trying to wrangle all the content on the page into their proper locations. CSS has gradually expanded over the years, granting us an increasing degree of control over the alignment, positioning and layout of these boxes.
CSS is ultimately a holistic technology, in that, even though you can use properties in isolation, the full power of CSS shines through when used in combination. This talk will not only dive into how box alignment works, but also cover its interactions with other key parts of CSS layout, like display and writing-mode, as well as show how this module will continue to evolve, making layout even easier moving forward.