PinnedMariana Beldi·Jul 11, 2025A complete guide to CSS Scroll-driven AnimationsAfter 10 years since the first proposal and over 5 years in development, we’re finally seeing websites with native scroll-powered…
PinnedInUX CollectivebyMariana Beldi·Feb 23, 20236 common SVG fails (and how to fix them)Someone recently asked me how I approach debugging inline SVGs. Because it is part of the DOM, we can inspect any inline SVG in any…
PinnedInUX CollectivebyMariana Beldi·Aug 23, 20228 tricks for SVG optimizationGet better code before exporting your files.
PinnedInMuzli - Design InspirationbyMariana Beldi·Sep 20, 2021Building an SVG virtual standA responsive illustrated website with CSS GridA response icon1A response icon1
PinnedInGeek CulturebyMariana Beldi·Nov 11, 2021How I Made a Generator for SVG Loaders With Sass and SMIL OptionsWhile learning Vue.js, I started building free web tools that involved the exploration of SVG, with the goal of learning something about…
Mariana Beldi·Jan 26, 2023SVG Magical Mystery Tour — Parte IIUn workshop en Nerdearla — Parte II: Preguntas respondidas
Mariana Beldi·Jan 26, 2023SVG Magical Mystery Tour — Parte IUn workshop en Nerdearla — Parte I: Cómo postularse
InUX CollectivebyMariana Beldi·Jul 5, 2022Mastering SVG’s stroke-miterlimit AttributeSo, SVG has this stroke-miterlimit presentation attribute. You’ve probably seen it when exporting an SVG from a graphic editor program, or…
InMuzli - Design InspirationbyMariana Beldi·Dec 2, 2021Leniolabs Brand and Website RedesignRedefining our new identity