What I’m learning and building
Learning
-
The Easy Way to Pick UI Colors. Sajid. Good refresher on Refactoring UI book concepts.
-
Phoenix LiveView - Interactive Apps without Javascript - ElixirConf EU 2019. The Road To LiveView 1.0. Chris McCord. A change in programming model. RPC hiding HTTP request-response over the network. Hotwire Turbo works are a coarser granularity (partials, pages) than LiveView (props). Similar goals of better abstraction of managing client-side state.
- Apple Developer Design Guidelines. Thinking in terms of components and semantics. SwiftUI as declarative ui. Applying different constraints and details on different platforms. Instead of "write once, run everywhere", "learn once, and apply appropriately". Media query and web components are web analogs, but without enough constraints. Reactive prop system under Signals proposal. Done today via libraries (react, svelte)
- Svelte. Reactive props, templates feel like html.
Building
- Tags checkbox filtering with pills. No confusion which label associated with checkbox
- Collapsible search box. Semantic and self contained. Use :focus-within and :placeholder-shown with css animations. Mobile viewport too narrow, hiding title doesn’t work with a nested :not. :before pseudo element doesn’t work on self-closing tags for adding an icon in a search input.
- Dark mode with tailwind dark: utility. CSS variables to constrain permutations. Do we actually need a text-quiet and text-quieter?