Show HN: Mothereffinanimatedgif | Hacker News Reader

Show HN: Mothereffinanimatedgif

mothereffinganimatedgif.com

113 pointstwakefield27 comments

Conceived of, developed, designed, and launched in 24 hours: https://github.com/paulirish/lazyweb-requests/issues/53

Tech: HTML5 drag n drop, FileReader, a[download], GIF encoding on the client, BlobBuilder, postMessage, <input type=range> (with Firefox polyfill), appcache, transforms, etc. Oh! and the aforementioned * { box-sizing : border-box; }

This is inspiring, a client side tool like this to compose press-kits would be nice for media O.o

Incredible, I literally started making a client-side gif animator like this on Wednesday. I'm kinda glad I didn't try to finish the whole thing yet, as this is very well done. I didn't know about that cool GifEncoder.

Whenever I have to drop images on a webpage see something happen, I close the tab.

I don't have a bunch of images lying around that have the right size and that I'd feel comfortable sharing.

It's all clientside, so there's no risk here of sharing. But it's cool, hombre.

Here's what someone else just made with it http://twitpic.com/8kyup2

I can't know that the files aren't transferred somewhere without thoroughly inspecting the source and it isn't obvious from the page that this is an offline app.

Thanks for the example. It would be great if the page itself linked to some demonstrations.

It has (now) the following in the top bar: "Drag + Drop, Client-side, Animated GIF Creator"

Ah, yeah, so now it's totally safe because it says so right there on the page.

The points raised in higher-up comments are still relevant... It's impossible to know for sure exactly what will happen with my images that I Drag n Drop.

Of course, for a 24 hour effort, it's great. But this is the 80/20 rule at play. The first 80% was the "easy" bit. Now you have to create some demoes, tutorials, earn user trust, etc.

I don't have a lot of need for animated GIFs personally, but this seems like a neat little tool.

Same here, a small demo or a gallery of sorts would help a lot here.

Impressive that you did this in 24 hours, good job!

I find it annoying as well, because I use a tiling window manager, which makes opening a file manager just to drag & drop annoying - not a whole lot more, but just enough that it's not really worth it.

I don't mind having that as the default, but at least give people an option to select files the old-fashioned way, and make it easy to find within ~5 or ~10 seconds of looking at the page...

Imgur does this well, if you ask me - support for drag & drop, menu, and copy/pasting URL.

I use a tiling WM too (ratpoison), so I empathize. But you don't need to launch a file manager in order to drag and drop. You can open the image file in another browser tab, and then drag it between tabs. Hover over the destination tab for a moment to pop it forward.

Edit: It would be useful to make an addon that adds a contextual menu item for "Drop file here", which raises a file selection dialog and delivers the result to the drop zone. Essentially it would be the inverse of this: https://addons.mozilla.org/en-US/firefox/addon/ez-drag-n-dro... I don't currently have the time to write it.

I never really thought to do that, so thanks for pointing it out. It may come in handy one day if I absolutely must use one of those services.

But in general, that's still awkward, and enough of a (mental) hassle that I probably won't bother if it's just someone who wants me to check their site out. So my advice to any web designers would be to make sure your site is functional even without the flashy add-ons, the same way you would make sure your site is functional on all browsers/operating systems.

Totally offtopic... But i need to know, Why ratpoison on this day and age?

"Why ratpoison on this day and age?"

There's no expiry date on a productive workflow.

Why not ratpoison?

fuzzix said it best. Long ago I configured ratpoison to be modal like vi, with tons of personal customizations. I've set it up to behave exactly like I'd want any WM to, so what's the use of moving to something newer?

my bad, i thought it was not being maintained. well, i think it was when i last looked... even moved my desktop to wmii at the time...

my bad. it's still very alive.

Just fyi:

uses filereader. There is a bad (crashing) memory leak in Chrome.

Bug report here: http://code.google.com/p/chromium/issues/detail?id=114548...

Beware if you intend to use filreader to read many large files. Allocated mem never gets released.

Spent 2 days getting a html5 client side image resizer/uploader only to hit this killer bug.

Had to use Flash in the end, which by the way performs like a demon on binary data.

Just threw your bug report over to our FileReader engineer. Thx for filing!

No worries. I was v. disappointed when I had to fall back on flash for resizing. Felt great having client side image resize and upload (with progress) without using flash.

The 24-hour conception to launch is more impressive than the end-result, which is still pretty damned impressive.

Why is Safari not supported?

no FileReader support in Safari 5.1, which is used to enable the drag 'n drop image reading. A "Nightly WebKit" build (which is basically Nightly Safari) works though.

Behind the scenes, I'm alpha-testing a new API for mapping feature detects to browsers, so you can say what features you need and get an automated response for what browsers they'll work in. (Another lazyweb project actually): https://github.com/paulirish/lazyweb-requests/issues/39

How about Firefox 9.0.1? It works for me in Chromium, but in Firefox the dropped image doesn't even appear on the deck.

Very cool. But you need to fix it for transparent gifs; they just stack on top of each other and need to clear the previous.

pretty neat -- way to step up 'team behind lazyweb-request#53'

tested it out with whatever I had handy: Mother Effing Mountain Lion http://i.imgur.com/oRFRA.gif

No Opera support :(

Seriously, that's awesome.

Reply on news.ycombinator.com