Single-table design is magic

This is the Eloquent query I run to get
- lat/lng of the given location
- Profiles of current user & their friends
- Profiles of birds they identified in that location, including timestamps
- Profiles of their multiplayer birding sessions in that location

This VS Code config will add @tailwindcss.com Intellisense to all code between a starting comment /** tw */ and an ending comment /** endtw */

This is incredibly useful for reusable classes tucked away in a JS variable or helper function, which TW Intellisense won't automatically check

Vite apps can shave off some bundle size by setting `build.rollupOptions.treeshake` to `smallest`.

This allows rollup to treeshake more aggressively—for example, it will now shake unused third-party libraries that didn't set `sideEffects: false` in their package.json.

Here's my progressively enhanced design & positioning logic for popups, implemented with CSS, Tailwind, ResizeObserver, and Vue.

Zero usage of `getBoundingClientRect`, scroll listeners, or any other techniques that thrash the layout or block rendering!

The typeahead query and the time elapsed/remaining until the typeahead auto-clears are both reactive, so my custom component can render the query and a little time animation. When you initially call `useSelect`, you can configure fuzzy-matching thresholds, and the millisecond delay until auto-clear.

`select` typeahead UX was something I wanted to improve on when I first started writing Baleada Vue Features composables like `useSelect`.

I'm finally building a real design system on top of these composables, and loving how flexible, powerful, and observable they are.

Tons of relatively small commits this month for Baleada Features (closest thing you can get to React Aria in Vue). This is all driven by the full design system I'm building to stress test it.

Gonna learn how to do beta releases so I can get it out in the world

github.com/baleada/vue-features

A subcategory of Tailwind utilities: very simple aliases that clarify the intent behind CSS tricks/techniques that can otherwise be a little magical.

In this case `overlap` clarifies the intent behind forcing two elements to start in row 1 & column 1 in a grid.

You can just `fetch('https://api.github.com/users//events')` to get a list of your recent open source contributions, only ~5 minutes behind real time.

On alexvipond.dev/now, I used to only list high-level projects I'm working on. I like how GitHub events add a little more life & change 🌱

TIL you can use `key` to reset all component state 🤯

react.dev/learn/preser...