diegohaz Profile Banner
Haz Profile
Haz

@diegohaz

Followers
11K
Following
7K
Media
967
Statuses
9K

– Author of https://t.co/00ikJAH4Mn – Previously Automattic, WordPress – JavaScript, CSS, Accessibility – Autistic, dad, he/him

Joined July 2009
Don't wanna be here? Send us removal request.
@diegohaz
Haz
5 days
We're working on an improved version of Ariakit, and I've never seen anything this good. – Superb UX.– 200+ new copy/paste examples.– Tailwind plugin for easy and accessible styling.– shadcn commands.– AI prompts with everything you need. Can't wait to release this.
3
13
208
@diegohaz
Haz
1 day
Safari doesn't seem to skip rendering elements hidden with content-visibility, which includes details/summary. This means a custom disclosure component that removes its content from the DOM when collapsed can actually be more performant than native HTML. 🤦🏽‍♂️.
2
0
0
@diegohaz
Haz
2 days
If you want to try Ariakit Tailwind, join our Discord:
Tweet card summary image
discord.com
The official Ariakit community on Discord. | 126 members
0
0
1
@diegohaz
Haz
2 days
Collapsible list items built with native HTML (ol > li > details > summary) and Ariakit Tailwind.
5
7
133
@diegohaz
Haz
8 days
If you had to build a collapsible panel (also known as a "disclosure" element) in 2025 for something like a FAQ section, what would you use and why?.
6
0
4
@diegohaz
Haz
9 days
I picked up the .com in a domain auction (the previous owner let it expire) 😀. Should I redirect it to .org or make .com the main?
Tweet media one
7
0
41
@diegohaz
Haz
9 days
Working on custom styles for checkbox cards
Tweet media one
0
1
44
@diegohaz
Haz
15 days
Related example:
@diegohaz
Haz
2 years
Do you struggle to execute long-term plans?. The current state of @ariakitjs was envisioned 2-3 years ago. I have plans laid out for the next 3-5 years. The key is not to focus too much on the end goal. It may appear unreachable, which can hold you back. Instead, think about the.
0
0
0
@diegohaz
Haz
15 days
> I am in a marathon, not a sprint, and no matter how far away the goal is, the only way to get there is by putting one foot in front of another every day. I'm always impressed by how well this works in my life.
2
1
13
@diegohaz
Haz
20 days
Ariakit has a banner (finally)
Tweet media one
3
4
129
@diegohaz
Haz
25 days
Header with subtle animations
0
1
48
@diegohaz
Haz
27 days
Grok 4 very thoughtful
Tweet media one
0
0
2
@diegohaz
Haz
28 days
RT @aurorascharff: Successful talk at @WeAreDevs yesterday. It was great to demo to more developers what @ariakitjs can do 🔥.
0
4
0
@diegohaz
Haz
28 days
RT @daniguardio_la: I am building a team and hiring senior/staff frontend engineers for Proton Docs. React + TypeScript. Bonus: Yjs, Lexic….
Tweet card summary image
proton.me
Proton Docs is end-to-end encrypted so your work stays safe from data breaches, online surveillance, and can never be fed into privacy-invading AI models.
0
8
0
@diegohaz
Haz
29 days
Great talk!.
@frontendnation
Frontend Nation
30 days
Async UI doesn’t have to be chaotic!. @aurorascharff showcased how to clean up async UI using @reactjs 19, @nextjs App Router & Ariakit with faster loads, smoother updates, and better accessibility ♿. 📽️ Watch the full talk: #FEN25.
0
1
6
@diegohaz
Haz
1 month
Is `shadcn add` like `npm install` for unbundled frontend code?.
1
0
7
@diegohaz
Haz
2 months
Ariakit supports this via the `getPersistentElements` prop on dialogs and popovers (. It would be great if we could handle this natively, though.
0
0
3
@diegohaz
Haz
2 months
Another example is a chat/support popover that must remain on top of everything, even when a modal dialog is open. I don't see how this can be done without losing the element's internal state. The new `moveBefore` API might resolve this, but it would likely result in messy code.
1
0
3
@diegohaz
Haz
2 months
The lack of control over the CSS top-layer for native popovers and modal dialogs makes them far less useful. For example, I want a popover to display above every element except a fixed page header, but I can't just move the header to the top-layer.
2
0
14