CSS personnalisé pour le développement Mobile à l'aide de Phonegap/Cordova
Im rabotage à utiliser Cordova v3 pour développer une application générique pour cible les appareils mobiles à l'aide de HTML/CSS. Quelle est la meilleure solution afin de le réutiliser plus du html, mais ayant le style visuel pour chaque plateforme mobile? Qui sera le meilleur css/cadre à utiliser dans ce cas (de préférence gratuit)?
Merci d'avance.
Vous devez vous connecter pour publier un commentaire.
Comme vous l'avez dit ", mais ayant le style visuel pour chaque plate-forme mobile?" Je comprends que vous êtes à la recherche pour un natif de regarder dans les applications. les autres réponses sont bonnes cadres toutefois, sauf si vous voulez passer du temps à bidouiller le css, ils ne seront pas ressembler à un natif de l'INTERFACE utilisateur (visuellement).
J'ai travaillé avec Twitter bootstrap et jQM. C'est très bien mais pour un natif de l'INTERFACE utilisateur de regarder, je vais aller pour les options suivantes qui je pense sont les meilleurs.
Ce sont mes premiers choix après avoir passé un temps considérable à la recherche d'un jQM alternative comme je ne suis pas vraiment heureux avec elle dans des aspects spécifiques.
MODIFIER: je suis l'ajout de deux nouvelles options sur la base de mon expérience et de ce que j'ai trouvé jusqu'à présent (ionique et onsen de l'interface utilisateur).
Ionique Cadre
http://ionicframework.com/
L'intention de développer un hybride application à l'aide des Angular JS est vraiment un bijou.
J'ai travaillé avec lui et il m'a vraiment aidé à développer plus rapidement que lors de l'utilisation de jQuery.
C'était aussi des éléments d'INTERFACE utilisateur que vous pouvez utiliser hors de la boîte et ils sont de style correctement pour iOS et Android, même si je pense que son style est plus iOS-anglais.
Pros
Contre
Onsen de l'INTERFACE utilisateur
http://s.onsen.io/
Je n'ai pas de travail encore avec elle, mais il ressemble à un très complète de l'INTERFACE utilisateur en option pour les applications hybrides.
Pros
Kendo UI mobile
http://www.kendoui.com/mobile.aspx
Pros
Contre
PhoneJS
http://phonejs.devexpress.com
Pros
Contre
Pépites de chocolat à l'INTERFACE utilisateur
http://chocolatechip-ui.com
Pros
Contre
Stéroïdes
http://www.appgyver.com/steroids
Si vous avez envie d'une aventure de l'explorateur de prendre un pris à les stéroïdes, ce qui est cordova compatible et ils prétendent vous de l'INTERFACE utilisateur effectuera ainsi que des indigènes.
Il est tout à fait nouvelle, je n'ai pas essayer mais je semble prometteuse, mais n'est pas encore largement utilisé, je n'ai pas décidé de l'utiliser comme ayant beaucoup de gens à l'aide de c'est utile lorsque vous faites face à des problèmes.
REMARQUE: Si d'autres ont des alternatives intéressantes pour les expériences avec ce produit ou d'autres cadres de l'INTERFACE utilisateur pour cordova/phonegap merci de partager!
Ma suggestion serait de jQuery Mobile qui prend en charge presque tous les appareils mobiles du marché.
Pour la liste des appareils pris en charge: http://jquerymobile.com/gbs/
1) Il fournit un natif du sens pour chaque plate-forme.
2) prend en charge toute la plateforme
3) faciliter le soutien et la 3ème partie plugins
Il a été dit par certains que jQuery mobile pourrait être lent.. mais vous pouvez modifier ses paramètres pour le rendre bon.
essayez de vous en utilisant twitter bootstrap, http://getbootstrap.com..
pourrait être une solution pour vous, parce que twitter bootstrap est un framework pour le html et réactif code pour tous les périphériques, vérifiez la résolution web dans http://quirktools.com/screenfly.. et vous pouvez convertir web avec phonegap..
Vous pouvez utiliser Onsen de l'INTERFACE utilisateur. Il prétend être plus rapide que jQuery et a son propre thème rouleau et est conçu pour être compatible avec PhoneGap/Cordova.