Steve Ruiz
@steveruizok
Followers
35,098
Following
676
Media
4,086
Statuses
15,327
Explore trending content on Musk Viewer
Maggie Smith
• 785844 Tweets
Netanyahu
• 622037 Tweets
Beirut
• 486962 Tweets
القادسية
• 423643 Tweets
Nasrallah
• 306100 Tweets
Zelensky
• 262196 Tweets
Harry Potter
• 211815 Tweets
Lali
• 201017 Tweets
بيروت
• 163760 Tweets
الزمالك
• 120127 Tweets
Acapulco
• 95699 Tweets
#الضاحيه_الجنوبيه
• 79155 Tweets
I-40
• 73039 Tweets
マクゴナガル先生
• 54231 Tweets
حامد
• 35722 Tweets
Van Gogh
• 29508 Tweets
Willie
• 27821 Tweets
Asheville
• 26536 Tweets
FONDEN
• 25808 Tweets
#حسن_نصر_الشيطان
• 18311 Tweets
Dortmund
• 15527 Tweets
Barcola
• 15406 Tweets
#السوبر_الافريقي
• 13565 Tweets
Bane
• 12104 Tweets
I think I just invented the worst icon for team / collaboration
96
393
6K
permit me me to flex: this is
@tldraw
on two devices syncing in real time. This is NOT local dev! sync is happening via a websockets server hosted on
@Cloudflare
workers
56
124
2K
New approach on my arrows problem. More math, less logic. These are the kinds of arrows I wanted from the start!
36
202
2K
When I’m writing code, I have a habit of making lots of “little fixes” that are unrelated to the issue I’m working on. This results in a PR which includes a lot of unrelated changes, making it harder to communicate and review.
150
74
2K
Very happy to announce tldraw's $2.7M seed funding round, led by
@Lux_Capital
. 🍾 We've got big plans—and a new version that goes into public beta today.
161
91
1K
Just pushed a new version of perfect-arrows, 0.3! 🚀
- Revamped algorithm for box to box arrows
- Better overlap / collision handling
- Lots of edge cases fixed
9
85
1K
I'm taking the rest of the year off to work on
@tldraw
full time. 🎉 Turns out there's a lot of enthusiasm for an open source hackable SVG-rendered drawing tool. My goal is to get it the entire architecture open and toot tooting by the end of the year.
28
66
988
TIL you can write overloads for arrow functions in TypeScript
17
74
854
god damn
@Cloudflare
workers are ridiculous. this is NOT local—though it might as well be since I think the server is a mile away
23
64
846
Here's a trick I've used to create the illusion of extra spacing on tight lists
14
47
812
da crispy look, box shadow + border + very minor inset shadow to help the border pop?
24
15
790
$56,722.44 in
@github
sponsors for 2022. 🤯 Thanks to everyone who chipped in, that was a big bridge year for me.
12
13
779
🚀 Just launched perfect-freehand, a minimal open source library for drawing beautiful freehand, pressure-sensitive lines. Simulates pressure on mouse / touch devices.
24
108
773
I don’t use zig and have no opinion here, however this is pretty remarkable. Do your thing mr zig
20
22
747
Tailwind is nice but now I have 500 components that are just divs with classnames
56
21
713
This is definitely a bug but it feels kinda awesome. Somehow fast drags are turning into bends?
29
55
699
Hey
@canva
thanks for using perfect-freehand! Here's my sponsorship link:
12
21
614
everything OK babe? you’ve barely touched your React 18 features
14
42
600
In Figma, start editing a vector shape, then select a node, hold Alt / Option and then hold an arrow key
8
21
564
If you're building a developer product (library, etc) IMO skip docs beyond the absolute minimum and make a bunch of examples. Like a ton of shitty examples. Every time someone asks a question, make an example as the answer.
30
40
550
Hey, check out the app I've been working on: . It's sponsorware for now: anything $1 or more on
@github
sponsors will give you access.
23
61
532
still insane to me that
@digitalocean
bought
@css
tricks and did nothing with it, no new content since April 2023, nada
23
38
525
This week I'm bringing perfect-freehand into
@excalidraw
to improve the pen tool. Pressure-sensitive digital ink is on its way!
14
39
523
not to argue about frameworks, but ask yourself: if Figma can entirely render their app serverside using Ruby on Rails, do you really need react for your blog?
25
16
467
ChatGPT's biggest flaw is that its name doesn't work as a verb.
🥉 google it / I googled it
🥈 bard it / I barded it
🥇 bing it / it's bung
78
19
450
I'm starting to raise money for a startup around
@tldraw
. The short-term bet is that hey, people like using the app so let's make it better. The long-term bet is that there are lots and lots of teams who want to make an app like tldraw but can't. 🧵
12
24
445
i dont know what you guys are complaining about, this rules
19
5
439
As a remote worker, the best advice I can give is to avoid screens, devices, or any source of blue light for about an hour before your afternoon nap.
8
53
426
the window.roomDetails() API is incredible
7
27
420
Design review time!
Notice that the new iPad page has 0% "scrolly-telling" — none of the animations are driven by scroll position. Very few are even initiated by screen intersection.
3
15
416
I had an idea this morning for a new freehand drawing algorithm. ~900 input points to 45
8
36
404
This ai therapist keeps telling me to do deadlifts, move to a city with low taxes for expats, and grind to $100k MMR
18
6
406
🎉 I'm going to keep working on
@tldraw
. I'll be raising money in the new year to build a team and build an open-core platform for spatial canvas apps. DMs open if you want to discuss!
Back in July, I decided to take the rest of the year off to work on my project
@tldraw
. It’s been an adventure! I’ve finally decided on my next move—but as is Twitter tradition, hype now and announcement tomorrow. 😬
2
0
134
26
17
389
🚀 After much work and lots of docs, here's the core lib for tldraw, used to render React components in a canvas-style UI.
9
43
384
I've just published an NPM package called "perfect-arrows" for my arrow-drawing work. I'm starting with a point-to-point function, then moving on to box-to-box. Lots of options for tweaking the arrow, too.
💘 Demo:
🏹 Repo:
7
49
367
Made a thing to help me design scroll effects for
@createwithplay
. What can you make with it?
9
25
353
Yes, the AI part of
@tldraw
is extremely cool, but so is the years of daily engineering
@steveruizok
put in behind it.
15
34
587
5
7
349
In
@figma
, if you rotate a few shapes and then rotate them back, they'll end up in a different place. What's happening? 🧵
13
27
332
Today I found a ten year old micro-app by
@evanwallace
with a great arrow-drawing algorithm. I worked through the code and adapted it for perfect-arrows. Really beautiful arrows! Playground here:
6
31
319
I would never in a million years create a product with a name that had a space in it, however if I did I would insist that all copy use a non breaking space. heads would be rolling rn
17
9
312
minor
#TypeScript
breakthrough: from a union of objects, get an object type containing all properties with each property typed as a union of their different values
11
21
308
Once again a total miss. I don’t need a friend or companion, I wish only to carry my ai nemesis around my neck, imprisoned in a gem, witnessing my life, my joy, as a mockery of his death, his anguish
10
17
307
@soney_mathew
90% clout, 10% preventing stale tabs from overwriting local data when the same document is open in two tabs
3
7
301
sick guy over here trying to ship tldraw’s developer library out of alpha with a brain full of worms
7
23
299
In Figma, many teams use emoji in page titles to mark a page’s status (in progress, complete, etc). It’s an example of users creating a feature for themselves in the “wiggle room” provided by the application’s other features.
What do you call this?
Where else have you seen it?
79
7
294
So excited for this. A solid API for defining relationships between shapes is the last big piece of the SDK puzzle. (We hacked it for arrows, but now we’re turning that into the general API)
19
15
296
19
28
290
