George Drury's Avatar

George Drury

@georgedrury.dev

Full-time design generalist, part-time engineer. Also: type, semiotics, catsπŸ‘ŒπŸ½

31
Followers
177
Following
11
Posts
17.02.2025
Joined
Posts Following

Latest posts by George Drury @georgedrury.dev

Maya, a software engineer, presenting to design engineers at Granola’s office

Maya, a software engineer, presenting to design engineers at Granola’s office

Great evening at @meetgranola.bsky.social listening to design engineers present their work. Got to see more of @maya.computer’s work and learn about their process! ❀️

10.09.2025 21:12 πŸ‘ 4 πŸ” 0 πŸ’¬ 1 πŸ“Œ 1

I’ve had an iPhone since 2009. This is the first time I’m seriously considering spending Β£59.99 on an in-app purchase. πŸ”₯πŸ”₯πŸ”₯

06.06.2025 14:06 πŸ‘ 4 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
turing.ac.uk using a Cloudflare real human verification check box test?!

turing.ac.uk using a Cloudflare real human verification check box test?!

Really, Alan Turing Institute?

06.06.2025 12:44 πŸ‘ 280 πŸ” 73 πŸ’¬ 4 πŸ“Œ 1
Post image

CSS/UX tip πŸ’‘

If you use smooth scroll behavior, don't forget to respect the prefers-reduced-motion preference.

04.06.2025 14:59 πŸ‘ 9 πŸ” 1 πŸ’¬ 1 πŸ“Œ 0

In previous versions you could separate them out in the tailwind.config.js

theme: {
extend: {
backgroundColor: {
secondary: '#00fd97',
},
textColor: {
secondary: '#001bff',
}
}
}

18.04.2025 15:32 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

In your theme.css

@theme{
--color-secondary: "#00fd97";
}

then you can then use bg-secondary, text-secondary, border-secondary

18.04.2025 15:32 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

Which tailwind version are you using?

18.04.2025 14:11 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Screenshot of a magnemite breaking into a building in the PokΓ©mon anime

Screenshot of a magnemite breaking into a building in the PokΓ©mon anime

he’s hacking

13.04.2025 19:15 πŸ‘ 1350 πŸ” 192 πŸ’¬ 12 πŸ“Œ 5
Video thumbnail

I've been working on some interactions for a case management application.

Still iterating over the animation, but I'll be enrolling in @emilkowal.ski's animation.dev course shortly to level up

12.04.2025 12:51 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
A macOS window showing a metallic rubber duck with Xcode app running in the background

A macOS window showing a metallic rubber duck with Xcode app running in the background

I've become guilty of expecting Claude/Cursor to solve my bugs, then I get frustrated when they start hallucinating. An old mentor bought our team rubber ducks and taught us the technique. I'm now vibe coding a Swift app and talking to my app as I'm building it.

21.03.2025 08:57 πŸ‘ 3 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Code snippet showing a component composition pattern for a marquee component that is similar to shadcn's ui components

Code snippet showing a component composition pattern for a marquee component that is similar to shadcn's ui components

Code snippet showing a component composition pattern for a marquee component that is similar to Radix's component library

Code snippet showing a component composition pattern for a marquee component that is similar to Radix's component library

Going round in circles of whether to release two composition patterns. Any thoughts on naming? Semantic pattern for those who are used to @shadcn.com's ui components. The primitive pattern is closer to @radix-ui.com's library

17.03.2025 18:48 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Looks great! Not sure about the interaction when you tap on the Vercel tag – feels very sudden when it scrolls to the anchor

10.03.2025 18:57 πŸ‘ 3 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Post image

Made some more progress last night

10.03.2025 18:09 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Code snippet showing JSdocs for a marquee component

Code snippet showing JSdocs for a marquee component

Working on something

09.03.2025 12:00 πŸ‘ 3 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0