Skip to content

Commit 0184776

Browse files
📝 Add new threads 2025-08-31
1 parent c19d6ab commit 0184776

File tree

3 files changed

+72
-0
lines changed

3 files changed

+72
-0
lines changed
Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
---
2+
title: Constraints shape the architecture
3+
date: 2025-08-30T13:45:09.641Z
4+
url: https://x.com/AnandChowdhary/status/1961787239169683563
5+
---
6+
7+
Pre- Flexbox and CSS Grid, equal height cards in a responsive grid meant floats, clearfix, and a bit of JS. On Dec 25, 2015 I shipped One Grid, under 1 KB, for fixed-height infinite blocks. Christmas day hack, yes really. The quiet lesson: constraints pick the architecture. 📐👇
8+
9+
How it worked:
10+
• Layout: floats plus a micro clearfix. Gutters with negative container margins and child padding using border box.
11+
• Height: tiny JS grouped cards by visual row via offsetTop and set the max height inline.
12+
• Behavior: debounced resize and reflow. No deps.
13+
14+
Tradeoffs:
15+
• Source order controlled layout
16+
• Forced reflow on measure, thrash on long lists
17+
• Late images and webfonts needed another pass
18+
19+
What aged well vs not:
20+
• Well: a strict bytes budget under 1 KB forced clarity. Zero tooling kept adoption simple.
21+
• Not: floats, clearfix, and JS equalization. Today I would reach for Grid or Flex with gap, align items stretch, grid auto rows, aspect ratio, and object fit. Less jank and better a11y. Bigger lesson: pick primitives that are converging and design to delete code later.
22+
23+
If I built it today I would use grid template columns repeat auto fill with minmax, gap for gutters, aspect ratio for tiles, and maybe container queries instead of page wide breakpoints.
24+
25+
Here's the project: <https://github.com/AnandChowdhary/one-grid>
Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
---
2+
title: Pronouns decide product voice
3+
date: 2025-08-30T21:15:12.561Z
4+
url: https://x.com/AnandChowdhary/status/1961900485507678574
5+
---
6+
7+
My take after reading the great [@adamsilverhq](https://x.com/adamsilverhq): "My" vs "Your" sets the product's point of view. Pronouns decide who's talking and who owns the data. Get that wrong and nav, support copy, and i18n go sideways.
8+
9+
For navigation, drop pronouns when the object is obvious. Orders. Cases. Settings. Clean and consistent.
10+
11+
When scope matters, bind it in state, not labels. Cases \[All | Assigned to me\]. The label should reflect the query. "Your cases" hides the real rule. The system must actually filter to the current user.
12+
13+
Adam's rule is solid: When the system speaks to the user, use second person. When the user speaks to the system in controls, first person can help signal ownership.
14+
15+
I still lean on a clear question with concise options. Better for screen readers and localizers. Let the legend or label carry the pronoun so options stay short.
16+
17+
Edge cases need more than a rule of thumb. Delegated access, shared inboxes, role switching, impersonation. "Your" is fuzzy unless you show who is active.
18+
19+
Treat pronoun binding as state. Make the actor of record visible and keep copy and filters in sync with that state.
20+
21+
What I would measure next: cross channel instruction errors, time to complete role switch tasks, and localization defects around formal vs informal "you".
22+
23+
Until then, use neutral nouns in nav, "your" in guidance, and "my" only when the user is clearly speaking.
24+
25+
Adam's post: <https://adamsilver.io/blog/your-vs-my-in-user-interfaces/>

threads/api.json

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,26 @@
11
[
2+
{
3+
"slug": "pronouns-decide-product-voice",
4+
"path": "threads/2025/pronouns-decide-product-voice.md",
5+
"source": "https://github.com/AnandChowdhary/notes/blob/main/threads/2025/pronouns-decide-product-voice.md",
6+
"title": "Pronouns decide product voice",
7+
"date": "2025-08-30T21:15:12.561308Z",
8+
"excerpt": "My take after reading the great @adamsilverhq: \"My\" vs \"Your\" sets the product's point of view. Pronouns decide who's talking and who owns the data. Get that wrong and nav, support copy, and i18n go sideways.",
9+
"attributes": {
10+
"twitter": "https://x.com/AnandChowdhary/status/1961900485507678574"
11+
}
12+
},
13+
{
14+
"slug": "constraints-shape-the-architecture",
15+
"path": "threads/2025/constraints-shape-the-architecture.md",
16+
"source": "https://github.com/AnandChowdhary/notes/blob/main/threads/2025/constraints-shape-the-architecture.md",
17+
"title": "Constraints shape the architecture",
18+
"date": "2025-08-30T13:45:09.641473Z",
19+
"excerpt": "Pre- Flexbox and CSS Grid, equal height cards in a responsive grid meant floats, clearfix, and a bit of JS. On Dec 25, 2015 I shipped One Grid, under 1 KB, for fixed-height infinite blocks. Christmas day hack, yes really. The quiet lesson: constraints pick the architecture. 📐👇",
20+
"attributes": {
21+
"twitter": "https://x.com/AnandChowdhary/status/1961787239169683563"
22+
}
23+
},
224
{
325
"slug": "codex-unifies-the-workflow",
426
"path": "threads/2025/codex-unifies-the-workflow.md",

0 commit comments

Comments
 (0)