Links
CSS Grid in IE, Part 3: Faking an Auto-Placement Grid with Gaps
Today, I’m going step away from CSS grid for a moment to show you a flexbox technique that replicates basic CSS grid auto-placement functionality. This CSS grid replica will even look like a grid-gap has been applied to it. I need to be super clear though: this is not about how to make actual CSS grid auto-placement work in IE.
Pattern Library First: An Approach For Managing CSS
CSS can be hard to manage across a project, especially when you need to include media queries for various breakpoints and fallbacks for older browsers. In this article, we will take a look at using Fractal to manage components which use CSS Grid.
Delivering WordPress in 7KB
I decided to challenge myself to see how efficiently I could package a WordPress website. And so, sustywp.com is born. With its accompanying theme, Susty. I'm rather chuffed to say I managed to get the load of the homepage down to 7KB of data transfer.
The div that look different in every browser
A fascinating example of a strange combination of CSS that results in wildly different results in every browser.
CSS: A New Kind Of JavaScript
A good sign that a technology is not fit for purpose is how much we have to rely on workarounds and best practices to get by. Another sign is just how much code we have to write in order to get simple things done. When it comes to styling, JavaScript is that technology. CSS solves JavaScript’s styling problems, and elegantly. The question is: are you willing to embrace the change, or are you married to an inferior methodology?
Videos
The Friction of Web Standards, by Eric Meyer
In March 2017, four major browsers shipped stable, consistent CSS Grid implementations in the span of just three weeks. That's amazing-- but wait, why aren't ALL new feature debuts like that? And why does it take so darned long to ship new features after implementation is begun, like the literal years it took to ship Grid? In this talk, Eric will focus on one of the biggest and least appreciated reasons: the growing friction of specification interaction. He'll not only explore some of the challenges specification authors and implementors face, but also how we all can help overcome that friction and keep the web interoperable.
Sponsor
UnusedCSS - Remove Unused CSS
About 35% of all CSS code is unused - UnusedCSS cleans up this dead code, and is compatible with all CSS frameworks.