How to include an entire web page in a URL, no server needed

This is a pretty cool little nugget I picked up from the excellent Security Now podcast and wanted to pass it along. Basically, there is an old and obscure IETF RFC that standardizes a scheme for including data in a URI, and all modern browsers seem to support it. In English, this means that instead of using “http:” and pointing to a web page hosted on a server somewhere, you can use “data:” and include the web page right in the URI itself!

For example, if you click on this link, you’ll see another version of this post, but it’s not hosted anywhere. It’s completely in the URL itself. I made it using DataURL.net, which lets you create “data:” compatible base-64 encoded URIs by simply dragging and dropping a web page, image, or other file.

Now, the reason this was being discussed on Security Now is that some smart black hats out there have been using the scheme to create phishing links. There are, of course, legitimate uses. The most often mentioned is speeding up web page load time by cutting down on http requests. But it seems to me that there have got to be other unique and interesting uses.

One that springs to mind is a simple alternative to TwitPic or Twitter’s hosted photos. That is, share photos without hosting them on someone else’s server (and becoming subject to their terms and conditions). To set up a service like this one would have to not only offer encoding like DataURL.net, but also link shortening of incredibly long URLs. I’m going to noodle with this idea a little more and maybe see if I’m up to the task. What other uses for DATA URIs can you think of?

Posted on Sep 13, 201224 notes#web#tech#design#programming

(via heyimanna)

Posted on Jun 16, 2012875 notes#chair#midcentury#design
From left to right: George Nelson, Edward Wormley, Eero Saarinen, Harry Bertoia, Charles Eames and Jens Risom, photo(s) originally appeared in Playboy magazine, July 1961. (via Tish’s Place)

From left to right: George Nelson, Edward Wormley, Eero Saarinen, Harry Bertoia, Charles Eames and Jens Risom, photo(s) originally appeared in Playboy magazine, July 1961. (via Tish’s Place)

Posted on Dec 4, 201122 notes#chair#design#eames#photo#saarinen#midcentury

More early web nostalgia. 1990’s HotWired.

(Source: Flickr / veen)

Posted on Oct 16, 201135 notes#photo#web#nostalgia#design
Midcentury modern hits retirement age.

Midcentury modern hits retirement age.

Posted on Jun 23, 20113 notes#photo#cartoon#midcentury#design#funny
Great design does not come from great processes; it comes from great designers.

Fred Brooks interviewed in this month’s Wired.

Posted on Aug 1, 2010#quote#design#fred brooks
Posted on Dec 8, 2009#link#design
Posted on Nov 16, 2009#link#design#football

Jonathan Ive talks Apple design. This is the guys that needs to some day take over as Apple spokesman if they know what’s good for them.

Posted on Oct 31, 2009#video#mac#apple#design
Posted on Sep 18, 20092 notes#spock#esquire#design
Dear Aptify…

Dear Aptify…

Posted on Sep 6, 2009#aptify#ux#design#truth
Not just in design.

Not just in design.

Posted on Aug 23, 20092 notes#design#work
The reason large companies with bad design are the way they are is because they are run poorly from the top, with philosophies that force the entire company to behave like its lowest common denominator. The company ends up making bad products. It ends up treating its customers badly. And if the company is being run by people who don’t have taste, it gets stuck. Eventually, the company’s brand suffers.

Dustin Curtis, who got so fed up with American Airline’s godawful website that he redesigned it for them. This is from a response to a response from an AA designed.

Posted on Jun 4, 2009#quote#design
Posted on Mar 15, 2009#design#css
Why has no one thought of this before? Brilliant. (Via Klaatu.)

Why has no one thought of this before? Brilliant. (Via Klaatu.)

Posted on Mar 14, 2009#usb#design