Benjamin De Cock
@bdc
Followers
24K
Following
4K
Media
476
Statuses
21K
Designer. Formerly @stripe, @csswg.
Joined November 2007
Good lord, @height_app is ✨ pure magic ✨
Confession: I’m bad at project management. So much that I automated it.
0
1
44
Our most ambitious AI/GPT-4 feature yet: Introducing Copilot Standups. Your daily/weekly standup, automated. Try it now https://t.co/7tgGmaARy6
1
6
35
Introducing Height Copilot. An AI agent that helps your team build better products. Available today at https://t.co/7tgGmaARy6
9
37
286
Some personal news: I recently left Increase! I had a blast — truly exceptional team and killer product! 🔥 What's next? I'm not sure yet, but for now I'd like to continue my angel investments and help the startups I invest in. Ping me if you're interested: ben@deaxon.com
9
2
89
Good lord, this thing really sparks joy! Coming from an ancient 11 Pro, the biggest difference for me isn't actually the Dynamic Island but the ProMotion display. So much FPS 🔥
11
1
46
I did a fun little interview with the great folks from @compound about the early days at @stripe and its incredible culture.
manual.compoundplanning.com
This interview is with Benjamin de Cock. Ben is a designer who started working for Stripe in 2012 and spent 8 years there, working on many projects including the Stripe home page and Stripe Checkout....
0
1
52
Introducing Code to Task Turn // todo into tasks, automatically 🧑💻 https://t.co/WA2qcJNaHZ
15
29
318
I try to stay optimistic about the future but I'm increasingly losing hope. I'm angry, frustrated and horrified about our lack of drastic reaction to climate change. https://t.co/XmfqkijN4Z
pnas.org
Prudent risk management requires consideration of bad-to-worst-case scenarios. Yet, for climate change, such potential futures are poorly understoo...
3
3
23
Once <link rel=prefetch> and the Shared Element Transition API are supported in all modern browsers, I'm not touching a single-page app ever again.
5
17
291
Stunning book on Otl Aicher. His work is outstanding, especially the visual identity and pictograms he designed for the 1972 Olympic Games.
3
7
107
Regular spaces look offensively bad with exclamation marks, em dashes, etc. but no space at all looks almost just as bad. The only way to live a decent and respectable life is to rely on automatic text replacement to add proper narrow spaces when needed. 🤢 Hi ! 👎 Hi! 👌 Hi !
8
3
72
TIL pseudo elements can be selected and animated with the Web Animations API!
3
24
293
The dashboard "screenshot" in the last section isn't actually a screenshot but a miniature version of it that I redesigned and reimplemented at a smaller size. The goal was to get something super light and pixel perfect at this size instead of a slightly blurry scaled down image.
2
0
49
This section also has a subtle background animation illustrating the speed effect (huh, looks like I *really* wanted to emphasize it) which is powered by a custom setInterval-like function. As a result, you get something much more accurate, performant, and battery-friendly!
2
0
10
Another first-time use in production: the shape-outside CSS property! The section about speed displays two leaning paragraphs because, you know, speed (sorry), which are created by floating CSS polygons at the left and right of each paragraph.
2
0
21
One last thing about this overlay! It's the first time I find an optimal use case for the border-image CSS property: chat bubbles! I just provide a tiny SVG of the chat bubble in its smallest form, and the browser intelligently slices it and fills the entire regions. Super handy!
2
1
37
Speaking of the overlay, the close button adjusts its position (and animation) depending on the operating system in order to follow the platform's conventions, i.e. it'll appear on the top-left corner on macOS, but top-right on Windows.
1
4
55