Sley UI notes https://sley-ui.dev/ Measurements taken while building a component registry for data-dense interfaces. en Thu, 20 Aug 2026 09:00:00 GMT Where a row window starts to pay https://sley-ui.dev/notes/row-window https://sley-ui.dev/notes/row-window Thu, 20 Aug 2026 09:00:00 GMT Measured on a real table: a row window makes scrolling free at 1000 and 5000 rows, and does nothing at all for the load. Aligning a control to a line of type https://sley-ui.dev/notes/alignment https://sley-ui.dev/notes/alignment Thu, 20 Aug 2026 09:00:00 GMT Measured: two type faces on one row drift half a pixel, a control sits 1.5px low on the box centre, and the fix is one token. A theme fade that animates five things https://sley-ui.dev/notes/theme-fade https://sley-ui.dev/notes/theme-fade Thu, 20 Aug 2026 09:00:00 GMT A view transition fades the whole page with five animations. Transitioning the colours on every element starts 3164 and misses nine frames in sixty. One tab stop for five thousand rows https://sley-ui.dev/notes/row-cursor https://sley-ui.dev/notes/row-cursor Thu, 20 Aug 2026 09:00:00 GMT A roving tabIndex on the row, no role of grid, and a focus band drawn on the cells so it reaches the pinned ones. Every part measured. Largest triangle three buckets, and the peak it loses https://sley-ui.dev/notes/downsampling https://sley-ui.dev/notes/downsampling Thu, 20 Aug 2026 09:00:00 GMT Of 1801 targets over 50,400 readings, 1715 keep the peak and 86 lose it. The path data goes from 733,477 characters to 14,632.