Creare swatch per jQuery Mobile con ThemeRoller

Creare una versione "mobile" del sito significa non solo adattare il CSS e layout alle dimensioni dello schermo, ma prevedere meccanismi di navigazione per i touchscreen.

jQuery Mobile introduce, a livello di design, gli swatch: set di colori, bordi e sfondi che vengono applicati agli elementi di una pagina web. Basta fornire la propria versione degli swatch per modificare al volo le proprietà  grafiche di liste, di bottoni, degli elementi di un form e così via. Come impostare gli swatch? Con ThemeRoller.

ThemeRoller permette in via del tutto grafica, e in modo veloce e intuitivo, di costruire un set di elementi di layout da usare nella versione mobile del sito.

àˆ sufficiente sfogliare il sito ufficiale per rendersi conto della facilità  di uso di questo strumento: nella colonna a destra abbiamo il wizard che ci permette di variare l'aspetto grafico degli elementi, nella parte centrale della pagina abbiamo una instant preview di quello che sarà  il risultato finale. E il gioco è fatto!