2012-04-12 11 views
3

Ich frage mich, ob irgendjemand irgendwelche CSS-Ressourcen kennt, die ausschließlich auf mobile Web-Apps ausgerichtet sind?CSS-Bibliothek für mobile Web-Apps

Ich baue eine mobile App mit Backbone und Zepto, aber fehlt ein Framework für die Handhabung der wichtigsten Benutzeroberflächenkomponenten.

Ich weiß, es gibt jQuery mobile und ST2 (und ja, ich weiß, Sie können nur ihre CSS greifen), aber ich frage mich, ob es Ressourcen gibt, die eigenständige mobile CSS-Bibliotheken sind und konzentrieren sich auf die Verwendung von CSS-Übergänge, Geräteverhalten nachzuahmen ?

Antwort

2

topcoat.io ist noch in einem frühen Stadium, entwickelt sich aber ziemlich schnell. Für einfache Beispielanwendung siehe: Sample Mobile/PhoneGap Application with Backbone.js and Topcoat

Frage ist ein bisschen älter, aber ich bin gerade darüber gestolpert. Vielleicht ist das für jemanden nützlich :)

+1

Das war nicht in der Nähe, als ich nach etwas dieser Natur suchte, aber deins ist die nächste Antwort auf das, was ich gesucht habe. Auch Check-Out Ratsche, das ist, was ich damals wirklich wollte: http://maker.github.io/ratchet/ –

+0

oh schön. aber es ist nur ein Prototyping-Tool, oder? habe gerade die Probleme auf GitHub überprüft, wo Leute darüber reden. – escapedcat

+0

Wenn Sie auch nach einem JavaScript MVC suchen, werfen Sie einen Blick auf [ionicframework] (http://ionicframework.com). Sie kombinieren [topcoat.io] (http://topcoat.io) mit [angularjs] (http://angularjs.org). Sie bieten auch CSS-Animationen ootb. – escapedcat

2

Ich kenne keine CSS-Frameworks, die streng mobile sind, aber diese sind sehr gut und haben Medienabfragen, die ihre Sachen auf mobilen Geräten gut aussehen lassen. Bootstrap ist sehr modular aufgebaut, so ist es ein guter Ausgangspunkt:

Bootstrap - http://twitter.github.com/bootstrap/

Stiftung - http://foundation.zurb.com/

+0

Bootstrap ist großartig, aber ich hatte gehofft für eine Bibliothek, die sich hauptsächlich auf CSS-Übergänge konzentriert, um die Animationen neu zu erstellen, die man in einer nativen App erlebt. Etwas wie Bootstrap (wo man im Grunde nur Klassen eingibt und das Markup auf eine bestimmte Art formatiert), aber das schafft ein natives mobiles Erlebnis mit css3-Übergängen und mockphone chrome wäre verrückt. –

+0

Reines CSS? Was suchen Sie genau? Sie benötigen eine Kombination aus JS und CSS, um Übergänge zwischen Seiten- und Menüübergängen korrekt auszuführen. –

+0

Es ist eine lange Zeit seit ich dies gepostet habe, aber das ist genau das, wonach ich gesucht habe: http://maker.github.com/ratchet/ –