Friday Frontend: Middle of the Holidays Edition
We’re running a couple links short this week because hey, it’s the holidays, and I’m plum out of time. Hope you’re having a wonderful time connecting with friends and family this holiday season, or just taking some time to yourself to relax.
KBall from ZenDev
P.S. I’ll still be publishing over the next couple weeks, but we may run a few fewer links each week while life is crazy with holidays, and I may be a bit slower to respond to any questions. Enjoy the season, and we’ll be back to 100% in the new year!
CSS & SCSS
Calc is one of the most useful general purpose tools in modern CSS toolkits - this article breaks down some of the many ways you can use it.
Recreate a vintage glitch effect using CSS only via CSS animations and the
A nice little investigation into the ways that CSS Grid influence our choices in CSS naming conventions. While more advanced approaches are powerful, a little OOCSS goes a long way, particularly for smaller projects.
Wow. This one is cool, not just because it breaks down a difficult to style native element (the range input), but because it shows how to dig into what browsers are doing under the hood and figure out how to style it, skills which should also apply to other complex elements.
I think the name is a bit misleading - this article is more an introductory walkthrough of the basics of Vue than an inventory of why folks like it. That said, it is a pretty good introductory walkthrough, so if you’re looking for one check it out!
Proxies are one of the super-cool features introduced in ES6, and are starting to see increasing use with the slow death of Internet Explorer as a target platform. Rumor has it the next major version of Vue.js will build its reactivity system on top of them.
I like this article because it not only explains what WebAssembly is, but does one of the best jobs I’ve seen in written form of explaining why we should care and what it’s going to mean for us as developers.
As developers, we all love to dream about the “big rewrite” that lets us build a perfect system from scratch, but the reality is that we almost never get to do this - and in fact, it’s probably not such a good idea anyway. Far more practical is to learn how to introduce systems incrementally to an existing codebase, and this is a phenomenal first-hand story of how Mina Markham handled introducing a design system incrementally into the Hillary for America tech platform right in the middle of the campaign.