Archive

UIUX6 writings

7 writings

  1. Way to Minimalism, Part 1: Meta Bar
    A blog minimalism experiment starting from the article meta bar, tucking fonts, line height, post info, and comments into lighter UI for a quieter page.

    UIUX5 min

  2. Use Gum in Nushell Scripts for Better UIUX
    Adding interactive TUI components to shell scripts with Gum, and caveats when using it in Nushell.

    ShellUIUXNushellTUI8 min

  1. UI/UX Terminology
    Why is it called a Radio Button, a Breadcrumb, a Toast? These UI terms trace back to car radios, Grimm's fairy tales, and toasters — metaphors early GUI designers borrowed from the real world.

    WebUIUX17 min

  2. Exploring Progressive Image Loading Techniques
    A deep dive into LQIP, BlurHash, ThumbHash, and other progressive image loading strategies for the web.

    ImageWebUIUXLQIP5 min

  3. HTML Table Overflow Issues
    A simple CSS technique to keep HTML tables within their containers by controlling table layout and text wrapping.

    CSSJavaScriptUIUX4 min

  1. Fix Markdown Footnote Jump Overlap With CSS Scroll-Margin-Top
    Fix the common problem where fixed top navbars hide jump targets using scroll-margin-top rule

    BlogCSSWebUIUX2 min