Semantic UI

Software kuvakaappaus:
Semantic UI
Ohjelmiston tiedot:
Versio: 2.1.8 Päivitetty
Lähetyksen päivämäärä: 10 Feb 16
Kehittäjä: Jack Lukic
Lupa: Vapaa
Suosio: 79

Rating: 3.5/5 (Total Votes: 2)

Semanttinen UI ei vain keskittynyt tarjoamaan runsaasti UI widgettejä, vaan keskittyy myös, miten nämä komponentit ovat kirjoitettu, jonka avulla kuka tahansa tietää, mitä koodi tekee vain katsomalla sitä.

Näin semanttinen toimiva käyttöliittymistä ovat paitsi helppo kirjoittaa, mutta helppo muokata myöhemmässä pistettä.

Semanttinen UI tulee runsaasti valmiita komponentteja kättelyssä ja on saatavilla CSS ja vähemmän.

Mikä on uusi tässä julkaisussa:

  • Uusi käyttöliittymä:
  • Container - Kontit ovat kiinteä leveys astioissa tarkoitettu holding sivun sisältöön, ja ovat yksinkertaisempia vaihtoehto ui sivulle verkkoon, näyttää lisää esimerkkejä docs
  • Multiselect - New useita avattavasta tyyppejä on lisätty. Monet uudet avattavasta parannuksia on lisätty myös koodaus / tokenizing ominaisuudet ja lastaus dataa API pyyntöjä.
  • Upota - New upota komponentti mahdollistaa reagoiva iframe upotuksen että säilyttää kuvasuhde. Upota voidaan käyttää YouTube- tai Vimeo videoita yhdessä paikkamerkki sisältöä välttää lastaus kolmannen osapuolen kirjastoja, kunnes käyttäjä valitsee olla vuorovaikutuksessa videon.
  • Major Parannukset:
  • Site - Lisätty uusia värejä oliivi, violetti, ruskea ja harmaa. Nämä ovat saatavilla kaikki elementit värieroja.
  • API - API voidaan nyt käyttää pilkataan vastauksia, ja mukautettuja AJAX pyyntöjä. mockResponse on lisätty ratkaista pyynnöstä ennalta määritellyissä JSON esine tai synkroninen toiminnon soittopyynnön.
  • API mockResponseAsync on lisätty mukautettuja asynkronisen pyyntöjä. Näin voit määrittää mukautetun async soittopyynnön ratkaista API pyynnön, auttamassa integrointi kirjastojen kuten Ember tai Kulmikas jotka voivat wrap AJAX pyyntöjä.
  • API - API kutsuja nyt onResponse soittopyynnön, joka voi säätää palvelimia vastauksen ennen kuin se jäsentää muut kutsuja onnistumisen tai epäonnistumisen ehtoja.
  • API - API tarjoaa nyt paikallinen välimuisti nopeus ei palvelimelle edestakaista samanlaisten URL käyttämällä cache: "paikallinen". Tämä ei ole oletusarvoisesti käytössä. Paikallinen välimuisti on hyödyllinen tulokset tulee palauttaa samat arvot poikki yhden istunnon, esimerkiksi kun istä AutoComplete.
  • Card - Kortit tukevat nyt useita mukautettuja sisältöä lohkoja. Sisältö lohkot ja kuvat voidaan nyt esiintyä missä tahansa järjestyksessä.
  • Checkbox - Checkbox ei enää vaadi JavaScriptin toimiakseen.
  • Checkbox - Lisätty tuki määräämättömäksi valintaruudut, sekä uusia stylings.
  • Checkbox - Nyt sisältää erilliset käyttäytymistä laukaisemiseksi tila muuttuu kutsumatta kutsuja asettaa tarkastetaan vs tarkastetaan
  • Dropdown - Lisätty kauko API integrointi avattavasta, jotta Hakuvalintasi kysellä vastaan ​​kauko aineisto.
  • Himmennys - Himmentimet nyt hämärtää vaihtelua joita sovelletaan lasi kaltainen vaikutus, kun himmentää
  • Dropdown - dropdowns nyt automaattisesti tarkkailla muutoksia valikko ja päivittää valitsin välimuistiin uusia lisäyksiä
  • dropdowns - Lisätty kyky lisätä mukautettuja valintoja kaikkien haun valinta dropdowns (multi / single) käyttäen allowAdditions: totta asetus. Hae nyt näyttää virheilmoituksia mitään tuloksia kaikissa tapauksissa.
  • Dropdown - Pikanäppäimet on lisätty valintaa avattavasta valintoja, esimerkiksi "N" vierii "New York" tilassa valintalistan, samanlainen nativebehavior.
  • Dropdown - Lisätty uusi avattavasta muunnelma vieritys avattavaa ja vieritys valikko, tämä voidaan sisällyttää scrollable osio sisällä pudotusvalikosta.
  • Dropdown - Dropdown automaattisesti animoida ylöspäin, jos ei ole tarpeeksi tilaa näkyvät alla.
  • Dropdown - käyttäminen sivu ylös ja sivulle alas näppäimet nyt selata valikkoja sivu kerrallaan
  • Form - Lomakkeet nyt käyttää flexboxiin luomiseen kenttäryhmät. Inline kentät tukevat nyt (x) leveä mitoitus flex
  • Grid - Ristikot nyt käyttää flexboxiin, pylväät ovat nyt kaikki samalla korkeudella oletuksena. Uusi flexboxiin linjaus tyypit kuten venytys on lisätty helpottamiseksi pystykohdistus.
  • Useita UI - Monet komponentit käyttävät nyt flexboxiin, mikä tarkoittaa edellinen sekava korjauksia kuten font-size: 0; poistamiseksi white-space päässä inline lohko ei ole enää tarpeen. Poistaminen tämä hakata, nyt mitä tahansa elementti voi olla suora lapsi verkkoon tai valikon.
  • Modal - Lisätty uudet asetukset hämärtymistä ja ylösalaisin joka automaattisesti asettaa modaalinen n himmennin joko käänteinen tai hämärtymistä.
  • Menu - Menu käyttää nyt flexboxiin. Näin valikkokohdat sovittaa toistensa korkeuksien riippumatta jokaisen kohteita sisällön kokoa. oikean valikon sisällön pitäisi nyt seurata muita valikon sisällön sijasta edellisessä se (enää käyttää float).
  • Grid - Ristikot ovat nyt flexboxiin ja yhtä korkeita oletuksena, samalla korkeudella vaihtelua voidaan turvallisesti poistaa
  • Popup - Popup on kirjoitettu uudelleen merkittävästi parantaa suorituskykyä, varsinkin kun testataan useita kantoja.
  • Transition - Fallback JavaScript animaatioita poistettu UI osia, kuten avattavaa ja popup suorituskyvyn parantamiseksi. Tämä poistaa tarvita kallista pseudo valitsimia kuten: näkyvä,: animoitu ja: piilotettu ja vähentää tiedostokoko.
  • Form Validation - Form validointi nyt käyttää yhden asetuksia vastustaa kuin muut moduulit. Käyttäen (kentät, asetukset) toimii edelleen, mutta se pyrkii vähättely ilmoituksista konsoli
  • Form Validation - Form validointi tukee nyt monia uusia validointisäännöt, kuten jotkut nimenomaan käytettäväksi useiden arvot valitaan.
  • Item - kohteet nyt käyttää flexboxiin ulkoasun.
  • Viestin - ikoni viestin nyt käyttää flexboxiin layout
  • Valikko - pystysuora taulukon valikko, pystysuora välilehtivalikko, on lisätty
  • Input - Kaikki tulotyypin käyttää flexboxiin layout
  • Segment - segmentit tukevat nyt monimutkainen pesiä, paljon uusia sääntöjä siitä, miten segmentti ryhmille pitäisi näkyä ryhmien sisällä
  • Segment - Uusi horisontaalinen segmentti ryhmät tekevät säätävä automaattinen koon tekstin sarakkeisiin paljon helpompaa.
  • sivupalkki - iOS nyt oikein raportoi scrollTop arvot asiakirjan tai kehon käytettäessä sivupalkin. Chrome iOS ei enää ole ongelmia sisältöjä ei kiinni heti kun käytetään sivupalkin.
  • Shapes - Muodot nyt oikein säätyy marginaalia sivuilla
  • Steps - Steps nyt käyttää flexboxiin, nesteen askeleen nyt keskus sisällön sisällä jokainen vaihe
  • Steps - Steps enää tarvitse erä laskea ja automaattisesti jakaa tasaisesti
  • Transition - Transition koodi on optimoitu suorituskyvyn parantamiseksi. 100% parempi ensin animaation, ja 40% parempi myöhempien animaatioita.
  • Näkyvyys - käyttäminen .visibility ({type: "kiinteä"}) nyt automaattisesti lisätä paikkamerkki elementti, joka vaihtaa paikkoja elementti, kun se on kiinnitetty viewport. Tämän pitäisi tehdä sisältöjä rajusti yksinkertaisempi.
  • Näkyvyys - Näkyvyys ja tahmea nyt käyttää enemmän performant pub / sub kuvio, joka liittää vain yhden tapahtuman yhteydessä selaamalla.
  • Näkyvyys - Lisätty kaksi uutta näkyvyyttä kutsuvastauksia onOnScreen ja onOffScreen, joita esiintyy, selvimmin kun elementti esiintyy ensi tai ulos selaimen näkymän.
  • Parannukset:
  • Site - Lisätty paljon uusia sivusto muuttujia, kuten kyky hallita input koko kaikissa UI inputPadding yhdessä enemmän reunusväriä, aksentteja ja värit.
  • Harmonikka - lisää onOpening ja onClosing soittopyynnön (ennen animaatio) mennä onOpen, OnClose (kun animaatio)
  • Harmonikka - Lisätty asetus eritellään harmonikan liipaisutapahtumaa.
  • syöte - Activity rehu on kirjoitettu uudelleen käyttämään flexboxiin
  • API - API on nyt uudet asetukset throttleFirstRequest ja interruptRequests. Keskeytyspyynnöt keskeyttää aiemman pyynnön elementti tehdessään uutta pyyntöä. throttleFirstRequest, asettaa onko ensimmäinen pyyntö vai ainoastaan ​​myöhemmin tulleita olisi kuristettu kun kaasuläpän kesto on määritelty.
  • Build Työkalut - Build välineitä näyttää nyt ennalta määritetyn virheitä teema tiedosto puuttuu tai elementti määrittää käytettävissä teema.
  • Build Työkalut - säätäminen site.variables nyt rakentaa kaikki UI, eikä vain site.less
  • Button - Lisätty: focus tyylejä kaikille -painiketta tyyppejä, kaikki painike esimerkit dokumentit ovat nyt näppäimistö focusable joko tai tabindex tarvittaessa.
  • Card - Kortti sisältää nyt keskitetty vaihtelu
  • Checkbox - Checkbox sulkeutuu nyt sulavasti oikea käyttäytymistä vedottu lapsi syöttöosa sijasta ui valintaruudun.
  • Checkbox - Vähentynyt kb koko ikoni fontin
  • jakaja - pystysuora jakaja sisällä ui verkkoon osuus on nyt sarake pehmusteena
  • Dropdown - Sisäkkäiset vieritys valikoita tukevat nyt näppäimistön valinta, esim. painamalla "A" omena, ja näppäimistö vieritys.
  • Dropdown - dropdowns nyt ottelu asetus määrittää vastaamaan tekstiä, arvo tai molemmat
  • Dropdown - Multi valitse dropdowns nyt uusia asetuksia määritetään maksimivalinnalla määrä
  • Dropdown - Dropdown on uusi paikkamerkki asetus asettamiseksi paikanvaraajatekstiä JavaScript
  • Dropdown - Lisätty showOnFocus vaihtoehto, jonka avulla voit määrittää, pudotusvalikosta pitäisi näkyä kohdennus
  • Dropdown - fulltextsearch: totta nyt käyttää sumea haku (sama kuin ui haku)
  • Dropdown - Sivu alas ja sivulle nyt toimii avattavasta valikot
  • Dropdown - Dropdown alustetaan vammaisten potkurin valinta nyt oikein näkyvät poistettu käytöstä
  • Dropdown - Lisätty vammaiset kohteen tila, vammaiset kohteita automaattisesti ohitettava näppäimistön valinta
  • Form - Lisätty useita uusia tyylejä lomakekenttien täydennetäänkö selaimesi, kuten täydennetäänkö virhe, ja keskittyä valtioiden
  • Form - Lisätty paikkamerkki väri säännöt IE, ms-input-paikkamerkki
  • Form - Fix errored kenttä avattavasta näppäimistön valinta väri
  • Form - Lisää muoto menestys tilassa
  • muoto validointi - Lisätty on voimassa käyttäytyminen, palauttaa tosi / epätosi, jos lomake on pätevä
  • Form Validation - Lisätty eri [kenttä], joka edellyttää kentän olemaan erilainen kuin toinen kenttä
  • Form Validation - data-validoida nyt etusijalla muihin validointi vastaavia järjestelmiä, kuten nimi tai tunnus
  • Form Validation - Uudet säännöt vastaavat vastaan ​​mukautettuja säännöllisiä lausekkeita
  • Form Validation - Form validointi on nyt minCount, MAXCOUNT, ja exactCount validoida useita valintoja
  • Grid - tut grid nyt poistaa sisäiset solut mobiili- ja tablet käyttöjärjestelmillä kaksinkertaistaa verkkoon reagoiva vaihtelu.
  • Grid - Lisätty suuri näyttö vain ja laajakuva vain reagoiva muunnelmia verkkoon.
  • Grid - samanlevyisiä ristikot nyt toimii ilman rivi kääreet
  • Grid - rivejä voidaan nyt venyttää sekä keski linjassa, pohja linjassa ja top linjassa!
  • Grid - Kiinteät marginaalit sisäisesti celled grid
  • Grid - tut ja sisäisesti celled grid nyt käyttää flexboxiin sijasta näyttö: taulukko,
  • Ylä- - Lisätty uusi otsikkotyyppi sub otsikko, hyödyllisiä näyttämällä pieniä otsikot rinnalla tekstin sisältöä. Katso esimerkit otsikossa docs
  • Kuva - Kuvat sisältävät nyt välimatkan vaihtelua lisäämällä välilyönti kuvien ympärille, kun käytetään sitoutuva tekstiä.
  • Input - Lisätty paikkamerkki väri säännöt IE, ms-input-paikkamerkki
  • Input - Toiminta input nyt tukee useita painikkeita, ja avattavasta
  • Label - etiketit nyt aktiivinen ja aktiivinen hääriä valtioiden
  • Label - Label nyt asettaa img height vaikka et käytä image etiketti
  • List - Mikä tahansa sisällön sisällä ui lista voidaan nyt pystysuunnassa
  • Valikko - Lisää esimerkkejä / asiakirjat kiinteä menu
  • Valikko - Lisätty pinottava menu vaihtelua yksinkertaisiin reagoivan valikoissa
  • Valikko - Lisätty paljon uusia muuttujia valikkoon
  • Valikko - Korjattu useita perintö kysymyksiä avattavasta kohteen sisällä valikko esiintyy niin valikkokohta.
  • Valikko - Vaaka valikot nyt asetettu oletusasetuksena kuvan kuvien / logot
  • Valikko - valikot kohteita ovat nyt hieman pehmustettu
  • Valikko - leijua / aktiivista tilaa avattavan kohde on muutettu vastaamaan kohteen. Avattava tyylejä voidaan teeman nimenomaan sisällä valikosta.
  • Valikko - Vertical avattavasta valikot eivät enää 100% min-leveys
  • Modal - Modaalinen käyttää nyt mukautettua mittakaavassa siirtymävaiheen oletusteemaa, että pitäisi olla hienovaraisempaa ja toimivat paremmin pitkä modaalinen sisältöä.
  • Modal - Modaali onApprove ja onDeny saavat nyt aktivoiva elementti kuin ensimmäinen parametri. Lisätty ohjeista käyttämällä return false ei peitä elementtiin napsautuksella.
  • Modal - Modaalinen sisältö käyttää nyt flex, kuvan sisältö vaatii nyt kuvan sisällön luokassa vanhemman jotta flex stylings.
  • Popup - Popup määrittelee nyt muunnos-alkuperää niin animaatiot vaikuttavat suunta elementti sijoitetaan
  • Popup - onShow ja onHide soittopyynnön voi nyt peruuttaa popup näkymästä tai piilottamalla palauttamalla false
  • Popup - Lisätty lisää kokomuunnelmat popup mini, pieni
  • Progress - osoittaa etiketit nyt ovat luettavissa käyttöön erillinen css muuttujaa ilmaisee palkin väri
  • Näytä - Lisätty uusi aktiivinen tila, jonka avulla voit näyttää paljastaa ohjelmallisesti
  • Etsi - Cache voidaan nyt vapauttaa käyttämällä $ ( '. Haku "). Haku (" kirkas cache')
  • Segment - Lisätty pehmustettu ja hyvin pehmustettu segmentti vaihtelut
  • Search - Haku toimii nyt pois yksilöivä tuottaman tuloksen asema hakea tuloksia. Esimerkiksi luokan # 1 ensimmäinen tulos on "A1". Aiemmin tulos otsikot käytettiin heidän "id", mikä voi aiheuttaa ongelmia toistuvat otsikot, tai tuloksia, jotka eivät sisällä otsikko.
  • Search - Hae nyt automaattisesti lisätä luokan luokan käytettäessä tyyppi: luokka.
  • Search - Hae nyt tuottaa tuloksia kontti jos ei ole läsnä init
  • Search - Hae nyt käyttää em varten koko muuttuu, varmistaen, että se tulee muuttaa ympäröivän pitoisuus
  • Search - Search nopea nyt on keskittyä tyylejä määritellyt, jos ei käytetä ui input
  • Segment - Lisätty clearing segmenttinä tapaus edellytä clearfix.
  • sivupalkki - Parempi animaation suorituskykyä suorituskyky virheenkorjaus. Sivupalkki nyt välimuistit, leveys, korkeus, rtl suunnan kuormitus.
  • Site - Kiinteät mixed global @defaultDuration ja @transitionDuration käyttö käyttää yhden muuttujan kaikissa UI @defaultDuration, sama @defaultEasing ja @transitionEasing
  • Site - Lisätty pageOverflowX muuttuja, oletusteema piilottaa vaaka- vierityspalkkeja kehon
  • Site - Lisätty oletus painopiste värit kaikille värivaihteluja
  • Site - Kaikki kelluva / nostetaan vaihtelut nyt perivät maailmanlaajuinen @floatedShadow tekee teemoja helpompaa
  • Sticky - Sticky nyt sisäisesti välimuistiin nykyinen selaa asennossa cantFit = true välttää saada DOM omaisuutta selaamalla.
  • tilasto - Lisätty uusi tasan ryhmä vaihtelua, esimerkiksi kolme tilastoihin osoittaa 3 per rivi
  • tilasto - Statitic ryhmä nyt käyttää flex. Tyylit on päivitetty.
  • Steps - Lisätty kiinnitetty vaiheita, jotka voidaan nyt kiinnittää muita käyttöliittymiä kuten segmentin
  • Tabs - Tab sulkeutuu nyt manuaalisesti oikean sivun selaa asentoon linkittää in-sivun ankkuri piilotettu välilehden
  • Tabs - Lisätty uusi kutsuvastauksia onTabVisible ja onRequest
  • Tabs - Lisätty parseScripts vaihtoehto, oletuksena kerran jäsentämiseen inline skriptejä vasta ensimmäinen kuormitus
  • Table - Lisää valittavissa taulukko vaihtelua, joka osoittaa leijua vaikutus rivi kun leijuu
  • Table - Lisätty pystykohdistus muunnelmia ui pöytä
  • Table - Lisätty yhden rivin taulukon vaihtelu, joka estää tekstin kääre
  • Transition - säätäminen tyyliä tai luokka siirtymäkauden, ei enää palauttaa muutoksen siirtymisen jälkeen valmis.
  • Transition - Transition ei enää pakota näy / kätkettynä rivinsisäistyylejä jos onComplete soittopyynnön sarjaa näkyvyys.
  • Näkyvyys / Sticky - näkyvyys ja tahmea nyt päivittää automaattisesti sivun sisällön lastaus käsitellä muutosta asemassa kuvien lataamisen
  • Näkyvyys / Sticky - näkyvyys nyt käyttää pub / sub kuvio parantaa huomattavasti vierittää suorituskykyä kiinnitettäessä useita tapahtumia
  • Näkyvyys - näkyvyydestä sisältyy uusi asetus checkOnRefresh joka määrittää näkyvyyttä kutsuja tulisi tapahtua kokoa tai päivittää
  • Näkyvyys - Näkyvyys kuva nyt odottaa laiska kuorma kuvia, jotka ovat yläpuolella nykyisen näytön asennossa, ei vain alle.

Mikä on uusi versiossa 2.1.4:

  • Uusi käyttöliittymä:
  • Container - Kontit ovat kiinteä leveys astioissa tarkoitettu holding sivun sisältöön, ja ovat yksinkertaisempia vaihtoehto ui sivulle verkkoon, näyttää lisää esimerkkejä docs
  • Multiselect - New useita avattavasta tyyppejä on lisätty. Monet uudet avattavasta parannuksia on lisätty myös koodaus / tokenizing ominaisuudet ja lastaus dataa API pyyntöjä.
  • Upota - New upota komponentti mahdollistaa reagoiva iframe upotuksen että säilyttää kuvasuhde. Upota voidaan käyttää YouTube- tai Vimeo videoita yhdessä paikkamerkki sisältöä välttää lastaus kolmannen osapuolen kirjastoja, kunnes käyttäjä valitsee olla vuorovaikutuksessa videon.
  • Major Parannukset:
  • Site - Lisätty uusia värejä oliivi, violetti, ruskea ja harmaa. Nämä ovat saatavilla kaikki elementit värieroja.
  • API - API voidaan nyt käyttää pilkataan vastauksia, ja mukautettuja AJAX pyyntöjä. mockResponse on lisätty ratkaista pyynnöstä ennalta määritellyissä JSON esine tai synkroninen toiminnon soittopyynnön.
  • API mockResponseAsync on lisätty mukautettuja asynkronisen pyyntöjä. Näin voit määrittää mukautetun async soittopyynnön ratkaista API pyynnön, auttamassa integrointi kirjastojen kuten Ember tai Kulmikas jotka voivat wrap AJAX pyyntöjä.
  • API - API kutsuja nyt onResponse soittopyynnön, joka voi säätää palvelimia vastauksen ennen kuin se jäsentää muut kutsuja onnistumisen tai epäonnistumisen ehtoja.
  • API - API tarjoaa nyt paikallinen välimuisti nopeus ei palvelimelle edestakaista samanlaisten URL käyttämällä cache: "paikallinen". Tämä ei ole oletusarvoisesti käytössä. Paikallinen välimuisti on hyödyllinen tulokset tulee palauttaa samat arvot poikki yhden istunnon, esimerkiksi kun istä AutoComplete.
  • Card - Kortit tukevat nyt useita mukautettuja sisältöä lohkoja. Sisältö lohkot ja kuvat voidaan nyt esiintyä missä tahansa järjestyksessä.
  • Checkbox - Checkbox ei enää vaadi JavaScriptin toimiakseen.
  • Checkbox - Lisätty tuki määräämättömäksi valintaruudut, sekä uusia stylings.
  • Checkbox - Nyt sisältää erilliset käyttäytymistä laukaisemiseksi tila muuttuu kutsumatta kutsuja asettaa tarkastetaan vs tarkastetaan
  • Dropdown - Lisätty kauko API integrointi avattavasta, jotta Hakuvalintasi kysellä vastaan ​​kauko aineisto.
  • Himmennys - Himmentimet nyt hämärtää vaihtelua joita sovelletaan lasi kaltainen vaikutus, kun himmentää
  • Dropdown - dropdowns nyt automaattisesti tarkkailla muutoksia valikko ja päivittää valitsin välimuistiin uusia lisäyksiä
  • dropdowns - Lisätty kyky lisätä mukautettuja valintoja kaikkien haun valinta dropdowns (multi / single) käyttäen allowAdditions: totta asetus. Hae nyt näyttää virheilmoituksia mitään tuloksia kaikissa tapauksissa.
  • Dropdown - Pikanäppäimet on lisätty valintaa avattavasta valintoja, esimerkiksi "N" vierii "New York" tilassa valintalistan, samanlainen nativebehavior.
  • Dropdown - Lisätty uusi avattavasta muunnelma vieritys avattavaa ja vieritys valikko, tämä voidaan sisällyttää scrollable osio sisällä pudotusvalikosta.
  • Dropdown - Dropdown automaattisesti animoida ylöspäin, jos ei ole tarpeeksi tilaa näkyvät alla.
  • Dropdown - käyttäminen sivu ylös ja sivulle alas näppäimet nyt selata valikkoja sivu kerrallaan
  • Form - Lomakkeet nyt käyttää flexboxiin luomiseen kenttäryhmät. Inline kentät tukevat nyt (x) leveä mitoitus flex
  • Grid - Ristikot nyt käyttää flexboxiin, pylväät ovat nyt kaikki samalla korkeudella oletuksena. Uusi flexboxiin linjaus tyypit kuten venytys on lisätty helpottamiseksi pystykohdistus.
  • Useita UI - Monet komponentit käyttävät nyt flexboxiin, mikä tarkoittaa edellinen sekava korjauksia kuten font-size: 0; poistamiseksi white-space päässä inline lohko ei ole enää tarpeen. Poistaminen tämä hakata, nyt mitä tahansa elementti voi olla suora lapsi verkkoon tai valikon.
  • Modal - Lisätty uudet asetukset hämärtymistä ja ylösalaisin joka automaattisesti asettaa modaalinen n himmennin joko käänteinen tai hämärtymistä.
  • Menu - Menu käyttää nyt flexboxiin. Näin valikkokohdat sovittaa toistensa korkeuksien riippumatta jokaisen kohteita sisällön kokoa. oikean valikon sisällön pitäisi nyt seurata muita valikon sisällön sijasta edellisessä se (enää käyttää float).
  • Grid - Ristikot ovat nyt flexboxiin ja yhtä korkeita oletuksena, samalla korkeudella vaihtelua voidaan turvallisesti poistaa
  • Popup - Popup on kirjoitettu uudelleen merkittävästi parantaa suorituskykyä, varsinkin kun testataan useita kantoja.
  • Transition - Fallback JavaScript animaatioita poistettu UI osia, kuten avattavaa ja popup suorituskyvyn parantamiseksi. Tämä poistaa tarvita kallista pseudo valitsimia kuten: näkyvä,: animoitu ja: piilotettu ja vähentää tiedostokoko.
  • Form Validation - Form validointi nyt käyttää yhden asetuksia vastustaa kuin muut moduulit. Käyttäen (kentät, asetukset) toimii edelleen, mutta se pyrkii vähättely ilmoituksista konsoli
  • Form Validation - Form validointi tukee nyt monia uusia validointisäännöt, kuten jotkut nimenomaan käytettäväksi useiden arvot valitaan.
  • Item - kohteet nyt käyttää flexboxiin ulkoasun.
  • Viestin - ikoni viestin nyt käyttää flexboxiin layout
  • Valikko - pystysuora taulukon valikko, pystysuora välilehtivalikko, on lisätty
  • Input - Kaikki tulotyypin käyttää flexboxiin layout
  • Segment - segmentit tukevat nyt monimutkainen pesiä, paljon uusia sääntöjä siitä, miten segmentti ryhmille pitäisi näkyä ryhmien sisällä
  • Segment - Uusi horisontaalinen segmentti ryhmät tekevät säätävä automaattinen koon tekstin sarakkeisiin paljon helpompaa.
  • sivupalkki - iOS nyt oikein raportoi scrollTop arvot asiakirjan tai kehon käytettäessä sivupalkin. Chrome iOS ei enää ole ongelmia sisältöjä ei kiinni heti kun käytetään sivupalkin.
  • Shapes - Muodot nyt oikein säätyy marginaalia sivuilla
  • Steps - Steps nyt käyttää flexboxiin, nesteen askeleen nyt keskus sisällön sisällä jokainen vaihe
  • Steps - Steps enää tarvitse erä laskea ja automaattisesti jakaa tasaisesti
  • Transition - Transition koodi on optimoitu suorituskyvyn parantamiseksi. 100% parempi ensin animaation, ja 40% parempi myöhempien animaatioita.
  • Näkyvyys - käyttäminen .visibility ({type: "kiinteä"}) nyt automaattisesti lisätä paikkamerkki elementti, joka vaihtaa paikkoja elementti, kun se on kiinnitetty viewport. Tämän pitäisi tehdä sisältöjä rajusti yksinkertaisempi.
  • Näkyvyys - Näkyvyys ja tahmea nyt käyttää enemmän performant pub / sub kuvio, joka liittää vain yhden tapahtuman yhteydessä selaamalla.
  • Näkyvyys - Lisätty kaksi uutta näkyvyyttä kutsuvastauksia onOnScreen ja onOffScreen, joita esiintyy, selvimmin kun elementti esiintyy ensi tai ulos selaimen näkymän.
  • Parannukset:
  • Site - Lisätty paljon uusia sivusto muuttujia, kuten kyky hallita input koko kaikissa UI inputPadding yhdessä enemmän reunusväriä, aksentteja ja värit.
  • Harmonikka - lisää onOpening ja onClosing soittopyynnön (ennen animaatio) mennä onOpen, OnClose (kun animaatio)
  • Harmonikka - Lisätty asetus eritellään harmonikan liipaisutapahtumaa.
  • syöte - Activity rehu on kirjoitettu uudelleen käyttämään flexboxiin
  • API - API on nyt uudet asetukset throttleFirstRequest ja interruptRequests. Keskeytyspyynnöt keskeyttää aiemman pyynnön elementti tehdessään uutta pyyntöä. throttleFirstRequest, asettaa onko ensimmäinen pyyntö vai ainoastaan ​​myöhemmin tulleita olisi kuristettu kun kaasuläpän kesto on määritelty.
  • Build Työkalut - Build välineitä näyttää nyt ennalta määritetyn virheitä teema tiedosto puuttuu tai elementti määrittää käytettävissä teema.
  • Build Työkalut - säätäminen site.variables nyt rakentaa kaikki UI, eikä vain site.less
  • Button - Lisätty: focus tyylejä kaikille -painiketta tyyppejä, kaikki painike esimerkit dokumentit ovat nyt näppäimistö focusable joko tai tabindex tarvittaessa.
  • Card - Kortti sisältää nyt keskitetty vaihtelu
  • Checkbox - Checkbox sulkeutuu nyt sulavasti oikea käyttäytymistä vedottu lapsi syöttöosa sijasta ui valintaruudun.
  • Checkbox - Vähentynyt kb koko ikoni fontin
  • jakaja - pystysuora jakaja sisällä ui verkkoon osuus on nyt sarake pehmusteena
  • Dropdown - Sisäkkäiset vieritys valikoita tukevat nyt näppäimistön valinta, esim. painamalla "A" omena, ja näppäimistö vieritys.
  • Dropdown - dropdowns nyt ottelu asetus määrittää vastaamaan tekstiä, arvo tai molemmat
  • Dropdown - Multi valitse dropdowns nyt uusia asetuksia määritetään maksimivalinnalla määrä
  • Dropdown - Dropdown on uusi paikkamerkki asetus asettamiseksi paikanvaraajatekstiä JavaScript
  • Dropdown - Lisätty showOnFocus vaihtoehto, jonka avulla voit määrittää, pudotusvalikosta pitäisi näkyä kohdennus
  • Dropdown - fulltextsearch: totta nyt käyttää sumea haku (sama kuin ui haku)
  • Dropdown - Sivu alas ja sivulle nyt toimii avattavasta valikot
  • Dropdown - Dropdown alustetaan vammaisten potkurin valinta nyt oikein näkyvät poistettu käytöstä
  • Dropdown - Lisätty vammaiset kohteen tila, vammaiset kohteita automaattisesti ohitettava näppäimistön valinta
  • Form - Lisätty useita uusia tyylejä lomakekenttien täydennetäänkö selaimesi, kuten täydennetäänkö virhe, ja keskittyä valtioiden
  • Form - Lisätty paikkamerkki väri säännöt IE, ms-input-paikkamerkki
  • Form - Fix errored kenttä avattavasta näppäimistön valinta väri
  • Form - Lisää muoto menestys tilassa
  • muoto validointi - Lisätty on voimassa käyttäytyminen, palauttaa tosi / epätosi, jos lomake on pätevä
  • Form Validation - Lisätty eri [kenttä], joka edellyttää kentän olemaan erilainen kuin toinen kenttä
  • Form Validation - data-validoida nyt etusijalla muihin validointi vastaavia järjestelmiä, kuten nimi tai tunnus
  • Form Validation - Uudet säännöt vastaavat vastaan ​​mukautettuja säännöllisiä lausekkeita
  • Form Validation - Form validointi on nyt minCount, MAXCOUNT, ja exactCount validoida useita valintoja
  • Grid - tut grid nyt poistaa sisäiset solut mobiili- ja tablet käyttöjärjestelmillä kaksinkertaistaa verkkoon reagoiva vaihtelu.
  • Grid - Lisätty suuri näyttö vain ja laajakuva vain reagoiva muunnelmia verkkoon.
  • Grid - samanlevyisiä ristikot nyt toimii ilman rivi kääreet
  • Grid - rivejä voidaan nyt venyttää sekä keski linjassa, pohja linjassa ja top linjassa!
  • Grid - Kiinteät marginaalit sisäisesti celled grid
  • Grid - tut ja sisäisesti celled grid nyt käyttää flexboxiin sijasta näyttö: taulukko,
  • Ylä- - Lisätty uusi otsikkotyyppi sub otsikko, hyödyllisiä näyttämällä pieniä otsikot rinnalla tekstin sisältöä. Katso esimerkit otsikossa docs
  • Kuva - Kuvat sisältävät nyt välimatkan vaihtelua lisäämällä välilyönti kuvien ympärille, kun käytetään sitoutuva tekstiä.
  • Input - Lisätty paikkamerkki väri säännöt IE, ms-input-paikkamerkki
  • Input - Toiminta input nyt tukee useita painikkeita, ja avattavasta
  • Label - etiketit nyt aktiivinen ja aktiivinen hääriä valtioiden
  • Label - Label nyt asettaa img height vaikka et käytä image etiketti
  • List - Mikä tahansa sisällön sisällä ui lista voidaan nyt pystysuunnassa
  • Valikko - Lisää esimerkkejä / asiakirjat kiinteä menu
  • Valikko - Lisätty pinottava menu vaihtelua yksinkertaisiin reagoivan valikoissa
  • Valikko - Lisätty paljon uusia muuttujia valikkoon
  • Valikko - Korjattu useita perintö kysymyksiä avattavasta kohteen sisällä valikko esiintyy niin valikkokohta.
  • Valikko - Vaaka valikot nyt asetettu oletusasetuksena kuvan kuvien / logot
  • Valikko - valikot kohteita ovat nyt hieman pehmustettu
  • Valikko - leijua / aktiivista tilaa avattavan kohde on muutettu vastaamaan kohteen. Avattava tyylejä voidaan teeman nimenomaan sisällä valikosta.
  • Valikko - Vertical avattavasta valikot eivät enää 100% min-leveys
  • Modal - Modaalinen käyttää nyt mukautettua mittakaavassa siirtymävaiheen oletusteemaa, että pitäisi olla hienovaraisempaa ja toimivat paremmin pitkä modaalinen sisältöä.
  • Modal - Modaali onApprove ja onDeny saavat nyt aktivoiva elementti kuin ensimmäinen parametri. Lisätty ohjeista käyttämällä return false ei peitä elementtiin napsautuksella.
  • Modal - Modaalinen sisältö käyttää nyt flex, kuvan sisältö vaatii nyt kuvan sisällön luokassa vanhemman jotta flex stylings.
  • Popup - Popup määrittelee nyt muunnos-alkuperää niin animaatiot vaikuttavat suunta elementti sijoitetaan
  • Popup - onShow ja onHide soittopyynnön voi nyt peruuttaa popup näkymästä tai piilottamalla palauttamalla false
  • Popup - Lisätty lisää kokomuunnelmat popup mini, pieni
  • Progress - osoittaa etiketit nyt ovat luettavissa käyttöön erillinen css muuttujaa ilmaisee palkin väri
  • Näytä - Lisätty uusi aktiivinen tila, jonka avulla voit näyttää paljastaa ohjelmallisesti
  • Etsi - Cache voidaan nyt vapauttaa käyttämällä $ ( '. Haku "). Haku (" kirkas cache')
  • Segment - Lisätty pehmustettu ja hyvin pehmustettu segmentti vaihtelut
  • Search - Haku toimii nyt pois yksilöivä tuottaman tuloksen asema hakea tuloksia. Esimerkiksi luokan # 1 ensimmäinen tulos on "A1". Aiemmin tulos otsikot käytettiin heidän "id", mikä voi aiheuttaa ongelmia toistuvat otsikot, tai tuloksia, jotka eivät sisällä otsikko.
  • Search - Hae nyt automaattisesti lisätä luokan luokan käytettäessä tyyppi: luokka.
  • Search - Hae nyt tuottaa tuloksia kontti jos ei ole läsnä init
  • Search - Hae nyt käyttää em varten koko muuttuu, varmistaen, että se tulee muuttaa ympäröivän pitoisuus
  • Search - Search nopea nyt on keskittyä tyylejä määritellyt, jos ei käytetä ui input
  • Segment - Lisätty clearing segmenttinä tapaus edellytä clearfix.
  • sivupalkki - Parempi animaation suorituskykyä suorituskyky virheenkorjaus. Sivupalkki nyt välimuistit, leveys, korkeus, rtl suunnan kuormitus.
  • Site - Kiinteät mixed global @defaultDuration ja @transitionDuration käyttö käyttää yhden muuttujan kaikissa UI @defaultDuration, sama @defaultEasing ja @transitionEasing
  • Site - Lisätty pageOverflowX muuttuja, oletusteema piilottaa vaaka- vierityspalkkeja kehon
  • Site - Lisätty oletus painopiste värit kaikille värivaihteluja
  • Site - Kaikki kelluva / nostetaan vaihtelut nyt perivät maailmanlaajuinen @floatedShadow tekee teemoja helpompaa
  • Sticky - Sticky nyt sisäisesti välimuistiin nykyinen selaa asennossa cantFit = true välttää saada DOM omaisuutta selaamalla.
  • tilasto - Lisätty uusi tasan ryhmä vaihtelua, esimerkiksi kolme tilastoihin osoittaa 3 per rivi
  • tilasto - Statitic ryhmä nyt käyttää flex. Tyylit on päivitetty.
  • Steps - Lisätty kiinnitetty vaiheita, jotka voidaan nyt kiinnittää muita käyttöliittymiä kuten segmentin




































































































rajoitukset


Vastaavia ohjelmistoja

Bootflat
Bootflat

14 Apr 15

Bootplus
Bootplus

14 Apr 15

Metrostrap
Metrostrap

14 Apr 15

CSS Bricks
CSS Bricks

1 Mar 15

Kommentit Semantic UI

Kommentteja ei löytynyt
Lisää kommentti
Ota kuvia!
Haku luokan mukaan