Semantic UI

Semantic UI focalizzata non solo sulla fornitura di una vasta gamma di widget UI, ma si concentra anche sul modo in cui questi componenti sono scritti, permettendo a chiunque di sapere qual è il codice fa proprio, cercando in esso.

In questo modo, interfacce utente Semantic alimentato non solo sono facili da scrivere, ma facile modificare in punti successivi.

Semantic UI viene fornito con un sacco di componenti già pronti, fuori dalla scatola ed è disponibile in CSS e meno.

Cosa c'è di nuovo in questa versione:

• Nuova interfaccia utente:
• Container - I contenitori sono fissati contenitori larghezza destinati per lo svolgimento di contenuto della pagina, e sono una semplice alternativa alla griglia della pagina ui, vedere altri esempi di documenti
• Multiselect - Nuovi tipi di discesa più sono stati aggiunti. Sono stati aggiunti molti nuovi miglioramenti discesa incluse le funzioni di tagging / creazione di token e il caricamento dei dati attraverso le richieste API.
• Incorpora - nuovo componente embed consente embeds iframe reattivi che mantengono il loro rapporto di aspetto. Incorpora può essere utilizzato con YouTube o Vimeo video, insieme a contenuti segnaposto per evitare il caricamento delle librerie di terze parti fino a quando un utente sceglie di interagire con il video.
• I principali miglioramenti:
• Il sito - Aggiunti nuovi colori di oliva, viola, marrone e grigio. Questi sono disponibili in tutti gli elementi con variazioni di colore.
• API - API può ora essere utilizzato con le risposte deriso, e le richieste di AJAX personalizzati. mockResponse è stato aggiunto per risolvere richiesta con un oggetto JSON pre-specificato, o una funzione di callback sincrona.
• API mockResponseAsync è stato aggiunto per richieste asincrone personalizzato. Ciò consente di specificare un callback asincroni personalizzato per risolvere una richiesta API, aiutando con l'integrazione con le librerie come Ember o angolare che possono avvolgere richieste AJAX.
• API - API callback ora hanno un callback onResponse in grado di regolare la risposta dei server prima di essere analizzato da altri callback per le condizioni successo o il fallimento
.
• API - API ora offre un ambiente di cache locale per evitare di andata e ritorno del server per gli URL identici utilizzando la cache: 'locale'. Questo non è abilitato di default. la cache locale è utile per i risultati che dovrebbero restituire gli stessi valori in una singola sessione, ad esempio, quando si interroga un completamento automatico.
• Card - Card supportano ora più blocchi di contenuti personalizzati. blocchi contenuti e le immagini possono ora apparire in qualsiasi ordine.
• Casella di controllo - Casella di controllo non richiedono più JavaScript per funzionare
.
• Casella di controllo -. Aggiunto il supporto per le caselle di controllo indeterminati, insieme a nuovi stilemi
• Casella di controllo - Ora include comportamenti separati per innescare cambiamenti di stato senza invocare callback set controllato vs controllato
• discesa -. Aggiunto integrazione API remoto con discesa, per consentire la selezione di ricerca per query su un insieme di dati a distanza
• Dimmer - Dimmer ora hanno una variazione sfocatura che applicano un effetto simile al vetro quando oscurato
• a discesa - Dropdowns ora osservano automaticamente le modifiche nel menu e aggiornerà la cache selettore con nuove aggiunte
• Dropdowns - possibilità di aggiungere scelte personalizzate per tutti i menù a discesa di selezione di ricerca (multi / single) utilizzando AllowAdditions Aggiunto: true impostazione. Cerca ora visualizza i messaggi di errore sui risultati in tutti i casi.
• discesa -. Sono stati aggiunti tasti di scelta rapida per la selezione di scelte a discesa, ad esempio, "N" sarà scorrere fino a "New York" in una lista di selezione dello stato, simile a nativebehavior
• discesa -. Aggiunto nuova variante discesa scorrimento a discesa e menu a scorrimento, questo può essere usato per includere una sezione scorrevole all'interno di un menu a discesa
• discesa - discesa animerà automaticamente verso l'alto se non c'è abbastanza spazio per apparire al di sotto
.
• discesa - Utilizzando pagina su e pagina giù tasti saranno ora scorrere i menu di una pagina alla volta
• Modulo - Forme ora utilizzare FlexBox per la creazione di gruppi di campi. campi in linea supportano ora (x) di larghezza dimensionamento mediante flex
• Griglia - Griglie ora utilizzano FlexBox, le colonne sono ora tutti uguale altezza per impostazione predefinita. Sono stati aggiunti nuovi tipi di allineamento FlexBox come tratto per facilitare l'allineamento verticale.
• Multiple UI - Molti componenti ora usano FlexBox, il che significa che le correzioni confusione precedenti, come font-size: 0; rimuovere white-space dal blocco linea non è più necessario. La rimozione di questo hack, ora si intende qualsiasi elemento può essere un figlio diretto di griglia o di menu.
• modale - Aggiunto nuove impostazioni di sfocatura e invertita, che imposta automaticamente di un modale dimmer a uno invertito o sfocatura
.
• Menu - Menu ora usa FlexBox. In questo modo le voci di menu per soddisfare le reciproche altezze indipendentemente da ogni oggetti di dimensioni contenuti. contenuto del menu a destra dovrebbe ora seguire altri contenuti del menu, invece di che lo precede (utilizza non più del galleggiante).
• Griglia - Le griglie sono ora FlexBox e uguale altezza per impostazione predefinita, la variazione di pari altezza può essere tranquillamente rimosso
• Popup -. Popup è stato riscritto per migliorare drasticamente le prestazioni, soprattutto durante il test più posizioni
• Transizione - Fallback animazioni javascript sono stati rimossi dai componenti dell'interfaccia utente come discesa e popup per aumentare le prestazioni. Ciò elimina necessità di costosi selettori pseudo come: visibile: animato e:. Nascosto e riduce la dimensione del file
• Form Validation - validazione dei form ora utilizza un unico oggetto impostazioni come altri moduli. Utilizzando (campi, impostazioni) continuerà a funzionare, ma produrrà un notifiche deprecazione in console
• Form Validation -. Validazione dei form supporta ora molte nuove regole di convalida, tra cui alcuni specificamente per l'uso con più selezionare i valori
• Oggetto - Articoli ora utilizza FlexBox per il layout
.
• Message - messaggio icona ora usa FlexBox per il layout
• Menu - Menu tabellare verticale, un menu a schede in verticale, è stato aggiunto
• Input - Tutti i tipi di input utilizzano FlexBox per il layout
• Segmento - Segmenti ora supportano la nidificazione complesso, molte nuove regole su come i gruppi del settore devono apparire all'interno di gruppi
• Segmento -. I nuovi gruppi di segmenti orizzontali rende la posa fuori automatico ridimensionamento colonne di testo molto più facile
• Sidebar - iOS ora riportare correttamente i valori scrollTop per il documento o il corpo quando si utilizza una barra laterale. Chrome su iOS non ha più problemi con contenuto fisso non attaccare immediatamente quando si utilizza una barra laterale.
• Forme - Forme ora regola correttamente per un'incidenza sui lati
• Steps - Passi ora utilizzano FlexBox, passaggi fluidi contenuti ora centro all'interno di ogni passo
• Steps - Passi non è più necessario contare voce e verranno automaticamente dividere equamente
• Transizione - codice di transizione è stato ottimizzato per aumentare le prestazioni. miglioramento del 100% sul primo di animazione, e il 40% di miglioramento su animazioni successive.
• Visibilità - Utilizzando .visibility ({type: 'fisso'}) sarà ora aggiungere automaticamente un elemento segnaposto che scambiare posti con un elemento quando è attaccato alla finestra. Questo dovrebbe rendere i contenuti fisso drasticamente più semplice.
• Visibilità - Visibilità e appiccicoso ora utilizzare un pub / modello più performante sub che solo collegare un singolo evento al contesto di scorrimento
.
• Visibilità - Aggiunte due nuove funzioni di callback visibilità onOnScreen e onOffScreen, che si verificano, il più evidente quando un primo elemento appare dentro o fuori di finestra di un browser
.
• I miglioramenti:
• Sito -. Aggiunto molte nuove variabili del sito, tra cui la possibilità di controllare le dimensioni di ingresso in tutti UI inputPadding, insieme a più colori di confine, accenti e colori
• fisarmonica - aggiunge onOpening e onClosing richiamata (prima animazione) per andare con onOpen, onClose (dopo l'animazione)
• fisarmonica -. Aggiunto il impostazione per specificare evento fisarmonica di innesco
• Feed attività - Feed attività è stato riscritto per utilizzare FlexBox
• API - API ha ora nuove impostazioni throttleFirstRequest e interruptRequests. le richieste di interrupt interrompere una precedente richiesta su un elemento quando si effettua una nuova richiesta. throttleFirstRequest, imposta se la prima richiesta o solo le richieste successive devono essere strozzato quando viene specificata una durata della valvola a farfalla.
• Crea Strumenti - Costruire strumenti verranno ora visualizzati errori pre-specificato quando un file tema è mancante o un elemento specifica un tema non disponibili
.
• creare strumenti - site.variables Regolazione ora ricostruire tutto interfaccia utente, invece di site.less
• Button - Aggiunto: stili di punto di riferimento per tutti i tipi di pulsanti, tutti gli esempi dei tasti in documenti ora sono tastiera attivabile utilizzando o tabindex eventualmente
.
• Card - Card comprende ora una variazione centrato
• Casella di controllo -. Casella di controllo sarà comportamenti ora con grazia corretti invocati sul elemento di input bambino al posto della casella di controllo ui
• Casella di controllo - Riduzione dimensioni kb di icona di carattere
• Divisore - divisorio verticale all'interno della griglia ui rappresenta ormai imbottitura colonna
• a discesa - nidificate menu a scorrimento ora supportano la selezione della tastiera, ad esempio premendo il tasto "A" per la mela, e lo scorrimento della tastiera.
• discesa - Dropdowns hanno ora impostazione partita per specificare se far corrispondere il testo, valore o entrambi
• discesa - Multi selezionare dropdowns hanno ora nuove impostazioni per specificare la massima selezione count
• discesa - discesa ha l'impostazione per impostare il testo segnaposto in JavaScript nuova segnaposto
• discesa - Aggiunta l'opzione showOnFocus che consente di specificare se menu a discesa dovrebbe mostrare sulla messa a fuoco
• discesa - fulltextsearch: vero oggi utilizza ricerca fuzzy (lo stesso di ricerca ui)
• discesa - pagina verso il basso e la pagina ora funziona con menu a discesa
• discesa - discesa inizializzato con disabile puntello su un'opzione ora correttamente appare disattivato
• discesa - Aggiunto stato oggetto disabilitato, gli elementi disattivati ​​saranno automaticamente saltati con la selezione da tastiera
• Modulo - Aggiunta una serie di nuovi stili per i campi del modulo compilato automaticamente dal browser, tra cui l'errore compilato automaticamente, e mettere a fuoco gli stati
• Form - Aggiunto regole colore segnaposto per IE, MS-input-segnaposto
• Modulo - Fissare campo errored colori selezione tastiera discesa
• Modulo - aggiunge stato modulo successo
• Form Validation - Aggiunto è un comportamento valido, restituisce true / false se modulo è valido
• Form Validation - Aggiunto [campo] regola diversa che richiede un campo di essere diverso da quello un altro campo
• Form Validation - dati-validate ora ha la precedenza su altri sistemi di corrispondenza di validazione come il nome o l'ID
• Form Validation - Nuove regole per la corrispondenza con le espressioni regolari personalizzato
• Form Validation - validazione dei form ora ha MINCOUNT, MaxCount, e exactCount per la convalida selezioni multiple
• Griglia - Griglia unicellulare ora rimuove le cellule interne in materia di telefonia mobile e tablet quando viene utilizzato con il raddoppio griglia variazione sensibile
.
• Grid -. Aggiunto grande schermo solo e widescreen variazioni solo reattivo per griglia
• Grid - pari griglie di larghezza ora funziona senza involucri di riga
• Griglia - righe possono ora essere allungato come mezzo allineati, bottom allineati e top allineati
• Grid - margini fissi sulla griglia celled internamente
• Grid - unicellulari e la griglia celled internamente ora utilizzare FlexBox invece di display: table;
• intestazioni - Aggiunto nuovo sub intestazione tipo di intestazione, utile per la visualizzazione di piccoli intestazioni insieme a contenuti di testo. Vedere gli esempi nella documentazione di intestazione
• Immagine - Immagini includono ora una variante distanziati per l'aggiunta di spazi bianchi attorno alle immagini se utilizzato linea con il testo
.
• Input - Aggiunto regole colore segnaposto per IE, MS-input-segnaposto
• Input - Ingresso Azione ora supporta più pulsanti e menu a discesa
• Label - Etichette ora hanno gli stati hover attiva e attiva
• Etichetta - Label ora imposta un'altezza img anche quando non si utilizza un'etichetta immagine
• Lista - Qualsiasi contenuto all'interno di una lista di UI può ora essere allineata verticalmente
• Menu - Aggiungi esempi / documentazione per menù fisso
• Menu - Aggiunto variazione menù impilabile per semplici menu reattivi
• Menu - Aggiunto molte nuove variabili al menu
• Menu -. Risolti diversi problemi di successione per la voce di menu a discesa all'interno che appaiono come voce di menu
• Menu - menu orizzontale ora impostare una dimensione immagine di default per le immagini / loghi
• Menu - articoli menu sono ora un po 'più imbottita
• Menu - Il hover / stato attivo di elemento a tendina sono stati modificati in modo che corrisponda voce. stili di discesa possono essere a tema menù specifico all'interno.
• Menu - menu a discesa verticale non sono più al 100% min-width
• Modal - modale ora utilizza una scala regolata in transizione nel tema di default, che dovrebbe essere più sottile e lavorare meglio con i contenuti modale lungo
.
• Modal - modale onApprove e onDeny ora ricevere l'elemento di attivazione come primo parametro. Aggiunta documentazione sull'utilizzo di restituire false per evitare elemento nascosto al clic.
• Modal - contenuto modale ora usa flex, contenuto dell'immagine ora richiede classe di contenuto immagine sul genitore per consentire la stylings flex
.
• Popup - Popup ora definisce una trasformazione origine modo le animazioni saranno influenzati dalla direzione l'elemento viene posto
• Popup - OnShow e onHide richiamata può disdire popup da mostrare o nascondere restituendo false
• Popup - Aggiunto più varianti di formato per mini popup, piccolo
• Progress - che indica le etichette ora sono di uso più leggibili le variabili css separati da indicare barra dei colori
• Rivela - Aggiunto nuovo stato attivo che permette di mostrare rivelare programatically
• Ricerca - ( '. Search'). Cache può ora essere cancellato con $ di ricerca ( 'cancellare la cache')
• Segmento - Aggiunto imbottita e variazioni segmento molto imbottite
• Ricerca - Ricerca ora funziona fuori un ID univoco generato dalla posizione risultato per recuperare i risultati. Ad esempio, primo risultato categoria # 1 è 'A1'. In precedenza Risultato sono stati utilizzati come loro "id", che potrebbe causare problemi con titoli duplicati, o risultati che non contengono un titolo.
• Ricerca - Ricerca sarà ora aggiungere automaticamente di categoria quando si utilizza tipo:. Categoria
• Ricerca - Ricerca ora generare risultati contenitore, se uno non è presente sul init
• Ricerca - Ricerca ora usa em per ridimensionare, facendo attenzione che ridimensiona con il contenuto circostante
• Ricerca - Ricerca pronta ad ora è concentrarsi stili definiti se non utilizzando il metodo di ui
• Segmento -. Aggiunto segmento di compensazione per i casi che necessitano di un clearfix
• Barra laterale - le prestazioni dell'animazione migliorate attraverso il debug delle prestazioni. Sidebar ora memorizza nella cache, la larghezza, l'altezza, la direzione rtl del carico.
• Il sito - fisso globali @defaultDuration misto e l'uso di @transitionDuration di utilizzare una singola variabile in tutti UI @defaultDuration, lo stesso per @defaultEasing e @transitionEasing
• Il sito - Aggiunto in variabile pageOverflowX, tema di default nasconde le barre di scorrimento orizzontali sul corpo
• del sito - Aggiunta di colori di messa a fuoco di default per tutte le varianti di colore
• Il sito - Tutti galleggiante / sollevato variazioni ora ereditano da un @floatedShadow globale rendendo più semplice tematizzazione
• Sticky - Sticky ora memorizza internamente posizione di scorrimento corrente quando cantFit = true per evitare di ottenere proprietà DOM sul rotolo
.
• Statistica - Aggiunta una nuova variante del gruppo equamente diviso, ad esempio tre statistiche mostra 3 per fila
• Statistica - gruppo Statitic ora utilizzare Flex. Gli stili sono stati aggiornati.
• Steps - passi allegate aggiunto, che ora possono essere collegati ad altri UI come segmento
• Schede - Scheda volontà pagina ora corrette manualmente posizione di scorrimento durante il collegamento ad un ancoraggio in-page in una scheda nascosta
• Spartiti - Aggiunte nuove funzioni di callback onTabVisible e onRequest
• Schede - Aggiunta l'opzione parseScripts, valori predefiniti una volta per l'analisi degli script in linea solo primo carico
• Tabella - aggiunge variazione tavolo selezionabile, che mostra librarsi effetto sulla riga quando si libra
• Tabella - Aggiunto variazioni di allineamento verticale e tavola ui
• Tabella - Aggiunto variazione tabella singola linea che impedisce il testo da imballaggio
• Transizione - Regolazione stile o di classe durante la transizione, non sarà più ripristinare il cambiamento dopo la transizione completa .
• Transition -. La transizione non è più costringerà visibile / nascosta con gli stili inline se onComplete set di callback visibilità
• Visibilità / Sticky - Visibilità e appiccicoso ora aggiornare automaticamente dopo il contenuto della pagina di caricamento a che fare con cambiamenti nella posizione di caricare immagini
• Visibilità / Sticky - Visibilità ora usa pub / sub modello per migliorare notevolmente le prestazioni di scorrimento quando si collega più eventi
• Visibilità - della visibilità del include un nuovo checkOnRefresh impostazione che determina se i callback di visibilità dovrebbero verificarsi su di ridimensionamento o aggiornare
• Visibilità - immagine visibilità sarà ora l'ora di caricare immagini pigri che si trovano al di sopra della posizione dello schermo corrente, non solo al di sotto
.

Cosa c'è di nuovo nella versione 2.1.4:

• Nuova interfaccia utente:
• Container - I contenitori sono fissati contenitori larghezza destinati per lo svolgimento di contenuto della pagina, e sono una semplice alternativa alla griglia della pagina ui, vedere altri esempi di documenti
• Multiselect - Nuovi tipi di discesa più sono stati aggiunti. Sono stati aggiunti molti nuovi miglioramenti discesa incluse le funzioni di tagging / creazione di token e il caricamento dei dati attraverso le richieste API.
• Incorpora - nuovo componente embed consente embeds iframe reattivi che mantengono il loro rapporto di aspetto. Incorpora può essere utilizzato con YouTube o Vimeo video, insieme a contenuti segnaposto per evitare il caricamento delle librerie di terze parti fino a quando un utente sceglie di interagire con il video.
• I principali miglioramenti:
• Il sito - Aggiunti nuovi colori di oliva, viola, marrone e grigio. Questi sono disponibili in tutti gli elementi con variazioni di colore.
• API - API può ora essere utilizzato con le risposte deriso, e le richieste di AJAX personalizzati. mockResponse è stato aggiunto per risolvere richiesta con un oggetto JSON pre-specificato, o una funzione di callback sincrona.
• API mockResponseAsync è stato aggiunto per richieste asincrone personalizzato. Ciò consente di specificare un callback asincroni personalizzato per risolvere una richiesta API, aiutando con l'integrazione con le librerie come Ember o angolare che possono avvolgere richieste AJAX.
• API - API callback ora hanno un callback onResponse in grado di regolare la risposta dei server prima di essere analizzato da altri callback per le condizioni successo o il fallimento
.
• API - API ora offre un ambiente di cache locale per evitare di andata e ritorno del server per gli URL identici utilizzando la cache: 'locale'. Questo non è abilitato di default. la cache locale è utile per i risultati che dovrebbero restituire gli stessi valori in una singola sessione, ad esempio, quando si interroga un completamento automatico.
• Card - Card supportano ora più blocchi di contenuti personalizzati. blocchi contenuti e le immagini possono ora apparire in qualsiasi ordine.
• Casella di controllo - Casella di controllo non richiedono più JavaScript per funzionare
.
• Casella di controllo -. Aggiunto il supporto per le caselle di controllo indeterminati, insieme a nuovi stilemi
• Casella di controllo - Ora include comportamenti separati per innescare cambiamenti di stato senza invocare callback set controllato vs controllato
• discesa -. Aggiunto integrazione API remoto con discesa, per consentire la selezione di ricerca per query su un insieme di dati a distanza
• Dimmer - Dimmer ora hanno una variazione sfocatura che applicano un effetto simile al vetro quando oscurato
• a discesa - Dropdowns ora osservano automaticamente le modifiche nel menu e aggiornerà la cache selettore con nuove aggiunte
• Dropdowns - possibilità di aggiungere scelte personalizzate per tutti i menù a discesa di selezione di ricerca (multi / single) utilizzando AllowAdditions Aggiunto: true impostazione. Cerca ora visualizza i messaggi di errore sui risultati in tutti i casi.
• discesa -. Sono stati aggiunti tasti di scelta rapida per la selezione di scelte a discesa, ad esempio, "N" sarà scorrere fino a "New York" in una lista di selezione dello stato, simile a nativebehavior
• discesa -. Aggiunto nuova variante discesa scorrimento a discesa e menu a scorrimento, questo può essere usato per includere una sezione scorrevole all'interno di un menu a discesa
• discesa - discesa animerà automaticamente verso l'alto se non c'è abbastanza spazio per apparire al di sotto
.
• discesa - Utilizzando pagina su e pagina giù tasti saranno ora scorrere i menu di una pagina alla volta
• Modulo - Forme ora utilizzare FlexBox per la creazione di gruppi di campi. campi in linea supportano ora (x) di larghezza dimensionamento mediante flex
• Griglia - Griglie ora utilizzano FlexBox, le colonne sono ora tutti uguale altezza per impostazione predefinita. Sono stati aggiunti nuovi tipi di allineamento FlexBox come tratto per facilitare l'allineamento verticale.
• Multiple UI - Molti componenti ora usano FlexBox, il che significa che le correzioni confusione precedenti, come font-size: 0; rimuovere white-space dal blocco linea non è più necessario. La rimozione di questo hack, ora si intende qualsiasi elemento può essere un figlio diretto di griglia o di menu.
• modale - Aggiunto nuove impostazioni di sfocatura e invertita, che imposta automaticamente di un modale dimmer a uno invertito o sfocatura
.
• Menu - Menu ora usa FlexBox. In questo modo le voci di menu per soddisfare le reciproche altezze indipendentemente da ogni oggetti di dimensioni contenuti. contenuto del menu a destra dovrebbe ora seguire altri contenuti del menu, invece di che lo precede (utilizza non più del galleggiante).
• Griglia - Le griglie sono ora FlexBox e uguale altezza per impostazione predefinita, la variazione di pari altezza può essere tranquillamente rimosso
• Popup -. Popup è stato riscritto per migliorare drasticamente le prestazioni, soprattutto durante il test più posizioni
• Transizione - Fallback animazioni javascript sono stati rimossi dai componenti dell'interfaccia utente come discesa e popup per aumentare le prestazioni. Ciò elimina necessità di costosi selettori pseudo come: visibile: animato e:. Nascosto e riduce la dimensione del file
• Form Validation - validazione dei form ora utilizza un unico oggetto impostazioni come altri moduli. Utilizzando (campi, impostazioni) continuerà a funzionare, ma produrrà un notifiche deprecazione in console
• Form Validation -. Validazione dei form supporta ora molte nuove regole di convalida, tra cui alcuni specificamente per l'uso con più selezionare i valori
• Oggetto - Articoli ora utilizza FlexBox per il layout
.
• Message - messaggio icona ora usa FlexBox per il layout
• Menu - Menu tabellare verticale, un menu a schede in verticale, è stato aggiunto
• Input - Tutti i tipi di input utilizzano FlexBox per il layout
• Segmento - Segmenti ora supportano la nidificazione complesso, molte nuove regole su come i gruppi del settore devono apparire all'interno di gruppi
• Segmento -. I nuovi gruppi di segmenti orizzontali rende la posa fuori automatico ridimensionamento colonne di testo molto più facile
• Sidebar - iOS ora riportare correttamente i valori scrollTop per il documento o il corpo quando si utilizza una barra laterale. Chrome su iOS non ha più problemi con contenuto fisso non attaccare immediatamente quando si utilizza una barra laterale.
• Forme - Forme ora regola correttamente per un'incidenza sui lati
• Steps - Passi ora utilizzano FlexBox, passaggi fluidi contenuti ora centro all'interno di ogni passo
• Steps - Passi non è più necessario contare voce e verranno automaticamente dividere equamente
• Transizione - codice di transizione è stato ottimizzato per aumentare le prestazioni. miglioramento del 100% sul primo di animazione, e il 40% di miglioramento su animazioni successive.
• Visibilità - Utilizzando .visibility ({type: 'fisso'}) sarà ora aggiungere automaticamente un elemento segnaposto che scambiare posti con un elemento quando è attaccato alla finestra. Questo dovrebbe rendere i contenuti fisso drasticamente più semplice.
• Visibilità - Visibilità e appiccicoso ora utilizzare un pub / modello più performante sub che solo collegare un singolo evento al contesto di scorrimento
.
• Visibilità - Aggiunte due nuove funzioni di callback visibilità onOnScreen e onOffScreen, che si verificano, il più evidente quando un primo elemento appare dentro o fuori di finestra di un browser
.
• I miglioramenti:
• Sito -. Aggiunto molte nuove variabili del sito, tra cui la possibilità di controllare le dimensioni di ingresso in tutti UI inputPadding, insieme a più colori di confine, accenti e colori
• fisarmonica - aggiunge onOpening e onClosing richiamata (prima animazione) per andare con onOpen, onClose (dopo l'animazione)
• fisarmonica -. Aggiunto il impostazione per specificare evento fisarmonica di innesco
• Feed attività - Feed attività è stato riscritto per utilizzare FlexBox
• API - API ha ora nuove impostazioni throttleFirstRequest e interruptRequests. le richieste di interrupt interrompere una precedente richiesta su un elemento quando si effettua una nuova richiesta. throttleFirstRequest, imposta se la prima richiesta o solo le richieste successive devono essere strozzato quando viene specificata una durata della valvola a farfalla.
• Crea Strumenti - Costruire strumenti verranno ora visualizzati errori pre-specificato quando un file tema è mancante o un elemento specifica un tema non disponibili
.
• creare strumenti - site.variables Regolazione ora ricostruire tutto interfaccia utente, invece di site.less
• Button - Aggiunto: stili di punto di riferimento per tutti i tipi di pulsanti, tutti gli esempi dei tasti in documenti ora sono tastiera attivabile utilizzando o tabindex eventualmente
.
• Card - Card comprende ora una variazione centrato
• Casella di controllo -. Casella di controllo sarà comportamenti ora con grazia corretti invocati sul elemento di input bambino al posto della casella di controllo ui
• Casella di controllo - Riduzione dimensioni kb di icona di carattere
• Divisore - divisorio verticale all'interno della griglia ui rappresenta ormai imbottitura colonna
• a discesa - nidificate menu a scorrimento ora supportano la selezione della tastiera, ad esempio premendo il tasto "A" per la mela, e lo scorrimento della tastiera.
• discesa - Dropdowns hanno ora impostazione partita per specificare se far corrispondere il testo, valore o entrambi
• discesa - Multi selezionare dropdowns hanno ora nuove impostazioni per specificare la massima selezione count
• discesa - discesa ha l'impostazione per impostare il testo segnaposto in JavaScript nuova segnaposto
• discesa - Aggiunta l'opzione showOnFocus che consente di specificare se menu a discesa dovrebbe mostrare sulla messa a fuoco
• discesa - fulltextsearch: vero oggi utilizza ricerca fuzzy (lo stesso di ricerca ui)
• discesa - pagina verso il basso e la pagina ora funziona con menu a discesa
• discesa - discesa inizializzato con disabile puntello su un'opzione ora correttamente appare disattivato
• discesa - Aggiunto stato oggetto disabilitato, gli elementi disattivati ​​saranno automaticamente saltati con la selezione da tastiera
• Modulo - Aggiunta una serie di nuovi stili per i campi del modulo compilato automaticamente dal browser, tra cui l'errore compilato automaticamente, e mettere a fuoco gli stati
• Form - Aggiunto regole colore segnaposto per IE, MS-input-segnaposto
• Modulo - Fissare campo errored colori selezione tastiera discesa
• Modulo - aggiunge stato modulo successo
• Form Validation - Aggiunto è un comportamento valido, restituisce true / false se modulo è valido
• Form Validation - Aggiunto [campo] regola diversa che richiede un campo di essere diverso da quello un altro campo
• Form Validation - dati-validate ora ha la precedenza su altri sistemi di corrispondenza di validazione come il nome o l'ID
• Form Validation - Nuove regole per la corrispondenza con le espressioni regolari personalizzato
• Form Validation - validazione dei form ora ha MINCOUNT, MaxCount, e exactCount per la convalida selezioni multiple
• Griglia - Griglia unicellulare ora rimuove le cellule interne in materia di telefonia mobile e tablet quando viene utilizzato con il raddoppio griglia variazione sensibile
.
• Grid -. Aggiunto grande schermo solo e widescreen variazioni solo reattivo per griglia
• Grid - pari griglie di larghezza ora funziona senza involucri di riga
• Griglia - righe possono ora essere allungato come mezzo allineati, bottom allineati e top allineati
• Grid - margini fissi sulla griglia celled internamente
• Grid - unicellulari e la griglia celled internamente ora utilizzare FlexBox invece di display: table;
• intestazioni - Aggiunto nuovo sub intestazione tipo di intestazione, utile per la visualizzazione di piccoli intestazioni insieme a contenuti di testo. Vedere gli esempi nella documentazione di intestazione
• Immagine - Immagini includono ora una variante distanziati per l'aggiunta di spazi bianchi attorno alle immagini se utilizzato linea con il testo
.
• Input - Aggiunto regole colore segnaposto per IE, MS-input-segnaposto
• Input - Ingresso Azione ora supporta più pulsanti e menu a discesa
• Label - Etichette ora hanno gli stati hover attiva e attiva
• Etichetta - Label ora imposta un'altezza img anche quando non si utilizza un'etichetta immagine
• Lista - Qualsiasi contenuto all'interno di una lista di UI può ora essere allineata verticalmente
• Menu - Aggiungi esempi / documentazione per menù fisso
• Menu - Aggiunto variazione menù impilabile per semplici menu reattivi
• Menu - Aggiunto molte nuove variabili al menu
• Menu -. Risolti diversi problemi di successione per la voce di menu a discesa all'interno che appaiono come voce di menu
• Menu - menu orizzontale ora impostare una dimensione immagine di default per le immagini / loghi
• Menu - articoli menu sono ora un po 'più imbottita
• Menu - Il hover / stato attivo di elemento a tendina sono stati modificati in modo che corrisponda voce. stili di discesa possono essere a tema menù specifico all'interno.
• Menu - menu a discesa verticale non sono più al 100% min-width
• Modal - modale ora utilizza una scala regolata in transizione nel tema di default, che dovrebbe essere più sottile e lavorare meglio con i contenuti modale lungo
.
• Modal - modale onApprove e onDeny ora ricevere l'elemento di attivazione come primo parametro. Aggiunta documentazione sull'utilizzo di restituire false per evitare elemento nascosto al clic.
• Modal - contenuto modale ora usa flex, contenuto dell'immagine ora richiede classe di contenuto immagine sul genitore per consentire la stylings flex
.
• Popup - Popup ora definisce una trasformazione origine modo le animazioni saranno influenzati dalla direzione l'elemento viene posto
• Popup - OnShow e onHide richiamata può disdire popup da mostrare o nascondere restituendo false
• Popup - Aggiunto più varianti di formato per mini popup, piccolo
• Progress - che indica le etichette ora sono di uso più leggibili le variabili css separati da indicare barra dei colori
• Rivela - Aggiunto nuovo stato attivo che permette di mostrare rivelare programatically
• Ricerca - ( '. Search'). Cache può ora essere cancellato con $ di ricerca ( 'cancellare la cache')
• Segmento - Aggiunto imbottita e variazioni segmento molto imbottite
• Ricerca - Ricerca ora funziona fuori un ID univoco generato dalla posizione risultato per recuperare i risultati. Ad esempio, primo risultato categoria # 1 è 'A1'. In precedenza Risultato sono stati utilizzati come loro "id", che potrebbe causare problemi con titoli duplicati, o risultati che non contengono un titolo.
• Ricerca - Ricerca sarà ora aggiungere automaticamente di categoria quando si utilizza tipo:. Categoria
• Ricerca - Ricerca ora generare risultati contenitore, se uno non è presente sul init
• Ricerca - Ricerca ora usa em per ridimensionare, facendo attenzione che ridimensiona con il contenuto circostante
• Ricerca - Ricerca pronta ad ora è concentrarsi stili definiti se non utilizzando il metodo di ui
• Segmento -. Aggiunto segmento di compensazione per i casi che necessitano di un clearfix
• Barra laterale - le prestazioni dell'animazione migliorate attraverso il debug delle prestazioni. Sidebar ora memorizza nella cache, la larghezza, l'altezza, la direzione rtl del carico.
• Il sito - fisso globali @defaultDuration misto e l'uso di @transitionDuration di utilizzare una singola variabile in tutti UI @defaultDuration, lo stesso per @defaultEasing e @transitionEasing
• Il sito - Aggiunto in variabile pageOverflowX, tema di default nasconde le barre di scorrimento orizzontali sul corpo
• del sito - Aggiunta di colori di messa a fuoco di default per tutte le varianti di colore
• Il sito - Tutti galleggiante / sollevato variazioni ora ereditano da un @floatedShadow globale rendendo più semplice tematizzazione
• Sticky - Sticky ora memorizza internamente posizione di scorrimento corrente quando cantFit = true per evitare di ottenere proprietà DOM sul rotolo
.
• Statistica - Aggiunta una nuova variante del gruppo equamente diviso, ad esempio tre statistiche mostra 3 per fila
• Statistica - gruppo Statitic ora utilizzare Flex. Gli stili sono stati aggiornati.
• Steps - passi allegate aggiunto, che ora possono essere collegati ad altri UI come segmento

Cosa c'è di nuovo nella versione 1.3.2:

• Correzioni:

Limitazioni :