Il settore della tecnologia mobile è quello a più rapida crescita negli ultimi anni e, di conseguenza, le attività professionali collegate.
Una di queste è sicuramente lo sviluppo per piattaforme mobili, sia che si tratti di semplici siti web o applicazioni web complesse.
Avrete sicuramente sentito nominare la parola “responsive” (identificato anche con la sigla RWD), termine che indica l’adattabilità ai diversi dispositivi e risoluzioni.
Grazie ai moderni linguaggi e tecnologie quali HTML5, Javascript e CSS è possibile realizzare siti e web app perfetti per il mobile.
Naturalmente lo sviluppo web per mobile è un argomento complesso che andrebbe trattato approfonditamente in molti articoli.
Con questo articolo si vuole fornire dei concetti generali senza entrare troppo nei tecnicismi.
Ecco quindi alcune “basi” per iniziare.
Affidarsi ad un framework pensato per lo sviluppo mobile aiuterà a rendere il lavoro più facile.
Essi mettono a disposizione componenti, plugins, widgets, temi ecc… già pronti per essere utilizzati senza dover partire da zero.
Tra i più famosi vanno citati sicuramente jQuery Mobile e Sencha Touch.
Essi sfruttano le moderne tecnologie elencate sopra mettendo a disposizione strumenti per sviluppare facilmente per il mobile.
L’utilizzo delle Media Queries CSS3 permette di sviluppare layout per risoluzioni diverse.
E’ possibile testare in locale su pc tramite appositi tools che simulano il comportamento mobile.
Volendo è possibile “convertire” i propri siti e web app mobili in applicazione native iOS, Android, Windows Phone ecc…
A tal proposito lo strumento più utilizzato è Phonegap.
E’ anche possibile monetizzare usando diversi modelli: pubblicità in-app, pay per download, freemium, notifiche, app a pagamento (vedi infografica)
Infine un elenco di utili risorse (in inglese) per lo sviluppo mobile:
The Essential HTML5 Mobile Cheat Sheet
10 handy HTML5 cheat sheets for geeks
Touch Gesture Reference Guide
iOS and Android Design Guidelines cheat sheet
How to promote an App?
Mobile Web @ W3C