JohnPhamous's banner

JohnPhamous

@JohnPhamous • 23,687 subscribers

@vercel & angel investor

Shorts

the ▲ design team is hiring - high agency, ownership, feedback volume - low ego, red tape, process send me a dm - product design, marketplace: - product design, growth - brand designer - design engineer, ai gateway all roles

45,408 views

dog is animated using a sprite sheet - single network request for 57kb image to get animation frames - no 3rd party dependencies

dog is animated using a sprite sheet - single network request for 57kb image to get animation frames - no 3rd party dependencies

243,940 views

representing ui as a state machine makes it easier to manually and automatically test

representing ui as a state machine makes it easier to manually and automatically test

124,511 views

vercel is hiring - product designer - design engineer - motion designer - brand designer

256,667 views

onboarding ends with fog reveal - css-only dynamic fog (no canvas/shaders) - fluid sizing - features the 4 spirits of whimsy

onboarding ends with fog reveal - css-only dynamic fog (no canvas/shaders) - fluid sizing - features the 4 spirits of whimsy

215,551 views

see in realtime the gpus you're about to buy

see in realtime the gpus you're about to buy

204,393 views

we built an internal code review tool - fast, ssr, no page jank, opportunistic updates - semantic groups: breaks down a giant diff into logical & ordered groups to review - marks groups that deserve extra human attention

we built an internal code review tool - fast, ssr, no page jank, opportunistic updates - semantic groups: breaks down a giant diff into logical & ordered groups to review - marks groups that deserve extra human attention

67,144 views

the vercel design team

the vercel design team

109,722 views

365 days at vercel

365 days at vercel

20,429 views

visual hash - bayer 4x4 dither - oklch monotone gradient

visual hash - bayer 4x4 dither - oklch monotone gradient

50,805 views

dog follows pointer + avoids collisions with no dependencies - builds the page as a graph, more subdivisions towards the text for perf - dijkstra shortest path

dog follows pointer + avoids collisions with no dependencies - builds the page as a graph, more subdivisions towards the text for perf - dijkstra shortest path

48,995 views

improving nested menus interactions uses a "prediction cone" to prevent accidentally selecting items when moving a pointer to the nested menu details below

improving nested menus interactions uses a "prediction cone" to prevent accidentally selecting items when moving a pointer to the nested menu details below

170,559 views

better multi-select for deployment status' - labels convey action - keyboard accessible

better multi-select for deployment status' - labels convey action - keyboard accessible

48,979 views

i added my dog to my website

i added my dog to my website

33,043 views

visual hash shader - signed distance function determines shape - key hashes to color, breathing & flicker

visual hash shader - signed distance function determines shape - key hashes to color, breathing & flicker

27,008 views

`scroll-padding-block` in a `textarea` so the text always has a gap with the bottom edge

`scroll-padding-block` in a `textarea` so the text always has a gap with the bottom edge

60,384 views

how can we improve the o11y on vercel for you?

how can we improve the o11y on vercel for you?

13,856 views

dog can fetch

dog can fetch

11,866 views

annoying nudge

annoying nudge

12,546 views

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

50% of ▲ design in july 2026

50% of ▲ design in july 2026

89,774 views • 2 months ago

we updated our 404 page to thank the open source contributors

we updated our 404 page to thank the open source contributors

41,282 views • 1 month ago

52% of ▲ design in september 2026

52% of ▲ design in september 2026

13,164 views • 15 days ago

datadog for humans - realtime heart rate - correlates with typing speed, clicks, pointer travel distance & what app you're in - breakdowns by websites & slack channels - insights in deep focus, context switching, hr per-app - local, native app

datadog for humans - realtime heart rate - correlates with typing speed, clicks, pointer travel distance & what app you're in - breakdowns by websites & slack channels - insights in deep focus, context switching, hr per-app - local, native app

131,813 views • 8 months ago

51% of ▲ design in august 2026

51% of ▲ design in august 2026

24,613 views • 1 month ago

wedding website as an rpg

wedding website as an rpg

27,730 views • 3 months ago

weightlifter a terminal-inspired progressive web app to track weightlifting - tells you what plates to rack - optimizes warmup -> working set plates to minimize re-racks - progressive overloading for reps and weight - dynamic rest times based on heart rate during exercise

weightlifter a terminal-inspired progressive web app to track weightlifting - tells you what plates to rack - optimizes warmup -> working set plates to minimize re-racks - progressive overloading for reps and weight - dynamic rest times based on heart rate during exercise

61,530 views • 1 year ago

leaked video of a design update

leaked video of a design update

11,475 views • 2 months ago

giving a talk AI Engineer on design engineering

giving a talk AI Engineer on design engineering

38,003 views • 1 year ago

No more content to load