DDimonindimonb19a.hashnode.dev·10h ago · 3 min readFlexible density for all the UIIn our UI system we dont use pixel values to define spacing, we use semantic variables, (t-shirt sizes: gap-sm, p-lg, my-2xl) - so thats like you change one CSS variable, and the whole UI adapts. We00
DDimonindimonb19a.hashnode.dev·4d ago · 2 min readNice custom Svelte animationsSvelte ships fade, fly, slide, scale, blur, … in svelte/transition so you can just import those ones and use them out of the box. But you also can create your own actions and transitions, and use them00
DDimonindimonb19a.hashnode.dev·Jun 18 · 6 min readBuilding an Animated 404 RingThis is a write-up of the animated ring I built for a 404 page. It's a single component that renders an SVG "portal" — a set of concentric rings with drifting particles, a slow wobble, and a parallax 00
DDimonindimonb19a.hashnode.dev·Jun 16 · 4 min readThe Inline HTML Almost Nobody UsesEveryone knows <b>, <i>, <a>, and <code>. But HTML has a whole second cast of inline elements that most developers go entire careers without typing once — <ins>, <dfn>, <abbr>, <var>, <q>, <mark>. Not00
DDimonindimonb19a.hashnode.dev·Jun 14 · 6 min readLiquid glass needs a ladderEveryone wants the lens right now — the Apple-style glass where content doesn't just blur behind a surface but visibly bends around its rim. And you can build it on the web today: SVG displacement fil00