The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
A small dev tool I add to every site I build.
I recreate the design grid directly in the browser and use it throughout development to keep spacing, alignment, and proportions consistent with the original design. Simple, but makes getting from Figma → browser much more precise.
Shift + G to toggle
Esc to hide
Such a smart workflow hack for pixel-perfect alignment! Is this a custom bookmarklet script you developed, or a lightweight Chrome extension?
Neither actually! It’s a small custom JS module I include in my projects. It creates the grid directly in the DOM based on the number of columns I pass in. Shift + G toggles it and Esc removes it. Here’s a small snippet from the class.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Challenges
View all
Related posts
“Or similar” leaves a lot to the imagination.
A few billboard designs I made for Sync as part of the rebrand. The campaign centres on a simple promise: the car you see is the car you drive.
I kept that message big and direct, with the cars up close and enough pink to make you look twice.
The way the oversized promise carries through the pink palette is really effective—the close-up crops make the car feel immediate without losing the campaign idea.
did some home cleaning - works page is now my homepage
i've lost over 50% of traffic because people dropped off on my previous homepage (about now) that didn't give any value
check it out yourself: https://seb-astian.com
looking great! i love that loading animation.
Icon cards for me, bouquets are such a visual purchase that a scannable icon beats reading "small/medium/large" every time. Did the compact chips version convert worse in testing, or are you still gathering data on that?