Jon Shamir
148 posts
Jon Shamir
@jonshamir
Design + technology @studio_normal_ working on @prepbook_app
Katılım Kasım 2009
1.2K Takip Edilen96 Takipçiler
Jon Shamir retweetledi
TIL you can modify open-source variable fonts without the source files
I wanted to use @iAWriter Quattro for @prepbook_app but the spacing and fractions were not ideal for ingredient lists. Claude Code helped me write a @fontTools pipeline that edits the compiled .ttf directly!
github.com/jonshamir/prep…
GIF
English
realistic paper physics for my overengineered contemporary traditional japanese daily tear-off calendar
#designtwitter
English
I spent hours trying to get rid of awkward whitespace in the ingredient tooltips while working on @prepbook, and today a solution magically appeared!
Cheng Lou@_chenglou
My dear front-end developers (and anyone who’s interested in the future of interfaces): I have crawled through depths of hell to bring you, for the foreseeable years, one of the more important foundational pieces of UI engineering (if not in implementation then certainly at least in concept): Fast, accurate and comprehensive userland text measurement algorithm in pure TypeScript, usable for laying out entire web pages without CSS, bypassing DOM measurements and reflow
English
why are people so obsessed with this lol
like it's cool tech but almost every demo I see of it is totally impractical. it should just be used for laying out articles in more intersting ways
Kat ⊷ the Poet Engineer@poetengineer__
woa this is so fun!
English
@arne__ness Just a few days ago I was trying to fix this awkward spacing issue and turns out it’s not possible with CSS… but this library solves it perfectly!
x.com/jonshamir/stat…
Jon Shamir@jonshamir
I spent hours trying to get rid of awkward whitespace in the ingredient tooltips while working on @prepbook, and today a solution magically appeared!
English
can’t for the life of me think of a single actual use case for this. why would i want text to constantly be moving when im trying to read it
stevibe@stevibe
your physics textbook is not boring anymore Hooke's Law with live text reflow around an actual bouncing simulation. 60fps. zero layout thrashing. @_chenglou what have you unleashed
English
Jon Shamir retweetledi
My dear front-end developers (and anyone who’s interested in the future of interfaces):
I have crawled through depths of hell to bring you, for the foreseeable years, one of the more important foundational pieces of UI engineering (if not in implementation then certainly at least in concept):
Fast, accurate and comprehensive userland text measurement algorithm in pure TypeScript, usable for laying out entire web pages without CSS, bypassing DOM measurements and reflow
English
Jon Shamir retweetledi
@emilkowalski So nice! Treating the pixels as particles is clever
English
Made this interaction of Linear’s dithered logo for our latest release.
It’s using canvas with a lot of tiny dots. There’s an invisible circle around the cursor.
Any dot inside it gets pushed outward with a cubic falloff so it’s gentle on the edges, and strong at the center.
English
Gaussian splatting as part of the UI – a lot went into making this as performant as possible – for example, for the frosting effect I track the card in screen-space and only render to and sample the pixels touched by the blur
English
Jon Shamir retweetledi
New blog post: A Decade of Slug
This talks about the evolution of the Slug font rendering algorithm, and it includes an exciting announcement: The patent has been dedicated to the public domain.
terathon.com/blog/decade-sl…
English
Details That Make Interfaces Feel Better
jakub.kr/writing/detail…
English
how to make #CSS view transitions swoop or have motion blur
or how I learned to help view transitions not always go in straight lines
⤷ nerdy.dev/swoop-there-it…
English
@ilyamiskov Nostalgic! I loved how originally Mac search inputs were rounded while “regular” text boxes would be rectangular.
We don’t get this level of consistency in modern Apple software…
English
Added the bookmarks bar and a tab bar.
Did I miss anything? And should I release this as a community file?
Now I'm thinking it'd be cool to make different Mac OS versions of this.
Ilya · イリア@ilyamiskov
Just made a Safari wrapper in Figma with Auto-Layout.
English
Turns out you can transition CSS variables directly with property at-rules - no need to add color transitions to every element individually. Makes dark mode fade animation way simpler!
Wrote about it here: jonshamir.com/writing/color-…
English
@darylginn prepbook.app - recipe manager for creative cooks
As simple to use as notes, with clever culinary capabilities :)
English