“One machine can do the work of fifty ordinary men. No machine can do the work of one extraordinary manā”
Hello, Another week, another issue of FSB! Except for last week when I messed up and I accidentally sent 2! š
I apologise for the noise!Ā I was so eager to go on holiday that I forgot to disable the original unedited email... Yes, if you got two emails, the good one was the one with an intro and a better selection of articles and descriptions! I'll try my best not to mess up again!
Now let's jump into some full-stack content! I hope you will be inspired!
ā Your editor, Luciano
Is that little detail in an SVG annoying you and you just want to change it? SVG is great because it's a XML-based format, so if you know where to look you only need a text editor to change things. But with complex SVGs it's not always obvious to understand what to change! SVG Viewer is a new FREE online tool that allows you to visualise your SVGs and highlight which part of the SVG corresponds to which part of the image! I started using it and I am loving it!Ā Check it out!
Have you ever wondered what happened after CSS3? Itās common knowledge that we never saw CSS4 come after it, yet we have a plethora of new features that have no similar way of defining when they were introduced. The W3C CSS-Next community group is actively searching for better approaches for how we describe the evolution of CSS over time and identify feature sets as effectively as we did with CSS3 in 2009 ā and you can help.
(Almost) Everyone is adding some kind of GenAI feature to their apps and web applications. If you find yourself confused by this new world and you want to learn more, this article showcases a study on how companies deploy generative AI applications and it provides some good reference architectures.
Jake Archibald discusses the complexities of using videos with alpha transparency on the web. He examines the limitations and inefficiencies of native methods like AVIF and animated formats, which struggle with performance, browser compatibility, and features. He ultimately proposes a custom solution using a WebGL fragment shader that combines the video and alpha channel into a more efficient format. This approach significantly reduces file size while maintaining compatibility across browsers, and he provides an NPM package to implement it.
Do āoutline speedrunningā: Recursively outline an MVP, speedrun filling it in, and only then go back and perfect it. I found this to be an insightful article which gave me a few ideas on how I can beĀ more focused and productive when working on a project.
This articleĀ discusses the challenges and solutions involved in efficiently handling a large number of checkboxes in web applications, specifically up to 650 million checks. The author explores performance issues, optimization strategies, and techniques like batching, virtualization, and efficient data structures.
Elevate your JavaScript game with techniques like code splitting, lazy loading, using web workers, minifying files and asynchronous loading.
by Adam Freeman