Jonathan Neal(@jon_neal) 's Twitter Profileg
Jonathan Neal

@jon_neal

I like you just the way you are.

ID:103049472

linkhttps://jonneal.dev/ calendar_today08-01-2010 18:14:52

10,4K Tweets

4,1K Followers

137 Following

Adam Wathan(@adamwathan) 's Twitter Profile Photo

Wes Bos There's a good tool in Edge for it: learn.microsoft.com/en-us/microsof…

It won't be a problem if your page is small but the performance will scale poorly with the total number of DOM nodes on the page.

account_circle
Wes Bos(@wesbos) 's Twitter Profile Photo

Modern CSS is TOO good.

Disable scrollbars when this dialog is both a modal, and open

No JS, no state, no classes, no aria labels - just a few lines of CSS

Modern CSS is TOO good. Disable scrollbars when this dialog is both a modal, and open No JS, no state, no classes, no aria labels - just a few lines of CSS
account_circle
Jonathan Neal(@jon_neal) 's Twitter Profile Photo

I like Tailwind. I would not use it in JSX, as it leads to CVA & then tailwind-merge & then framer/etc because class names suffer animation & fine tuning.

I believe at that point the scales tip back in favor of Tailwind for CSS, only then such a migration may be untenable.

— me

account_circle
Haz(@diegohaz) 's Twitter Profile Photo

✨ New example: Select with Combobox and Tab

A custom Select component that can be used to create anything from a simple custom select widget to a searchable, tabbed one.

Demo: ariakit.org/examples/selec…

account_circle
Konnor Rogers(@RogersKonnor) 's Twitter Profile Photo

I'm currently not feeling so hot after having had a root canal this morning, but did want to take a moment to thank everyone who helped make the Web Awesome kickstarter a success, you're all awesome.

kickstarter.com/projects/fonta…

account_circle
Jonathan Neal(@jon_neal) 's Twitter Profile Photo

const { module } = await import('npm:@deno_land/next@latest/package.mtson', { with: { target: 'ESNext', module: 'ESNext', esnext: ['ES2015', 'DOM'] } })

const moduleURL = url.pathToFileURL(module)

export default new Boolean(import.meta.url === moduleURL.href)

account_circle
Konnor Rogers(@RogersKonnor) 's Twitter Profile Photo

I really can't see a reason not to use ElementInternals on every custom element.

Custom States alone mean we don't have to rely on attributes for being able to style state. This makes it play much nicer with 'morphing'

account_circle
David K 🎹(@DavidKPiano) 's Twitter Profile Photo

🏪 Excited to announce XState Store!

→ Extremely simple API
→ Extremely small (< 1kb min/gzip)
→ XState-compatible (if you need the power)
→ Extra strong typing (inferred!)

npm i @xstate/store

🏪 Excited to announce XState Store! → Extremely simple API → Extremely small (< 1kb min/gzip) → XState-compatible (if you need the power) → Extra strong typing (inferred!) npm i @xstate/store
account_circle