HTML5 version of Clear iOS app | Hacker News Reader

HTML5 version of Clear iOS app

clear.youyuxi.com

95 pointstzm26 comments

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

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.

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.

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

Yet the HTML5 app isn't making money, whereas the iOS version has ~1700 reviews for a paid app. Which are you optimizing for?

I couldn't have said it any better.

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

It's basically demo-ware.

The HTML5 app is also incomplete and very buggy. I think it's not surprising that the more complex gestures are missing (such as pinch for new item). Additionally it took me about 1 minute to get it into a weird broken state (permanently pulled down). Not saying all this can't be fixed, just saying that assuming 1 week development time and calling it demoware may be more than a little unfair. I seem ro hear that a lot about things and then the only proof you end up seeing is some 80% mockup (billed as a complete reimplenetation) that leaves a lot to be desired.

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...

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

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

Also missing long swipe up to go up a level.

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

Missing swipe Up to clear done items as well.

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.

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.

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.

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.

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

Maybe I'll start with this and add localStorage?

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

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

It creates items with japanese twice

Also, any chance of getting the source on github?

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

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

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

I still have a lot to learn...

Reply on news.ycombinator.com