Ramadan Mubarak to my Muslim friends around the world! 🥳
Was this forwarded to you? You can subscribe here!
Resources of the week 🧾
WICG/aom: Accessibility Object Model
How to make images react to light and dark mode
Things that interested me 👀
A study by Tero Piirainen that compares the Tailwind Spotlight template vs the same site with semantic CSS has found that the semantic version is several times faster. This comes as a “shocker” given how much Tailwind markets performance all over the place, but highlights a key factor in choosing Tailwind for your next project.
I even compared it myself. The HTML request for the Tailwind version is ~74KB, while the semantic CSS version is only ~10KB. That is a 7x increase in size!
This key takeaway comes from the fact that with Tailwind we lack the power of the cascade and native CSS selectors, which forces developers to add more HTML to compensate for it, resulting in a much larger overall bundle even if the relative CSS bundle size is in favour of Tailwind.
This leads us to think more critically of tools like Tailwind, where usually the benchmark is focused on one aspect of a website (CSS bundle size), completely dismissing other, just as important factors.
Tool of the week 💫
FFmpeg is the GOAT when it comes to multimedia editing in the terminal or through code. Imagine having the power of a video editor in your hands as a set of CLI options. I recently built an FFmpeg script that removed silence and noise from 5 audio clips, concatenated, and loudness equalized them. Pretty fun, and difficult. 💀
That's all for now, folks! Have a great week. Be safe. Free Palestine.
website | twitter | github | linkedin
This was issue #8 of Rendezvous With Nabil. You can reply and share (please? 😁). You can support my work by sponsoring me on GitHub Sponsors. Take care, and I'll catch you in the next one!
Feel free to ignore the next bit if you’ve received this in your inbox. 🙆♂️