screenshots

33 posts under this tag.

Unfancily useful info viz 2
0
0
8
May
30

oSkope many views are a nice, rich way to browse Amazon (for other engines it isn’t nearly as successful) but this simple diagram in particular —plotting book covers against price and sales rank— is genuinely useful. Shame there’s no option to choose your axes. How about price vs stars? Stars vs. length?



Apropos of trusty old Cartesian planes, ain’t it weird they weren’t with us 500 years ago? What could be more straightforward than a coordinate system?

omg! 2
0
0
8
May
09

Whoodathunkit? Yahoo!’s omg! gossip rag is one of the most enticing and innovative web interfaces I’ve seen in a while.


Randomly ahead clock 2
0
0
7
Dec
15

A wonderfully clever contraption by David Seah: The Procrastinators clock. For those who set their clocks ahead to stand on their toes only to become habituated after a while, a randomly ahead clock. Web & desktop versions available.

Ah, clocks were an early obsession of mine (see for instance this color clock), earlier than calendars…

Automatic interfaces 2
0
0
7
Oct
25

Who would have thought the new Mathematica would introduce one of the coolest interface design innovations in recent years: automatic inteface building?

You should browse this nice showcase of examples but to really grok the idea you’ve got to watch the Author and Deploy an Application in 60 Seconds screencast.

That above is a screenshot of the presentation: the code above generates the application below. Isn’t it beautiful?

Wolfram Research calls it the day documents and applications merged and they’ve got a point. This makes creating an application as automated and straightforward as creating a graph, and similar ease is being introduced for embedding these tiny apps in documents (“Documents are, quite simply, talking things”).

It’s no panacea but it do makes simple things easy, difficult things possible. In Rails jargon, you could call this a very elegant scaffolding functionality, a victory of convention over configuration (:“At its core it means that what you do (especially if you’ve done it a lot) should carry a lot more weight than having to configure (and reconfigure) things over and over”).

Statetris 2
0
0
7
Oct
07

Statetris, a geographical tetris where states are the blocks. Besides Europe there are versions of Africa and several countries. Even more than its originality or its addictability (no surprise here, this is tetris after all), the most intriguing thing about it is how educational it is. One day with this in elementary school and kids would never get Malta’s position out of their heads. I know I can’t.

Simple ways to do good: Free your photos 2
0
0
7
Aug
13

Logged in to your Flickr account, click on the YOU drop down menu and select Your Account.

Select the Privacy & Permissions tab.

Click the Edit link next to What license will your photos have.

You’ll now be presented with easy instructions to both select a Creative Commons license default for your future photo uploads and to change the license of all your existing photos. Creative Commons licenses are copyright licenses for you to legally let others use your work on your terms. You can, for instance, require attribution, that no derivatives of your work be made, that your work only be used for noncommercial purposes, and that if others build upon your work they release it under the same terms you did.

So this is an easy way to free your photos, on your terms; to explicitly build the creative commons from which we all build upon. Expect thank you emails—from some website that needed a photo to illustrate an obscure Italian dish, from some gal who used your photo of your city in a brochure.

Streetside view 2
0
0
7
Jun
22

Speaking of locality, if you haven’t seen Google’s new Streetside View (like, say, in San Francisco) you’re missing a future shock gasp. (via O’Reilly Radar)

Breathtaking immersion. Eerily reminiscent of Rainbows EndWP, AM.

Also not to be missed are Immersive Media’s—one of the companies behind this new feature—richer demos: pannable videos!

Never Ending Flickr 2
0
0
7
Jun
20

Flickr AutoPagination has got to be the coolest Greasemonkey script I’ve seen yet, and, to judge by its code, a really intricate labor of love. It works flawlessly and does exactly what you’d guess: it makes every Flickr page (where it would make sense) “infinitely scrollable”. A cool, handy, and surprisingly stable script.

Spacing! 2
0
0
7
May
14

Remember that wacky koanELZR about reading processors (“what is to reading what a word-processor is to writing?”) and how it led to the idea of a text spacer (illustrated at length in this example)?

Well, I just found out about Live Ink by Walker Reading Technologies (via KurzweilAI.net’s newsletter, though it was slashdotted earlier) and realized people have been toying with the idea for over a decade now. Live Ink is clumsy marketese for what they also elegantly and precisely describe as visual-syntactic text formatting and these guys have not only coded it and are now marketing it, but they have already done some interesting homework, carrying on a year-long experiment where it allegedly improved reading proficiency. They offer a 30-day trial program implementing the technology called ClipRead (screencast) and though the interface is positively abysmal (why, god, why, must bad interfaces happen to good people?), it’s still very much worth downloading to play with.

Here below is a (fitting) paragraph from Charlie Stross’s Accelerando for comparison.

Amber scans the README quickly. Corporate instruments are strong magic, according to Daddy, and this one is exotic by any standards—a limited company established in Yemen, contorted by the intersection between shari’a and the global legislatosaurus. Understanding it isn’t easy, even with a personal net full of subsapient agents that have full access to whole libraries of international trade law – the bottleneck is comprehension. Amber finds the documents highly puzzling. It’s not the fact that half of them are written in Arabic that bothers her—that’s what her grammar engine is for – or even that they’re full of S-expressions and semidigestible chunks of LISP: But the company seems to assert that it exists for the sole purpose of owning chattel slaves.
Charles Stross, Accelerando

I like how they limited the spacing to linebreaks and indents; it’s a good starting constraint—it simplifies the task enormously and the results are still quite good. Highlighting the verb is also a clever touch—the nuance with the biggest syntactic payoff. Overall, while the simple flaws do stand out (because we’re such effortlessly gifted syntactic parsers), what surprises me is how decently it works, how the formatted text feels more accessible than the monolithic paragraph. At several points—interestingly, at some of the most usefully formatted parts—the algorithm at work seems oddly straightforward: nestedly indent and linebreak prepositions. Ahh… I’m itching to write some regex hack… Probably will write one in a couple of days, together with some handcrafted spacing of the above paragraph, just to see what we’re aiming at.

According to VentureBeat, meanwhile, the company is poised to taking the world any minute now. I doubt it. But they have given spacing (visual-syntactic text formatting) a broad hearing and there’s now a flurry of attention on it and, probably, on the broader idea of reading processors. There are bound to be some intriguing reinterpretations and extrapolations in the coming months.

Faith in facedesign 2
0
0
7
Apr
25

We will come to think of interface design as a kind of art form
—perhaps the art form of the next century.

Steven Johnson, Interace Culture, p213


Dasher
hit escape to halt animation
“Hello, how are you?” being written in Dasher. (Hit escape to halt animation.)

A text-entry interface for the tetraplegic, it’s like nothing you’ve seen. Not only does using it have the same rush and exhilaration of playing SonicWP, it is also unbelievably efficient. And again, sheer fun.

It will take you some 5 minutes to get the hang of it (not out of difficulty, out of profound weirdness) but believe you me, you won’t regret it. Read the quick, 3-page explanation and try the Java version in-browser or download it. It’s free software and there are localized versions in many languages.


If such deep novelty, such striking unrealityELZR lies in something as mundane as text-entry, what wonders lie yon in the craft of interface design?


Scratch

Visual programming has been a perennial pipe dream of mine and just some three months ago the MIT Media Lab unveiled the best embodiment so far of my vague and unspecified dreams. It’s called Scratch and it’s meant to introduce children to computing by giving them easy, programmatic means to media manipulation.

The brilliant breakthrough has been to Lego-fy programming, making control blocks actually, well, blocks, and turning programming into block stacking. Yes, it’s messy and you have to fumble around for blocks but it’s visual, incredibly intuitive, and—get this—syntax error free (since blocks have shapes and will only fit in ways that make syntactic sense).

It was scary, you know, when I first knew about Scratch, just some days after it was launched, my evangelizing streak came back with a vengeance and I felt this strange calling to go and teach it somewhere, wherever. Here was finally an easy way to show “normal” people what programming was. Here it is.