The Best Of The Internets

I love Alvaro’s methodical approach to improving the experience of a CodePen embed. Smart and exciting stuff!

It’s nice to see folks in the digital book space beginning to embrace the potential of their medium:

Para abraçar verdadeiramente o potencial do digital, é essencial adotar uma mentalidade ‘digital first’. Isso significa que o conteúdo digital não deve ser uma simples transposição do impresso, mas sim algo que aproveita ao máximo as funcionalidades únicas do meio digital.

This is a truly kind and sweet post from Jeff Bridgeforth. I’m happy to have played a small part in Jeff’s journey thus far.

The new scripting media query looks like a powerful addition to the progressive enhancement toolbox.

I really appreciate Zach putting this together as it helped me sort through some ideas I had in my own head. It also kinda makes me want to update a bunch of my old JavaScript components to remake them as lightweight HTML Web Components.

Somehow my students are allergic to semantics and shit. And they’re not alone. If you look at 99% of all websites in the wild, everybody who worked on them seems to be allergic to semantics and shit. On most websites heading levels are just random numbers, loosely based on font-size. Form fields have no labels. Links and buttons are divs. It’s really pretty bad. So it’s not just my students, the whole industry doesn’t understand semantics and shit.

I feel this… deeply. And I 100% agree with where Vasilis is coming from here. I do take a bit of umbrage with the idea that heading levels don’t matter—they really do—but his point about getting folks excited about the stuff they get for free by paying attention to their markup is something I’ve been pushing for years as well.

If you’re interested in a related deep dive into HTML’s lack of dependencies, check out this piece I wrote for Smashing Magazine. If you’d like to dive deeper into forms, I have this talk you might like.

Excellent lesser-known advice for how to keep your webpages keyboard-friendly. After reading it, I made a few changes to this site.

This is an excellent run-down of some key additions and changes in WCAG 2.2. Many thanks to Craig for putting it together!

I always learn a ton from Eric’s methodical approach to CSS. This one’s no different and is a wonderful introduction to anchor positioning. Love it!