HTML5 version of Clear iOS app

http://clear.youyuxi.com

by tzm • 14 years ago

95 26 14 years ago

clear.youyuxi.com

wesbos3• 14 years ago

Pretty sweet, I was thinking about trying this as well. The only thing missing is the pinch open gesture to create a new item.

wesbos3• 14 years ago

https://github.com/yyx990803/HTML5-Clear

samgro• 14 years ago

Also missing long swipe up to go up a level.

ghshephard• 14 years ago

Missing swipe Up to clear done items as well.

wesbos3• 14 years ago

Also, any chance of getting the source on github?

hyperturtle• 14 years ago

It's already on the author's github. https://github.com/yyx990803/HTML5-Clear

TheMiddleMan• 14 years ago

Hey guys I predicted the future https://twitter.com/#!/Rob__ot/status/170525085269098496

    1. Remake Clear in CSS3 2. Post it on hacker news 3. ALL of the upvotes

minikomi• 14 years ago

It creates items with japanese twice

donohoe• 14 years ago

Damn. This was going to be my project during my flight tomorrow...

Maybe I'll start with this and add localStorage?

c_t_montgomery• 14 years ago

How about also adding vibration? I think adding those two together would be pretty steller.

https://bugs.webkit.org/show_bug.cgi?id=72010

jskopek• 14 years ago

Just goes to show how good HTML is for prototyping these days. The github page indicates that it took less than 2 days from start to finish, and hardly anything is missing from the full-fledged app.

DeusExMachina• 14 years ago

As an iOS developer I can tell you that programming the native app does not take that much time either. The complicated part was, I think, to come up with the concept. Clear is having all this success not because is a complicated app full of features, but because it's simple and with interesting concepts that nobody used yet. The app itself is pretty simple to code.

marknutter2• 14 years ago

Yet the HTML5 app ends up being multi-platform, whereas the iOS version can only run on an iPhone.

foobarbazetc• 14 years ago

Clear would have taken at most 1 week (if that) to code up.

It's basically demo-ware.

MatthewPhillips• 14 years ago

Swipeleft, swiperight, a Zepto thing or an iOS thing?

brian_c• 14 years ago

This bookmarklet will make it work in a desktop browser. Hold alt to get a second "finger", and shift to lock it with the first, like in Apple's iOS Simulator.

https://github.com/brian-c/phantom-limb/blob/rewrite/bookmar...

aymeric• 14 years ago

I still have a lot to learn...

LokiSnake• 14 years ago

Very nice. The only problem I have is the choice of the pinch gesture to go back. This completely ruins using the app with one hand.

marknutter2• 14 years ago

I agree, but you can actually get away with never using the pinch gesture with Clear - all you need to do is drag the list down far enough for it to go up one level.

ricardobeat• 14 years ago

can't create items on an iPad. What am I doing wrong?

EvanYou• 14 years ago

author here - for those of you who don't have an iPhone, I have a video here: http://vimeo.com/37182785

p0larboy• 14 years ago

How is the slowing down of list block after the cross/check image was shown done? Read through the github code, still can't pinpoint the code that does that.

huskyr• 14 years ago

Really cool as a proof of concept on what can be done with just HTML5.

Of course it's not a complete replacement for the native app. Not everything can be done using HTML, such as the pull to create a new task. For that you probably would have to find another way if this was build from the ground up without prior knowledge of the native app.

HTML5 version of Clear iOS app

Related Stories