jQuery Mobile 1.3 è ora disponibile come versione stabile.

Questa nuova versione guida gli sforzi del team jQuery per incorporare pienamente i principi del responsive web design nella sua robusta libreria. Tra le nuove funzionalità ci sono diversi widget ottimizzati per interfacce tattili, tra cui sovrapposizioni di riquadri lisci, cursori di intervallo con impugnatura doppia e due diverse opzioni per tabelle reattive.

Le nuove funzionalità

I nuovi widget del pannello consentono di visualizzare le informazioni nascoste in modo molto semplice e accattivante. Con tre modalità per la transizione, sovrapposizione, rivelazione e spinta, il pannello scorre da sinistra o destra con un colpo, fare clic o premere sulla tastiera, mantenendo il design reattivo indipendentemente dal metodo di input scelto dall'utente.

Anche il suo debutto è una nuova funzionalità della vista elenco comprovata e reale: completamento automatico! Questa funzione funziona esattamente come sembra. Inizia semplicemente a digitare i criteri desiderati e voilà! Proprio come una barra di ricerca di Google, le partite vengono automaticamente visualizzate sotto l'input.

Le tabelle di jQuery Mobile 1.3 ora consentono due modalità aggiuntive: commutazione a colonna e modalità di riflusso. La modalità di commutazione della colonna consente all'utente di selezionare le colonne di una tabella da nascondere e quali visualizzare. La modalità Reflow accetta il web design reattivo e risolve dinamicamente il mal di testa delle tabelle di formattazione per schermi di piccole dimensioni. Lo fa suddividendo una tabella e visualizzando ogni riga come propria tabella, con le etichette della colonna come intestazioni di riga e i dati di riga trasposti in un formato di colonna.

Cosa significa per il responsive web design

jQuery è stato a lungo un framework affidabile, favorito per la sua capacità di semplificare i compiti altrimenti noiosi e complessi di JavaScript. jQuery Mobile è stato incaricato sin dal suo inizio di portare la stessa semplicità nell'arena mobile, dove le interfacce touch governano il posatoio.

Data la natura di avere due implementazioni separate per due piattaforme diverse, il team di jQuery ha visto una certa confusione con il recente movimento reattivo del web design. Le persone hanno chiesto se dovevano usare responsive web design o jQuery Mobile per i loro siti, a cui Todd Parker (membro del team jQuery Mobile) ha risposto con un enfatico "entrambi"!

Anche il signor Parker potrebbe fare qualcosa qui. Utilizzando le ricche funzionalità del framework mobile di jQuery, i web designer possono unire rapidamente i loro siti mobili in una strategia di risposta più ampia senza sacrificare l'innovazione.

Qui sono elencate solo alcune delle nuove funzionalità; l'intero registro delle modifiche può essere visualizzato nel annuncio di rilascio . Inoltre, dai un'occhiata a jQuery Mobile 1.3 sito demo per un po 'di tempo pratico.

Usi jQuery, jQuery Mobile o entrambi? Quali nuove funzionalità sono le tue preferite? Fateci sapere nei commenti.