Rostislav Melkumyan

Rostislav Melkumyan

@rosti.no

Breaking stuff at @sanity.io

58 followers88 following24 posts

View full thread
Rostislav Melkumyan
@rosti.no

i collapsed it into 1 pass over a Uint32Array, downsampled to ~45x45, reused canvases at module level, and added caching so changing baseSize/scaleFactor doesn’t re-scan content detection: 1.4ms -> 37us per logo (38x) full mount: 29ms -> 828us for 20 logos (35x) github.com/sanity-labs/...

Rostislav Melkumyan
@rosti.no

references for the curious: Uint32Array trick from 2011, still holds up: hacks.mozilla.org/2011/12/faster-canvas-pixel-manipulation-with-typed-arrays/ canvas reuse patterns: web.dev/articles/canvas-performance willReadFrequently for getImageData: schiener.io/2024-08-02/canvas-willreadfrequently

hacks.mozilla.orgFaster Canvas Pixel Manipulation with Typed Arrays – Mozilla Hacks - the Web developer blogEdit: See the section about Endiannes. Typed Arrays can significantly increase the pixel manipulation performance of your HTML5 2D canvas Web apps. This is of particular importance to developers ...
Rostislav Melkumyan
@rosti.no

it was doing 3 full pixel scans per logo (bbox, visual center, density). each scan made a new canvas, drew full-res, then walked every pixel. 400x400 is 160k pixels, 3x

Rostislav Melkumyan
@rosti.no

fun css tip from yesterday's react-logo-soup post: if you render logos as inline-block, the browser treats them like words. which means css text-wrap: balance just works. it distributes logos evenly across lines instead of leaving one sad orphan on the last row

Rostislav Melkumyan
@rosti.no

Hey! I wrote something 🖼️ Give it a read!

Sanity@sanity.io

We bet you've spent more hours than you'd admit getting a row of partner logos to look right. Our colleague @rosti.no automated it. Pixel density analysis, aspect ratio normalization. Just maths (not AI). npm install react-logo-soup 🧪 sanity.io/blog/the-logo-soup-problem

Rostislav Melkumyan reposted

Cody
@codey.bsky.social

Here it is in real-time (and Dark Mode) 🥰 Coming to a @sanity.io UI near you 🔜

Cody@codey.bsky.social

Blown away by how smooth @motion.dev orchestrates spring transitions. AnimatePresence + layout="position" + when: 'beforeChildren' let's me fade in the toast card, then stagger and fade in the toast contents, while everything is interruptible and responsive. 💖 The vid is 20x slowed down 🤌

Rostislav Melkumyan
@rosti.no

You can now init a new Sanity project with a remote template! Here are some to get you started: $ npm create sanity@latest -- --template sanity-io/sanity-template-astro-clean sanity-io/sanity-template-nextjs-clean sanity-io/sanity-template-sveltekit-clean sanity-io/sanity-template-remix-clean

Rostislav Melkumyan
@rosti.no

My theory is that Black Week was invented by SREs to load balance human spending—turns out spreading chaos across the week is more efficient than handling a single peak day

Rostislav Melkumyan
@rosti.no

❤️❤️❤️

Sanity@sanity.io

Open source software is crucial to the success of Sanity, so it makes sense to give back to great projects that we and our community use every day. That's why we joined the @opensourcepledge.com with a $112k donation to great projects and maintainers. 🫶 www.sanity.io/blog/sanity-...

sanity.ioSanity joins the Open Source PledgeWe are joining the Open Source Pledge, committing to pay $2,000 per year per full-time developer directly to open source maintainers and foundations.
Rostislav Melkumyan
@rosti.no

Help us ship more quality bugs 🫶

Jon Eide Johnsen@joneidejohnsen.bsky.social

⚡️ I'm hiring – come join my team as Tech Lead for Growth at @sanity.io! You'll work across the product and stack, set technical direction for the team, and ship fast and iterate as we learn – we value velocity and pragmatism above all else. DM me if you're interested or know someone great!

You are up to date.