Links
Hardest Problem in Computer Science: Centering Things
This is my claim: we, as a civilization, forgot how to center things. I mean, we know how to do it. It has never been simpler, using CSS flexbox or grid. Yet, when we look at actual applications, we see that these methods are not used. In theory, there’s no difference between theory and practice. Unfortunately, we live in practice. So what’s happening? Let’s find out.
Misconceptions About CSS Specificity
Whenever a post about Specificity in CSS – and by extension the Cascade itself – gets published I get very excited as it’s a core concept of the language that everyone should know. The more articles on this, the better! However, I also sometimes raise one of my eyebrows as sometimes I, unfortunately, encounter something that’s just outright wrong. To remove some of the confusion, here’s a list of misconceptions about Specificity in CSS…
Web Accessibility in the 2024 Presidential Campaigns
There’s nothing quite like a presidential campaign year to gin up comparisons between rivals. Unable to resist the temptation, we here at WebAIM have run our 2024 presidential candidates’ campaign websites through our Accessibility Impact testing sequence to answer the burning question of which is more accessible.
Time-based CSS Animations
I'm excited about this approach. Although using keyframes seems much straightforward, for a demo scene full of math calculations and input variables, using time as a variable is more likely to get diverse results.
Why Are My Live Regions Not Working?
Live regions have a reputation for being "flaky" and inconsistent. While this can be attributed in part to shortcomings in current implementations, the problem can also be caused by developers misunderstanding how live regions are intended to work.
Videos
What Would You Call This Layout?
If you’ve ever wanted to make a masonry/waterfall layout like in the image above, you were probably annoyed that it was harder than you thought it should be to create, or you came across some mention of using
grid-template-rows: masonry
and then were disappointed at the terrible browser support that it has. Well, it looks like there is some movement in this becoming a thing, but there is also disagreement on the best approach to add this to CSS.
Sponsor
Sponsored by Cloud Four
Thanks to Cloud Four for sponsoring this week’s newsletter! They solve complex responsive web design and development challenges for ecommerce, healthcare, fashion, B2B, SaaS, and nonprofit organizations.
If you’d like to help with the costs of running Friday Front-End, you can back our Patreon for as little as a dollar a month.