PinnedMember-onlySVG Magical Mystery Tour — Parte IUn workshop en Nerdearla — Parte I: Cómo postularse — Parte I → Cómo postularse Parte II → Preguntas respondidas Anexo → 6 Common SVG fails (and how to fix them) El año pasado me propuse un objectivo: dar un taller en algún evento, aunque fuera solo dar el pimer paso, mandar un pitch. No pensé que quedaría seleccionada, así…SVG6 min readSVG6 min read
Published in UX Collective·PinnedMember-only8 tricks for SVG optimizationGet better code before exporting your files. — Many online tools help us optimize SVG files before getting the code into our projects. But what if I tell you that the way we draw every element has an impact on the exported code? Understanding the code generated from graphic software will help us gain more control over it…SVG7 min readSVG7 min read
Published in UX Collective·PinnedMember-onlyMastering 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 perhaps you find out you could remove it without noticing any change to the visual appearance. After a good amount of research, one of the first things I discovered…SVG7 min readSVG7 min read
Published in Muzli - Design Inspiration·PinnedMember-onlyBuilding an SVG virtual standA responsive illustrated website with CSS Grid — Nerdearla is an annual conference with talks and workshops about technology and science here in Buenos Aires. As sponsors of the event with Leniolabs, we used to have a stand where people could come by and say hi, play games with us, talk about technologies we love, and get some…Web Development5 min readWeb Development5 min read
Published in Geek Culture·PinnedMember-onlyHow 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 both! Let’s take a look at one of those tools: a generator that makes SVG loaders and lets you choose between SMIL or Sass animation, different styles, colors…Svg Animation7 min readSvg Animation7 min read
Jan 26Member-onlySVG Magical Mystery Tour — Parte IIUn workshop en Nerdearla — Parte II: Preguntas respondidas — Parte I → Cómo postularse Parte II → Pregunas respondidas Anexo → 6 Common SVG fails (and how to fix them) En este artículo quiero ampliar información que se habló en el taller, dejar links útiles para responder las preguntas que surgieron y para quienes estén interesados en profundizar más…SVG5 min readSVG5 min read
Published in Muzli - Design Inspiration·Dec 2, 2021Member-onlyLeniolabs Brand and Website RedesignRedefining our new identity — Three years after redesigning our brand and site, we decided it was time for a change. Not only the world is moving dramatically fast. …Branding6 min readBranding6 min read
Published in Level Up Coding·May 4, 2021Member-onlyHow to Add a Double Border to SVG ShapesLet’s say someone asks you to add a double border to some random geometric SVG shapes. For some reason, you can’t use any graphic editor — they need to be generated at runtime — so you have to solve it with CSS or within the SVG syntax. Your first question…SVG4 min readSVG4 min read
Published in UX Collective·Sep 30, 2020Member-onlyDIY SVG icons: build your own set with basic shapesRead the Chinese version here. Translated by Rotten orange 腐烂的橘子 There are different ways to work with icons, but the best solution always includes SVG, either inline or linked up as a file. Sometimes the icons we download (or the ones we create with drawing software) have a lot of…Programming8 min readProgramming8 min read
Published in Muzli - Design Inspiration·May 6, 2020Adding value to our client’s platform and brandHow to make a brand thrive along with the site — Not every brand guidelines include definitions for the usage of photography, illustrations, or image styles. Far from being a problem, this could mean a great opportunity for a redesign project. …Illustration7 min readIllustration7 min read
