The website and design portfolio of Gavin Nelson.

I speak and write about design, front-end code, leadership, and (occasionally) math.

before iphone and ipad apple created NEWTON from 1993 to 1998 this device defined the mobile world of computers About Messagepad Newton OS Stories Hi…

The UX profession has an aura of empathy and care for the people who use tech products. Businesses capitalise on this aura without having to entertain it.

Read all of the CSS and Web UI announcements from Google I/O 2024.

A JavaScript library to position floating elements and create interactions for them.

You’ve never seen anyone use a GUI in a clever way? I’ve been ten thousand miles in the mouth of a graveyard. The last makings of the future upon green banks of unseen battlefields. I traveled far and wide to prisons of the cross. What did you see there? I’ve seen hackers juggle mouse chords in ACME, musicians sequencing sequences of MIDI sequences in seq24, speed painters catching the light of day itself. I’ve seen Bay Raitt box modelling in Mirai.

The React model describes an application as a tree of “components”. Each component represents a subset of the complete UI element tree. For each component, there is a template function that takes some inputs and returns the new desired state of the UI. This function is called whenever an event occurs that might change the state of the UI. The template produces a data structure known as a “virtual DOM”. To realize this new state in the actual DOM, React diffs the previous tree with the new one and updates, creates, and deletes elements as necessary.With FRP, you describe your program as an acyclic graph of nodes that contain time-varying values. The actual value of any given node is determined by a function that maps the current values of some input nodes into an output value. The system is bootstrapped by handling a UI event and updating the appropriate root node, which kicks off a cascade of updates throughout the graph.

wiki entry about how to modify the firefox bookmark bar – hide favicons, only show labels, etc.

📚 The most minimal cross-platform GUI library - now in Lua!

Visual testing is essential in web app development, ensuring your users never face a broken UI. Learn everything you’ll need in this comprehensive guide.

For readers, they look just like normal blog posts, there’s RSS and there’s a normal web view. The weirdo chat bubble interface is only for the person writing them.

It’s supposedly a way to overcome writer’s block. I haven’t tried the app (and not gonna), but I do believe that this does work.

Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.