Frontend Links of the Week 43

43rd part of the series - advanced links in the area of web frontend development.

Stay healthy - stay strong! We just passed the mid of the year and great #articles, as well as #posts in the #webdev space keep on coming! As #frontend #web #developers we need to stay in the zone. Never stop learning!

Batman-Comic.CSS by Alvaro Montoro
Useful? A bit. Magical? Definitely! Would be even better with Star Trek characters?! You bet!

code-pen Web Component by David Darnes
Just allow to play with anything.

vitest 2.0.0 by Vitest Team
If you haven't heard - vitest is ideal replacement for Jest.

Responsive bar charts in HTML and CSS by Mathias Schäfer
Grid to the rescue! Really love this!

How To Improve INP: Yield Patterns by Jacob Groß
Outstanding write-up - super underrated topic. Must read!

The Magic of Clip Path by Emil Kowalski
I was sceptical first, but the image comparison example totally sold me. Magical!

How to hack your Google Lighthouse scores in 2024 by Salma Alam-Naylor
It's all about knowing your hacks I guess.

Sneaky React Memory Leaks: How the React compiler won't save you by Kevin Schiener
Bottom line: Stupid code will remain stupid code - independent if it went through a compiler or not.

Deno 1.45: Workspace and Monorepo Support by Deno Team
And with this one we are another step closer to be a suitable Node.js replacement.

@property: Next-gen CSS variables now with universal browser support by Una Kravets
Actually, this is the first article where I see the value of the @property syntax vs plain variables.

🙏 Shout-out to all authors for their hard work - thanks for sharing your knowledge!

Created . Last updated .

References

Sharing is caring!