News for hackers. Stuff that matters.

A comment on An open source HTML/CSS framework for prototyping native touch applications. Parent comment

Re:An open source HTML/CSS framework for prototyping native ... by Wolfr_ on Sunday August 18, 2013 @01:14PM (#6233327)
User interest is enough but contributors would be better to raise the bar.

I am specifically looking for someone with JS skills to handle building animation in between screens (similar to push.js in Ratchet http://maker.github.io/ratchet/#push ). This in turn is inspired by jquery-pjax ( https://github.com/defunkt/jquery-pjax )

Explained in short - there should be some way to fetch the HTML for a "new page" replacing the older page without a page refresh. This way we can have nice CSS transitions between the pages. If we can plug the effects from something like Effeckt (http://h5bp.github.io/Effeckt.css/dist/) in there this could lead to nice demo/prototype material and will also give the native coders a good idea about the animation.

My speciality is UI design and CSS. My JS is not solid enough for framework quality javascript.

The demo UI works with Angular.js.

[ Parent | on HN ]
Re:An open source HTML/CSS framework for prototyping native ... by randall on Sunday August 18, 2013 @05:42PM (#6234355)
Angular 1.2 supports animations between ng-views, which would mean you wouldn't have to build very much.

http://www.yearofmoo.com/2013/08/remastered-animation-in-ang...

[ Parent | on HN ]
Re:An open source HTML/CSS framework for prototyping native ... by cheneytsai on Sunday August 18, 2013 @02:36PM (#6233633)
I might be able to help a little with this. I have some code somewhere that keeps a stack of "views" and a view controller that pops them in and out of the DOM that can be easily animated to be native-like
[ Parent | on HN ]
Re:An open source HTML/CSS framework for prototyping native ... by Wolfr_ on Sunday August 18, 2013 @02:38PM (#6233644)
That would be awesome!
[ Parent | on HN ]
Re:An open source HTML/CSS framework for prototyping native ... by crucialfelix on Sunday August 18, 2013 @05:24PM (#6234302)
I was playing around with Ratchet last year trying to set up something exactly like this.

what you have looks great so far.

additionally I was getting my web app to host mockup images, sketches or just notes so I could think about the app flow and still be able to click around. I was doing it with express so I could parse markdown files (for the raw notes).

I would say keep using angular as its very fast to add new pages. sliding page transitions and grabbable affordances would be the most useful things I think.

[ Parent | on HN ]
Re:An open source HTML/CSS framework for prototyping native ... by jonpaul on Monday August 19, 2013 @01:45AM (#6235832)
Nice work. You may want to look into collaborating with these guys: https://github.com/angular-widgets/angular-jqm Basically, they are using the jQuery Mobile CSS (no jQuery though) with Angular.
[ Parent | on HN ]