Playing with Yahoo Pipes for the first time. This is the UI I’ve been dreaming of for years. The data sources are bogged down with nasty RSS/ATOM semantics, but that’s mostly irrelevant. The important things:
I made a Pipe to convert #microformats2 h-feed/h-entry markup into RSS from scratch in about 15 mins, having never used the tool before (bear in mind also that this is not a tool built for consuming mf2 data structures): Convert Microformats to RSS. The tiny feedback loop the Pipes tool provides, both in deploying, sharing and debugging, enabled Tantek Çelik to find a bug in his site’s markup.
Again: WHY DOES NO-ONE KNOW ABOUT THIS? If it’s because processing stodgy, outdated, DRY-violating formats is its bread and butter, fair enough. Let’s rebuild this with microformats2.
Is a website a web app if I keep on trying to open it using Spotlight? “Launching a browser” is flow-breaking indirection.
@benwerd I use markdown for initial authoring purely for speed, esp. when typing on mobile devices. After that I just edit the HTML. I’ve yet to come across a WYSIWIM editor which satisfied my semantic, well-structured HTML needs, any suggestions?
@scottjenson RE google maps, I hear you. This particular problem could be solved by an app which remembers your speed, then displays the concentric rings. It assumes internet access/cached maps, GPS data and a device capable of displaying it — what if the device transmitting the information was a pedometer/similar which knows my speed but not location, has no internet access or way of displaying maps?
I’m a fan of more ambient approaches like this because they enhance my own senses (in this case my poor sense of timing) without trying to run my life, as apps seem to want to do. I see it as a fundamentally different approach; apps make me perform a task and give me output. Ambient information enhances my senses and gives me more context within which to make decisions.
Miyazaki says, "Our job as animators is not only to draw scenes. We must find the minimum necessary and important lines for the specific movement in a given action. The techniques of animation drawing are not the same as those of painting a still picture. Animation is a consequence of the audience's perception of movement created by sequential drawings. For this reason, each drawing in the sequence -- especially the lines -- should not be drawn too detailed; rather, they should be drawn less [detailed] and create an instant pause in the sequential movement.” (source)
Sounds a lot like UI design to me.
Doing a test implementation of a+rel+iframe+postMessage hypermedia UI injection (needs a better name) — using existing rel=create-form
That Icelandic register things is a great example of technology making bureaucracy redundant. Ironically, having said that, there are some prime examples of technology mindlessly being applied and increasing bureaucracy and waste here…
I’m looking at you, fancy touch screen machines who’s only function is to spit out a bit of paper (average life span maybe 2 mins?) which tells me when a desk is free to serve me :/
Cross-browser selection UI injection flow:
s.isCollapsed === false, return
e.textContentnow return useful values, and e’s coordinates can be used to inject UI into the page
To resolve: what element should e be? Or more accurately, what display property should it have?
inline-block (inline mucks up if selection is across block elements, block mucks up selections within text nodes)
The problem with all mapping software ever:
“Hm, that placename is a bit small to read” (zooms in) “TEXT, WHY U GET SMALLER AGAIN”
Nice #ui touch on #googleplus events: animated hot beverage steam on the header https://plus.google.com/events/ctb1p8io1eu52s1f94tren9dpj8
I wonder how small profile photos can be in multi-person streams whilst still giving each item a distinctive voice. #design
I updated my Web Actions spec/document with better terminology and examples: http://waterpigs.co.uk/articles/web-actions/