nicolás delfino / frontend developer / spritelove / web performance

A blog about things I'm learning atm, on the clock and outside working hours, interested in everything from web performance to creating pixel animation apps.

Featured

Micro-frontends & SCS

Micro-frontends architecture is the adoption of micro-services extended all the way to the UI layer. Due to the nature of our ever-changing frontend eco system, micro-frontends offers us the option to independently invest in certain key areas of our UI and to optimize throughput by grouping the right people together.

Latest blog posts

Micro-frontends & SCS

Micro-frontends architecture is the adoption of micro-services extended all the way to the UI layer. Due to the nature of our ever-changing frontend eco system, micro-frontends offers us the option to independently invest in certain key areas of our UI and to optimize throughput by grouping the right people together.

Declarative client-side transclusion with h-include

h-include is a javascript library for including fragments client side (client side transclusion), perfect fit for micro-frontend architecture in combination with server-side transclusion technologies like ESI.

All blog posts...

On the side...

Having side projects is crucial in order to stay up to date with the ever growing eco-system of frontend development. Here are some of the projects that I've enjoyed working on the most.

Spritelove

Spritelove

Spritelove is a fully fledged pixel art animation studio with tons of cool tools and features, save your content as gifs, individual frames or export spritesheets to PIXI

Retanx

Retanx

React strategy proof of concept using A* pathfinding algorithm, an immense amount of divs and CSS transitions.

Tracks

Tracks js

Tracks animates DOM elements from one state to another by temporarily injecting styles (Tracks.fromTo), its real strength is its capability to listen to the creation and deletion of DOM elements by using the MutationObserver API