10 framework per creare applicazioni mobili con HTML, CSS e JavaScript

Per molti sviluppatori web, che potrebbero avere familiarità con HTML, CSS e JavaScript, lo sviluppo di un'app mobile nativa potrebbe essere un territorio sconosciuto . Tecnicamente parlando, le app mobili in Android, iOS e Windows Phone sono costruite utilizzando linguaggi di programmazione completamente diversi; un'app per Android utilizza Java, un'app per iOS utilizza Objective-C, mentre un'applicazione per Windows Phone utilizza .NET.

Ma ora, chiunque abbia una conoscenza decente di HTML, CSS e JavaScript può creare un'applicazione mobile. Uno dei principali vantaggi dell'utilizzo della tecnologia web per creare la tua app è Portability . Utilizzando un packager / compilatore, come PhoneGap, potrai effettuare il porting e installare la tua app su molte piattaforme diverse.

Ci sono una serie di quadri che rendono questo possibile. Hanno anche fatto la metà del duro lavoro per colmare il divario tra le piattaforme web e mobile . Qui abbiamo messo insieme 10 dei migliori framework mobili che abbiamo potuto trovare. Se sei pronto per costruire la prossima app da miliardi di dollari, dai un'occhiata alla lista.

1. jQuery Mobile

jQueryMobile è un solido framework di sviluppo mobile per creare app per piattaforme cross-mobile . jQuery Mobile supporta una vasta gamma di piattaforme diverse, da un normale desktop, smartphone, tablet o un dispositivo di e-reader come Nook o Kindle. Simile a sua sorella, l'interfaccia utente di jQuery, jQuery Mobile comprende un numero di UI che, in questo caso, è ottimizzato per dispositivi mobili e abilitati al tocco .

Letture consigliate: Mobile App Design / Dev: Beginner's Guide To JQuery Mobile

2. Cordova / PhoneGap

PhoneGap è essenzialmente basato su Cordova. Cordova / PhoneGap fornisce una serie di API JavaScript che si connettono alle funzioni native del dispositivo come Fotocamera, Bussola, Contatti e Geolocalizzazione. Cordova / PhoneGap ci consente di creare un'applicazione mobile senza il linguaggio di programmazione nativo ; invece possiamo usare un framework come jQuery Mobile. Compilerà la tua app utilizzando l'SDK della piattaforma e sarà pronta per l'installazione sulla piattaforma che supporta, tra cui iOS, Android, Windows Phone, Blackberry e Web OS.

3. Sencha Touch

Sencha Touch è un framework mobile basato su HTML5 e CSS3 che fornisce API, animazioni e componenti compatibili con le attuali piattaforme e browser mobili. Sencha Touch supporta sia Cordova che PhoneGap ; puoi compilare la tua app e inviare la tua app agli App Store della rispettiva piattaforma. Inoltre, Sencha Touch offre una serie di temi per iOS, Android, Blackberry, Windows Phone, Tizen e una varietà di altre piattaforme per aiutare la tua app a sembrare un'app nativa.

4. Cricchetto

Ratchet è stato originariamente utilizzato da Twitter come strumento interno per creare il prototipo di app per dispositivi mobili che viene poi rilasciato pubblicamente come progetto open source. Ratchet viene fornito con una raccolta di interfacce utente e plugin JavaScript per creare semplici app mobili, fornendo classi HTML riutilizzabili . Nella versione 2.0, Ratchet viene anche fornito con il set di icone di font proprietario denominato Ratcheticon e due temi dell'interfaccia utente predefiniti per iOS e Android .

5. Ionico

Se sei preoccupato per il rendimento delle tue app, Ionic è la struttura giusta per te. Ionic è un framework mobile HTML5 focalizzato sulle prestazioni, sfruttando l'accelerazione hardware e non richiede la libreria JS di terze parti. Funziona al meglio insieme a Angular.js per creare un'app interattiva . Simile a Ratchet, Ionic viene fornito con un set di icone di font ben fatto, Ionicons e un mucchio di classi HTML riutilizzabili per costruire l'interfaccia utente mobile.

6. Lungo

Lungo è un framework mobile leggero basato su HTML5 e CSS3 . Ha degli stili predefiniti molto carini che puoi usare come punto di partenza per progettare la tua app mobile. A parte i componenti dell'interfaccia utente mobile, Lungo porta un numero di API JavaScript per controllare la tua app. Lungo supporta le seguenti piattaforme: iOS, Android, Blackberry e Firefox OS.

7. jQT

jQT è un plugin Zepto per framework mobile progettato principalmente per i browser Webkit . jQT è facilmente personalizzabile ed estensibile . Viene fornito con un tema che può essere modificato usando Sass / Compass, una transizione 3D che è regolabile tramite CSS3, inoltre gli sviluppatori possono anche estendere jQT con le proprie funzionalità richieste.

8. Junior

Junior è anche un plug-in Zepto per la creazione di un'app mobile simile a jQT . Ma Junior dipende da diverse librerie esterne per alcune funzioni, come Backbone.js, Flickable.js per la creazione di un cursore scorrevole e Ratchet per lo scaffold dell'interfaccia utente.

9. Jo

Jo supporta un'ampia varietà di piattaforme mobili tra cui Tizen e Chrome OS. Jo ha anche un antipasto, che è alimentato da CSS3, quindi rende facile per gli sviluppatori web di qualsiasi livello di esperienza cogliere e iniziare a disegnare le loro app. Inoltre, puoi utilizzare Jo insieme a PhoneGap o Cordova per imballare la tua app per l'utilizzo sulla piattaforma mobile.

10. Famo.us

Famo.us, un nuovo bambino sul blocco del framework mobile, promette di eliminare il problema di prestazioni HTML5 sui dispositivi mobili con il suo motore JavaScript leggero (solo 64k). Famo.us, a quanto si dice, avvierà anche un servizio basato su cloud per impacchettare la tua app da pubblicare su AppStore: suona come Phonegap e Sencha presto riceverà un nuovo concorrente. Puoi iscriverti come beta tester su www.famo.us per metterlo tra le mani.

Includi file HTML in un altro utilizzando l'importazione HTML

HTML è la lingua standard che forma una pagina Web, ma non è facile da estendere o da mantenere. Abbiamo bisogno di un altro linguaggio come livello che ci consenta di generare HTML in modo dinamico . HTML Import è un nuovo modulo standard che cerca di rendere l'HTML più flessibile.L'importazione HTML ci consente di includere un file HTML in un altro file HTML. Po

(Consigli tecnici e di design)

Aggiungi il testo del passaggio del margine a qualsiasi sito web facilmente con Marginotes

I tooltip in linea sono fantastici ma a volte semplicemente non si adattano bene a determinati contenuti. La maggior parte dei siti web lascia spazio nei margini lungo il corpo della pagina e questo è perfetto per aggiungere contenuto in stile tooltip senza le descrizioni comandi .Inserisci Marginote, un plugin jQuery open source gratuito che aggiunge note personalizzate ai margini della tua pagina web.

(Consigli tecnici e di design)