Live data from Hacker News

Ratchet: Prototyping iPhone apps in simple HTML, CSS, and JS

maker.github.com

21–30 of 89 posts

Re: Ratchet: Prototyping iPhone apps in simple HTML, CSS, and JS

#21

Combined with the component set and push.js, it looks like a similar framework to jQuery Mobile. Thus, it would be great for building straight up mobile websites or HTML5 mobile apps. Am I right, or missing something?

jQuery Mobile's components are mobile-oriented, but don't by default capture the look-and-feel of iOS.

Re: Ratchet: Prototyping iPhone apps in simple HTML, CSS, and JS

#22

Did you guys build your site using Bootstrap or at least Bootstrap as starting point? It looks like a lot of similar components function like Bootstrap ones. If you did, amazing work taking the bootstrap design and making it unique to your product and not "just another standard Bootstrap design!" Also, great product! It looks beautiful and makes for fast prototyping! I can't wait to try it out! :)

We didn't use Bootstrap for anything on the docs. To be fair though, we're all homies and even had @mdo do a quick code review before releasing :)

Re: Ratchet: Prototyping iPhone apps in simple HTML, CSS, and JS

#23
post #21

Combined with the component set and push.js, it looks like a similar framework to jQuery Mobile. Thus, it would be great for building straight up mobile websites or HTML5 mobile apps. Am I right, or missing something?

jQuery Mobile's components are mobile-oriented, but don't by default capture the look-and-feel of iOS.

Well, neither does Ratchet really. The default look of iOS is not this, which I think is a good thing for Ratchet. Stock iOS is stale. It's the custom apps that have really made a meaningful mark on users.

Re: Ratchet: Prototyping iPhone apps in simple HTML, CSS, and JS

#24

Maybe I'm missing something, but it looks like you could extract just the CSS and build an HTML5 app with it (as in PhoneGap or trigger.io), without all of the push.js stuff. It looks really nice, and would be good for more than just prototyping. Edit: clarifying what I meant by HTML5 app.

This was my first thought, as well. This would be nice for building a clean, minimal UI for a phonegap app or a mobile web site.

Re: Ratchet: Prototyping iPhone apps in simple HTML, CSS, and JS

#27

I was pleasantly surprised when I realized that as I scrolled the example on the right changed. Really nice site guys.

Your website is cool, but If all you are doing is setting up some basic widgets like (tables and buttons) why don't you just use interface builder. It's way faster and cuts down on the use of these jerryatric noob tools. Who needs to show someone a prototype of a basic table view anyway? Moreover, creating stuff like this in graphics gives you the resulting assets and similarly creating in interface builder gives you the actual foundation for the app. What a horrible waste of time.

Re: Ratchet: Prototyping iPhone apps in simple HTML, CSS, and JS

#28

Maybe I'm missing something, but it looks like you could extract just the CSS and build an HTML5 app with it (as in PhoneGap or trigger.io), without all of the push.js stuff. It looks really nice, and would be good for more than just prototyping. Edit: clarifying what I meant by HTML5 app.

We've already had a few engineer friends use Ratchet to do just that. Let us know if you do it. We'd love to see it in action.

Re: Ratchet: Prototyping iPhone apps in simple HTML, CSS, and JS

#29

I was pleasantly surprised when I realized that as I scrolled the example on the right changed. Really nice site guys.

Your website is cool, but If all you are doing is setting up some basic widgets like (tables and buttons) why don't you just use interface builder. It's way faster and cuts down on the use of these jerryatric noob tools. Who needs to show someone a prototype of a basic table view anyway? Moreover, creating stuff like this in graphics gives you the resulting assets and similarly creating in interface builder gives you…

I think you completely misunderstand the audience for Rachet.

It's a HTML/JS/CSS prototyping tool, so if you're building a web application for iPhone it makes it so much easier to get a basic prototype together and start hallway testing. Interface builder is _not_ the tool for doing this.

Additionally, just because you're not 'creating stuff like this in graphics' doesn't mean that you'll never create a proper interface for the application, it just means you can get a __prototype__ together quickly. Spending time creating a well designed interface takes away from what a prototype should be.

Re: Ratchet: Prototyping iPhone apps in simple HTML, CSS, and JS

#30
I was playing around with jQuery Mobile the other night to create a simple iPhone compatible web form.

I found the WYSIWYG builder Codiqa on their web site was really handy. It was literally 5 mins of building, download, and then tweak the HTML file and I was done.

Perhaps that is the next step for Ratchet? A drag and drop WYSIWYG editor.

Post reply on HN