Kevin Powell runs us through CSS grid (YouTube), a topic lots of us know fairly well, but in this video, he starts us off with an intro-level “these three lines will get you 90% of the way there”, then incrementally steps up the complexity, adding layer upon layer of finesse, focusing finally on auto-fit and auto-fill. I just love how he demos…

The great Andy Clarke shares his experience creating some adorable animated SVGs for the new hero section his website. I love SVGs, though I hate to work with them… The path just absolutely flummoxes me… Meanwhile, here Andy is making them dance…

And if you’re looking to animate something more along the lines of, well, lines, Stefan Judis shares some recently-learned tips regarding stroke-dasharray, stroke-dashoffset and pathLength that make animating lines rather simple! (Once you have that damned path anyway…)

For those of us that learned our “computery” stuff in the trenches, rather than in a formal classroom, Kilian Valkhof shares a wonderful article: Programming principles for self taught front-end developers. Like Kilian, I have a “computer degree”, and mine also was rather light on the “science” part of things… This article covers a ton of really useful topics and guidelines for good Computer Science / programming topics / approaches that the whipper-snappers learned in… school.

While we’re casually chatting about all the things that I do not know or understand… Pavitra Golchha shows off the benefits of the CSS Highlights API, which fairly recently became Baseline Newly Available, and how it can greatly improve code highlight sections on the web! Here again, I do not blame Pavitra, but exactly what the JS is doing is still flying right past me… ¯\_(ツ)_/¯

Matt Zeunert shows us how to Effectively Monitoring Web Performance. The article starts off rather high-level, but also delves into debugging page load times and slow interactions!

Anyone else that is currently looking for work might also find Gergely Orosz‘s article Comparing interviews at 8 large tech companies rather informative. Gergely writes about the “adventures” of Puneet Patwari‘s experience during more than 60 interviews at 11 companies, sharing numerous incites!

I recently referenced Chris Ferdinandi‘s article Just use a button. Now two more worthwhile reads surface related to that same sentiment:

1. Jeremy Keith laments about the state of the web in the hands of JS frameworks, discussing how the advancements of the web platform make many JS frameworks “features” unnecessary, and
2. Geoff Graham discusses the accessibility issues related with not using the semantic button element.

Speaking of advancements in the web platform, Declan Chidlow shares yet another article showcasing Some practical examples of view transitions to elevate your UI. The basic one-liner just makes sense, but there are lots more fun and interesting transitions you can do, rather easily!

And speaking of View Transitions, anyone looking to sprinkle some View Transitions on their site, but would first like to know where certain features will and won’t work, the Chrome DevRel team have created the View Transitions Feature Explorer. Select a feature and see which browser(s) and version(s), if any, support it. Super cool, though we should keep in mind that View Transitions are a fantastic progressive enhancement, so… sprinkle away!

And finally, now for something completely different… Dave Rupert shared the existence of Project Kamp, a sustainable living community in the hills of central Portugal. They also have a pretty extensive YouTube channel, if you prefer to consume your content visually… I too have a passion for this type of living, though I honestly question whether or not I could handle it… Well, not like anyone there is inviting me… :-)

Happy reading,
Atg

Top⇪