Semantic UI

Software screenshot:
Semantic UI
Software informatie:
Versie: 2.1.8 Bijgewerkt
Upload datum: 10 Feb 16
Ontwikkelaar: Jack Lukic
Licentie: Gratis
Populariteit: 79

Rating: 3.5/5 (Total Votes: 2)

Semantic UI niet alleen gericht op het verstrekken van een schat aan UI widgets, maar richt zich ook op de manier waarop deze componenten zijn geschreven, zodat iedereen weet wat de code doet gewoon door te kijken naar het.

Door dit te doen, Semantic-powered UI's zijn niet alleen makkelijk te schrijven, maar makkelijk aan te passen op latere punten.

Semantic UI wordt geleverd met tal van kant-en-klare componenten uit de doos en is verkrijgbaar in CSS en minder.

Wat is nieuw in deze release:

  • Nieuwe gebruikersinterface:
  • Container - Containers zijn vaste breedte containers bestemd voor het houden van pagina-inhoud, en zijn een eenvoudiger alternatief voor ui paginaraster, zie meer voorbeelden in docs
  • Multiselect - New meerdere soorten dropdown zijn toegevoegd. Veel nieuwe dropdown verbeteringen zijn toegevoegd zoals tagging / tokenizing functies en laden van data door middel van API-verzoeken.
  • Integreer - New embed component zorgt voor een responsieve iframe instortvoorzieningen dat hun aspect ratio te behouden. Embed kan met YouTube of Vimeo video, samen met placeholder inhoud voorkomen loading derde libraries totdat een gebruiker ervoor kiest om met de video.
  • De belangrijkste verbeteringen:
  • Site - Toegevoegde nieuwe kleuren olijf, paars, bruin en grijs. Deze zijn beschikbaar in alle elementen met kleurvariaties.
  • API - API kan nu worden gebruikt met bespot reacties, en aangepaste AJAX verzoeken. mockResponse is toegevoegd aan het verzoek met een vooraf gespecificeerde JSON object, of een synchrone functie callback te lossen.
  • API mockResponseAsync is toegevoegd voor aangepaste asynchrone verzoeken. Hiermee kunt u een aangepaste asynchrone callback opgeven om een ​​API verzoek op te lossen, helpen met de integratie met bibliotheken, zoals Ember of Angular die AJAX verzoeken kunnen wikkelen.
  • API - API callbacks beschikken nu over een onResponse callback dat servers reactie kan aanpassen voordat het wordt ontleed door andere callbacks voor het succes of falen voorwaarden
  • .
  • API - API biedt nu een lokale caching instelling server retourvluchten voor identieke URL's te vermijden door gebruik te maken cache: 'local'. Dit is niet standaard ingeschakeld. Lokale caching is nuttig voor resultaten die dezelfde waarden moeten terugkeren over een enkele sessie, bijvoorbeeld bij het opvragen van een autocomplete.
  • Card - Cards nu ondersteuning voor meerdere custom content blokken. Content blokken en afbeeldingen kunnen nu worden weergegeven in willekeurige volgorde.
  • Checkbox - Checkbox niet langer javascript nodig om te functioneren
  • .
  • Checkbox -. Ondersteuning toegevoegd voor onbepaalde checkboxes, samen met de nieuwe stylings
  • Checkbox - Nu zijn aparte gedrag voor het activeren van de staat veranderingen zonder een beroep callbacks set gecontroleerd vs gecontroleerd
  • Dropdown -. Toegevoegd remote API integratie met dropdown, zodat zoeken selectie te vragen tegen een remote dataset
  • Dimmer - Dimmers hebben nu een vervaging variatie die een glas-achtig effect van toepassing wanneer gedimd
  • Dropdown - Dropdowns nu automatisch observeren veranderingen in het menu en zal selector cache met de nieuwe aanwinsten te werken
  • Dropdowns - Toegevoegde mogelijkheid om aangepaste keuzes toe te voegen aan je zoekopdracht selectie dropdowns (multi / single) met behulp van allowAdditions: true instelling. Zoeken geeft nu foutmeldingen op geen resultaten in alle gevallen.
  • Dropdown -. Sneltoetsen zijn toegevoegd voor het selecteren van dropdown keuzes, bijvoorbeeld "N" zal op "New York" scroll in een staat keuzelijst, vergelijkbaar met nativebehavior
  • Dropdown -. Toegevoegd nieuw dropdown variant scrollen en dropdown menu scrollen, kan deze worden gebruikt om een ​​schuifbaar deel in een dropdown-menu onder
  • Dropdown - Dropdown wordt automatisch omhoog animeren als er niet genoeg ruimte om onder verschijnen
  • .
  • Dropdown - Met behulp van page up en page down zal nu door menu's bladeren door een pagina per keer
  • Vorm - Forms gebruiken nu flexbox voor het creëren van veldgroepen. Inline velden ondersteunen nu (x) breed dimensionering met behulp van flex
  • Grid - Grids nu gebruik flexbox, columns zijn nu allemaal gelijke hoogte door gebrek. Nieuwe flexbox alignment types zoals stretch zijn toegevoegd voor een betere verticale uitlijning.
  • Multiple UI - Veel onderdelen gebruiken nu flexbox, die vorige verwarrende fixes zoals font-size betekent: 0; naar wit-ruimte van inline-blok te verwijderen is niet meer nodig. Het verwijderen van deze hack, betekent nu elk element kan een directe kind van rooster of menu zijn.
  • Modal - Toegevoegde nieuwe instellingen vervaging en omgekeerd, die automatisch een modaal's dimmer om ofwel omgekeerde of vervaging
  • .
  • Menu - Menu gebruikt nu flexbox. Dit maakt het mogelijk menu-items om elkaars hoogten onafhankelijk van elkaar items inhoudsmaten te passen. rechtermenu inhoud moet nu volgen andere menu-inhoud in plaats van daaraan voorafgaande (niet meer gebruikt float).
  • Grid - Grids zijn nu flexbox en gelijke hoogte standaard, de gelijke hoogte variatie kan veilig worden verwijderd
  • Popup -. Popup is herschreven tot een drastische verbetering van de prestaties, met name bij het testen van meerdere posities
  • Transition - Terugval javascript animaties zijn van UI-componenten zoals dropdown en pop-up om de prestaties te verhogen is verwijderd. Dit verwijdert noodzaak voor dure pseudo-selectors, zoals: zichtbaar: geanimeerd en:. Verborgen en vermindert de bestandsgrootte
  • Form Validation - Formulier validatie maakt nu gebruik van een enkele instellingen bezwaar net als andere modules. Met behulp van (velden, instellingen) zal blijven werken, maar zal een afschrijving meldingen produceren console
  • Form Validation -. Form validatie ondersteunt nu veel nieuwe validatie regels, waaronder een aantal specifiek voor gebruik met meerdere select waarden
  • Artikel - Items gebruikt nu flexbox voor layout
  • .
  • Bericht - icon bericht gebruikt nu flexbox voor layout
  • Menu - verticaal tabelvorm menu, een verticale menu tab, is toegevoegd
  • Input - Alle soorten ingang gebruiken flexbox voor layout
  • Segment - Segmenten ondersteunen nu complexe nesting, veel nieuwe regels voor de manier waarop segment groepen binnen groepen zou moeten verschijnen
  • Segment -. Nieuwe horizontale segment groepen maken de aanleg van auto resizing tekstkolommen veel gemakkelijker
  • Sidebar - iOS zal nu correct rapporteren scrollTop waarden voor document of het lichaam bij gebruik van een zijbalk. Chrome voor iOS heeft niet langer problemen met vaste inhoud niet onmiddellijk steken bij gebruik van een zijbalk.
  • Shapes - Vormen nu correct past voor marge op kanten
  • Steps - Stappen nu gebruik flexbox, vloeistof stappen nu midden inhoud binnen elke stap
  • Steps - Stappen hoeft niet langer punt tellen en wordt automatisch gelijkmatig verdelen
  • Transition - code Transition is geoptimaliseerd om de prestaties te verhogen. 100% verbetering ten opzichte van de eerste animatie, en 40% verbetering ten opzichte van de volgende animaties.
  • Zicht - Met behulp van .visibility ({soort: 'vaste'}) zal nu automatisch voeg een placeholder element die plaatsen zullen ruilen met een element wanneer het aan de viewport is bevestigd. Dit moet vaste inhoud drastisch eenvoudiger te maken.
  • Zichtbaarheid - Zichtbaarheid en plakkerig nu gebruik maken van een meer performant pub / sub patroon dat slechts een enkele gebeurtenis zal hechten aan context scroll
  • .
  • Zicht - toegevoegd twee nieuwe zichtbaarheid callbacks onOnScreen en onOffScreen, die zich voordoen, het duidelijkst wanneer een element verschijnt eerst in of uit viewport van een browser
  • .
  • Verbeteringen:
  • Site -. Toegevoegd vele nieuwe site variabelen, waaronder de mogelijkheid om input-maat controle over alle UI inputPadding, samen met meer grens kleuren, accenten en kleuren
  • Accordion - voegt onOpening en onClosing callback (voor animatie) om te gaan met OnOpen, OnClose (na animatie)
  • Accordion -. Added on instelling voor het specificeren van accordeon trigger event
  • Activity Feed - Activiteiten feed is herschreven om flexbox gebruiken
  • API - API heeft nu nieuwe instellingen throttleFirstRequest en interruptRequests. Interrupt verzoeken zullen een eerder verzoek op een element af te breken bij het maken van een nieuw verzoek. throttleFirstRequest, bepaalt of het eerste verzoek of enige latere verzoeken moeten worden gesmoord wanneer een gasklep van bepaalde duur is.
  • Build Gereedschap - Bouw instrumenten zullen nu vooraf gespecificeerde fouten weer te geven wanneer er een thema-bestand ontbreekt of een element specificeert een onbeschikbare thema
  • .
  • Build Extra - Aanpassen site.variables zal nu weer op te bouwen alle UI, in plaats van alleen site.less
  • Button - Toegevoegd: focus stijlen voor alle soorten knop, alle knop voorbeelden docs nu keyboard focusable met behulp van of tabindex voorkomend geval
  • .
  • Card - Card bevat nu een gecentreerde variatie
  • Checkbox -. Checkbox wordt nu sierlijk correct gedrag aangeroepen op het kind ingang element in plaats van het selectievakje ui
  • Checkbox - Verminderde kb grootte van het pictogram lettertype
  • Divider - verticaal verdeler binnen ui raster is nu goed voor padding column
  • Dropdown - Geneste scrolling menu's ondersteunen nu keyboard selectie, bijv. Als u op "A" voor Apple, en het toetsenbord scrollen.
  • Dropdown - Dropdowns nu match instelling om aan te geven of aan te passen op de tekst, waarde of beide
  • Dropdown - Multi select dropdowns hebben nu nieuwe instellingen voor het opgeven van een maximale selectie telling
  • Dropdown - Dropdown heeft nieuwe placeholder instellen voor het instellen van tijdelijke tekst in javascript
  • Dropdown - Added showOnFocus optie waarmee u opgeven of dropdown menu moet blijken op nadruk
  • Dropdown - Zoeken op omschrijving: true gebruikt nu fuzzy search (zelfde als ui search)
  • Dropdown - Page down en page up werkt nu met dropdown menu's
  • Dropdown - Dropdown geïnitialiseerd met een handicap prop op een optie wordt nu correct weergegeven uitgeschakeld
  • Dropdown - Toegevoegd gehandicapte punt staat, wordt uitgeschakeld items automatisch worden overgeslagen met toetsenbord selectie
  • Vorm - Added een groot aantal nieuwe stijlen voor formuliervelden autocompleted door uw browser, met inbegrip van autocompleted fout, en de focus staten
  • Vorm - Toegevoegd placeholder kleur regels voor IE, ms-input-placeholder
  • Vorm - Fix errored veld dropdown toetsenbord selectie kleur
  • Vorm - Voegt vorm succes staat
  • Form Validation - Added geldig gedrag, geeft true / false als formulier is geldig
  • Form Validation - Toegevoegde verschillende [field] regel die een veld vereist anders dan een ander veld te zijn
  • Form Validation - data-validate vindt nu voorrang boven andere validatie passende regelingen zoals de naam of id
  • Form Validation - Nieuwe regels voor het matchen tegen aangepaste reguliere expressies
  • Form Validation - Formulier validatie heeft nu minCount, MAXCOUNT en exactCount voor het valideren van meerdere selecties
  • Grid - eencellige raster verwijdert nu interne cellen op mobiele en tablet in combinatie met een verdubbeling rooster responsieve variatie
  • .
  • Grid -. Toegevoegd groot scherm enkel en breedbeeld alleen responsief varianten voor rooster
  • Grid - gelijke breedte grids werkt nu zonder rij wrappers
  • Grid -! Rijen kunnen nu evenals worden uitgerekt midden uitgelijnd, bottom uitgelijnd en top uitgelijnd
  • Grid - Vaste marges op intern eencellige rooster
  • Grid - eencellige en intern eencellige rooster gebruiken nu flexbox in plaats van het display: table;
  • Headers - Toegevoegd nieuw type header sub header, handig voor het weergeven van kleine headers naast tekstinhoud. Zie voorbeelden in de header docs
  • Afbeelding - Images nu ook een variant op afstand voor het toevoegen van witruimte rond het beeld wanneer inline gebruikt met de tekst
  • .
  • Input - Toegevoegd placeholder kleur regels voor IE, ms-input-placeholder
  • Input - Actie ingang ondersteunt nu meerdere knoppen, en dropdown
  • Label - Labels nu actief en actief hover staten
  • Label - Label stelt nu een img hoogte zelfs wanneer er zonder een beeld label
  • List - Alle inhoud in een ui lijst kan nu verticaal worden uitgelijnd
  • Menu - voorbeelden toevoegen / documentatie voor vaste menu
  • Menu - Toegevoegd stapelbaar menu variatie voor eenvoudige responsieve menu's
  • Menu - toegevoegd veel nieuwe variabelen naar het menu
  • Menu -. Fixed meerdere erfenis kwesties voor dropdown punt binnen menu verschijnen als menu-item
  • Menu - Horizontale menu's nu ingesteld een standaard beeldformaat voor afbeeldingen / logo's
  • Menu - Menu items zijn nu iets meer gewatteerde
  • Menu - De hover / actieve toestand van dropdown punt zijn aangepast aan punt aan te passen. Dropdown stijlen kunnen worden thema in het bijzonder binnen het menu.
  • Menu - Vertical dropdown menu's zijn niet langer 100% min-width
  • Modal - Modal maakt nu gebruik van een aangepaste schaal in transitie in het standaardthema, die subtieler moet zijn en beter werken met een lange modal inhoud
  • .
  • Modal - Modal onApprove en onDeny krijgen nu het activerende element als de eerste parameter. Toegevoegd documentatie over het gebruik van return false om te voorkomen dat het verbergen element klik.
  • Modal - Modal inhoud maakt nu gebruik van flex, beeldinhoud vereist nu beeldinhoud klasse op de ouders mogelijk te maken voor flex stylings
  • .
  • Popup - Popup definieert nu een transformatie-oorsprong dus animaties zullen worden beïnvloed door de richting waarin het element wordt geplaatst
  • Popup - onShow en onHide callback kan nu popup annuleren van het tonen of verbergen door terug te keren valse
  • Popup - Toegevoegd meer grootte variaties voor popup mini, klein
  • Progress - met vermelding van labels nu beter leesbaar gebruik aparte css variabelen uit aangeeft bar kleur
  • Reveal - Toegevoegde nieuwe actieve toestand die het mogelijk maakt om te laten zien onthullen programatically
  • Zoeken - ( '. Search'). Cache kan nu worden gewist met behulp van $ zoeken ( 'clear cache ")
  • Segment - Added gevoerde en zeer gewatteerde segment variaties
  • Zoeken - Zoeken werkt nu uit een unieke id gegenereerd door resultaat positie om resultaten te halen. Bijvoorbeeld categorie # 1's eerste resultaat is 'A1'. Voorheen resultaat titels werden gebruikt als hun "id", die problemen met de dubbele titels, of resultaten die niet een titel bevatten kunnen veroorzaken.
  • Zoeken - Zoeken wordt nu automatisch klasse categorie toe te voegen bij het gebruik van het type:. Categorie
  • Zoeken - Zoeken wordt nu het genereren van resultaten container als men niet aanwezig op init
  • Zoeken - Zoeken gebruikt em nu past de grootte, zorg ervoor dat het zal verkleinen met de omringende inhoud
  • Zoek - Zoek prompt nu stijlen gedefinieerd als niet met behulp van ui-ingang richten
  • Segment -. Toegevoegd clearing segment voor de gevallen dat een Clearfix nodig
  • Sidebar - Verbeterde animatie prestaties door de prestaties debuggen. Sidebar slaat nu, breedte, hoogte, rtl richting van de belasting.
  • Site - Fixed gemengde globals @defaultDuration en @transitionDuration gebruik van een enkele variabele te gebruiken in alle UI @defaultDuration, hetzelfde voor @defaultEasing en @transitionEasing
  • Site - Toegevoegd in pageOverflowX variabele, standaard thema verbergt horizontale schuifbalken op het lichaam
  • Site - Toegevoegd default aandacht kleuren voor alle kleurvarianten
  • Site - Alle drijvende / verhoogd variaties nu erven van een wereldwijde @floatedShadow maken thematisering gemakkelijker
  • Sticky - Sticky nu intern cache huidige scroll positie wanneer cantFit = true om te voorkomen dat DOM woning op scroll
  • .
  • Statistiek - Toegevoegde nieuwe gelijk verdeeld groep variatie, bijvoorbeeld drie statistieken toont 3 per rij
  • Statistiek - Statitic groep gebruiken nu flex. Stijlen zijn bijgewerkt.
  • Steps - Toegevoegd bevestigd stappen, die nu naar andere UI zoals segment worden bevestigd
  • Tabs - Tab wordt nu handmatig juiste pagina scroll positie bij het linken naar een in-pagina voor anker in een verborgen tabblad
  • Tabs - Toegevoegde nieuwe callbacks onTabVisible en opaanvraag
  • Tabs - Added parseScripts optie staat standaard op zodra het ontleden inline scripts alleen eerste lading
  • Table - Voegt selecteerbare tafel variatie, waaruit blijkt hover effect op rij wanneer zweven
  • Table - Toegevoegd vertical alignment variaties ui tafel
  • Table - Toegevoegd enkele lijn tafel variatie die tekst voorkomt het verpakken
  • Transition - stijl of klasse aanpassen tijdens de overgang, zal niet langer reset de verandering na overgang voltooid
  • .
  • Transition -. Transition niet langer dwingen zichtbaar / verborgen met inline stijlen als onComplete callback sets zichtbaarheid
  • Zichtbaarheid / Sticky - Zichtbaarheid en plakkerig nu automatisch vernieuwen nadat inhoud van de pagina laden om te gaan met veranderingen in de positie van de beelden laden
  • Zichtbaarheid / Sticky - Visibility maakt nu gebruik van pub / sub patroon scroll prestaties sterk verbeteren wanneer het bevestigen van meerdere evenementen
  • Zicht - visiblity bevat een nieuwe instelling checkOnRefresh die bepaalt of de zichtbaarheid callbacks moeten plaatsvinden op formaat wijzigen of te vernieuwen
  • Zicht - afbeelding Zichtbaarheid zullen nu wachten om te lui load beelden die boven het huidige scherm positie, niet alleen onder de
  • .

Wat is nieuw in versie 2.1.4:

  • Nieuwe gebruikersinterface:
  • Container - Containers zijn vaste breedte containers bestemd voor het houden van pagina-inhoud, en zijn een eenvoudiger alternatief voor ui paginaraster, zie meer voorbeelden in docs
  • Multiselect - New meerdere soorten dropdown zijn toegevoegd. Veel nieuwe dropdown verbeteringen zijn toegevoegd zoals tagging / tokenizing functies en laden van data door middel van API-verzoeken.
  • Integreer - New embed component zorgt voor een responsieve iframe instortvoorzieningen dat hun aspect ratio te behouden. Embed kan met YouTube of Vimeo video, samen met placeholder inhoud voorkomen loading derde libraries totdat een gebruiker ervoor kiest om met de video.
  • De belangrijkste verbeteringen:
  • Site - Toegevoegde nieuwe kleuren olijf, paars, bruin en grijs. Deze zijn beschikbaar in alle elementen met kleurvariaties.
  • API - API kan nu worden gebruikt met bespot reacties, en aangepaste AJAX verzoeken. mockResponse is toegevoegd aan het verzoek met een vooraf gespecificeerde JSON object, of een synchrone functie callback te lossen.
  • API mockResponseAsync is toegevoegd voor aangepaste asynchrone verzoeken. Hiermee kunt u een aangepaste asynchrone callback opgeven om een ​​API verzoek op te lossen, helpen met de integratie met bibliotheken, zoals Ember of Angular die AJAX verzoeken kunnen wikkelen.
  • API - API callbacks beschikken nu over een onResponse callback dat servers reactie kan aanpassen voordat het wordt ontleed door andere callbacks voor het succes of falen voorwaarden
  • .
  • API - API biedt nu een lokale caching instelling server retourvluchten voor identieke URL's te vermijden door gebruik te maken cache: 'local'. Dit is niet standaard ingeschakeld. Lokale caching is nuttig voor resultaten die dezelfde waarden moeten terugkeren over een enkele sessie, bijvoorbeeld bij het opvragen van een autocomplete.
  • Card - Cards nu ondersteuning voor meerdere custom content blokken. Content blokken en afbeeldingen kunnen nu worden weergegeven in willekeurige volgorde.
  • Checkbox - Checkbox niet langer javascript nodig om te functioneren
  • .
  • Checkbox -. Ondersteuning toegevoegd voor onbepaalde checkboxes, samen met de nieuwe stylings
  • Checkbox - Nu zijn aparte gedrag voor het activeren van de staat veranderingen zonder een beroep callbacks set gecontroleerd vs gecontroleerd
  • Dropdown -. Toegevoegd remote API integratie met dropdown, zodat zoeken selectie te vragen tegen een remote dataset
  • Dimmer - Dimmers hebben nu een vervaging variatie die een glas-achtig effect van toepassing wanneer gedimd
  • Dropdown - Dropdowns nu automatisch observeren veranderingen in het menu en zal selector cache met de nieuwe aanwinsten te werken
  • Dropdowns - Toegevoegde mogelijkheid om aangepaste keuzes toe te voegen aan je zoekopdracht selectie dropdowns (multi / single) met behulp van allowAdditions: true instelling. Zoeken geeft nu foutmeldingen op geen resultaten in alle gevallen.
  • Dropdown -. Sneltoetsen zijn toegevoegd voor het selecteren van dropdown keuzes, bijvoorbeeld "N" zal op "New York" scroll in een staat keuzelijst, vergelijkbaar met nativebehavior
  • Dropdown -. Toegevoegd nieuw dropdown variant scrollen en dropdown menu scrollen, kan deze worden gebruikt om een ​​schuifbaar deel in een dropdown-menu onder
  • Dropdown - Dropdown wordt automatisch omhoog animeren als er niet genoeg ruimte om onder verschijnen
  • .
  • Dropdown - Met behulp van page up en page down zal nu door menu's bladeren door een pagina per keer
  • Vorm - Forms gebruiken nu flexbox voor het creëren van veldgroepen. Inline velden ondersteunen nu (x) breed dimensionering met behulp van flex
  • Grid - Grids nu gebruik flexbox, columns zijn nu allemaal gelijke hoogte door gebrek. Nieuwe flexbox alignment types zoals stretch zijn toegevoegd voor een betere verticale uitlijning.
  • Multiple UI - Veel onderdelen gebruiken nu flexbox, die vorige verwarrende fixes zoals font-size betekent: 0; naar wit-ruimte van inline-blok te verwijderen is niet meer nodig. Het verwijderen van deze hack, betekent nu elk element kan een directe kind van rooster of menu zijn.
  • Modal - Toegevoegde nieuwe instellingen vervaging en omgekeerd, die automatisch een modaal's dimmer om ofwel omgekeerde of vervaging
  • .
  • Menu - Menu gebruikt nu flexbox. Dit maakt het mogelijk menu-items om elkaars hoogten onafhankelijk van elkaar items inhoudsmaten te passen. rechtermenu inhoud moet nu volgen andere menu-inhoud in plaats van daaraan voorafgaande (niet meer gebruikt float).
  • Grid - Grids zijn nu flexbox en gelijke hoogte standaard, de gelijke hoogte variatie kan veilig worden verwijderd
  • Popup -. Popup is herschreven tot een drastische verbetering van de prestaties, met name bij het testen van meerdere posities
  • Transition - Terugval javascript animaties zijn van UI-componenten zoals dropdown en pop-up om de prestaties te verhogen is verwijderd. Dit verwijdert noodzaak voor dure pseudo-selectors, zoals: zichtbaar: geanimeerd en:. Verborgen en vermindert de bestandsgrootte
  • Form Validation - Formulier validatie maakt nu gebruik van een enkele instellingen bezwaar net als andere modules. Met behulp van (velden, instellingen) zal blijven werken, maar zal een afschrijving meldingen produceren console
  • Form Validation -. Form validatie ondersteunt nu veel nieuwe validatie regels, waaronder een aantal specifiek voor gebruik met meerdere select waarden
  • Artikel - Items gebruikt nu flexbox voor layout
  • .
  • Bericht - icon bericht gebruikt nu flexbox voor layout
  • Menu - verticaal tabelvorm menu, een verticale menu tab, is toegevoegd
  • Input - Alle soorten ingang gebruiken flexbox voor layout
  • Segment - Segmenten ondersteunen nu complexe nesting, veel nieuwe regels voor de manier waarop segment groepen binnen groepen zou moeten verschijnen
  • Segment -. Nieuwe horizontale segment groepen maken de aanleg van auto resizing tekstkolommen veel gemakkelijker
  • Sidebar - iOS zal nu correct rapporteren scrollTop waarden voor document of het lichaam bij gebruik van een zijbalk. Chrome voor iOS heeft niet langer problemen met vaste inhoud niet onmiddellijk steken bij gebruik van een zijbalk.
  • Shapes - Vormen nu correct past voor marge op kanten
  • Steps - Stappen nu gebruik flexbox, vloeistof stappen nu midden inhoud binnen elke stap
  • Steps - Stappen hoeft niet langer punt tellen en wordt automatisch gelijkmatig verdelen
  • Transition - code Transition is geoptimaliseerd om de prestaties te verhogen. 100% verbetering ten opzichte van de eerste animatie, en 40% verbetering ten opzichte van de volgende animaties.
  • Zicht - Met behulp van .visibility ({soort: 'vaste'}) zal nu automatisch voeg een placeholder element die plaatsen zullen ruilen met een element wanneer het aan de viewport is bevestigd. Dit moet vaste inhoud drastisch eenvoudiger te maken.
  • Zichtbaarheid - Zichtbaarheid en plakkerig nu gebruik maken van een meer performant pub / sub patroon dat slechts een enkele gebeurtenis zal hechten aan context scroll
  • .
  • Zicht - toegevoegd twee nieuwe zichtbaarheid callbacks onOnScreen en onOffScreen, die zich voordoen, het duidelijkst wanneer een element verschijnt eerst in of uit viewport van een browser
  • .
  • Verbeteringen:
  • Site -. Toegevoegd vele nieuwe site variabelen, waaronder de mogelijkheid om input-maat controle over alle UI inputPadding, samen met meer grens kleuren, accenten en kleuren
  • Accordion - voegt onOpening en onClosing callback (voor animatie) om te gaan met OnOpen, OnClose (na animatie)
  • Accordion -. Added on instelling voor het specificeren van accordeon trigger event
  • Activity Feed - Activiteiten feed is herschreven om flexbox gebruiken
  • API - API heeft nu nieuwe instellingen throttleFirstRequest en interruptRequests. Interrupt verzoeken zullen een eerder verzoek op een element af te breken bij het maken van een nieuw verzoek. throttleFirstRequest, bepaalt of het eerste verzoek of enige latere verzoeken moeten worden gesmoord wanneer een gasklep van bepaalde duur is.
  • Build Gereedschap - Bouw instrumenten zullen nu vooraf gespecificeerde fouten weer te geven wanneer er een thema-bestand ontbreekt of een element specificeert een onbeschikbare thema
  • .
  • Build Extra - Aanpassen site.variables zal nu weer op te bouwen alle UI, in plaats van alleen site.less
  • Button - Toegevoegd: focus stijlen voor alle soorten knop, alle knop voorbeelden docs nu keyboard focusable met behulp van of tabindex voorkomend geval
  • .
  • Card - Card bevat nu een gecentreerde variatie
  • Checkbox -. Checkbox wordt nu sierlijk correct gedrag aangeroepen op het kind ingang element in plaats van het selectievakje ui
  • Checkbox - Verminderde kb grootte van het pictogram lettertype
  • Divider - verticaal verdeler binnen ui raster is nu goed voor padding column
  • Dropdown - Geneste scrolling menu's ondersteunen nu keyboard selectie, bijv. Als u op "A" voor Apple, en het toetsenbord scrollen.
  • Dropdown - Dropdowns nu match instelling om aan te geven of aan te passen op de tekst, waarde of beide
  • Dropdown - Multi select dropdowns hebben nu nieuwe instellingen voor het opgeven van een maximale selectie telling
  • Dropdown - Dropdown heeft nieuwe placeholder instellen voor het instellen van tijdelijke tekst in javascript
  • Dropdown - Added showOnFocus optie waarmee u opgeven of dropdown menu moet blijken op nadruk
  • Dropdown - Zoeken op omschrijving: true gebruikt nu fuzzy search (zelfde als ui search)
  • Dropdown - Page down en page up werkt nu met dropdown menu's
  • Dropdown - Dropdown geïnitialiseerd met een handicap prop op een optie wordt nu correct weergegeven uitgeschakeld
  • Dropdown - Toegevoegd gehandicapte punt staat, wordt uitgeschakeld items automatisch worden overgeslagen met toetsenbord selectie
  • Vorm - Added een groot aantal nieuwe stijlen voor formuliervelden autocompleted door uw browser, met inbegrip van autocompleted fout, en de focus staten
  • Vorm - Toegevoegd placeholder kleur regels voor IE, ms-input-placeholder
  • Vorm - Fix errored veld dropdown toetsenbord selectie kleur
  • Vorm - Voegt vorm succes staat
  • Form Validation - Added geldig gedrag, geeft true / false als formulier is geldig
  • Form Validation - Toegevoegde verschillende [field] regel die een veld vereist anders dan een ander veld te zijn
  • Form Validation - data-validate vindt nu voorrang boven andere validatie passende regelingen zoals de naam of id
  • Form Validation - Nieuwe regels voor het matchen tegen aangepaste reguliere expressies
  • Form Validation - Formulier validatie heeft nu minCount, MAXCOUNT en exactCount voor het valideren van meerdere selecties
  • Grid - eencellige raster verwijdert nu interne cellen op mobiele en tablet in combinatie met een verdubbeling rooster responsieve variatie
  • .
  • Grid -. Toegevoegd groot scherm enkel en breedbeeld alleen responsief varianten voor rooster
  • Grid - gelijke breedte grids werkt nu zonder rij wrappers
  • Grid -! Rijen kunnen nu evenals worden uitgerekt midden uitgelijnd, bottom uitgelijnd en top uitgelijnd
  • Grid - Vaste marges op intern eencellige rooster
  • Grid - eencellige en intern eencellige rooster gebruiken nu flexbox in plaats van het display: table;
  • Headers - Toegevoegd nieuw type header sub header, handig voor het weergeven van kleine headers naast tekstinhoud. Zie voorbeelden in de header docs
  • Afbeelding - Images nu ook een variant op afstand voor het toevoegen van witruimte rond het beeld wanneer inline gebruikt met de tekst
  • .
  • Input - Toegevoegd placeholder kleur regels voor IE, ms-input-placeholder
  • Input - Actie ingang ondersteunt nu meerdere knoppen, en dropdown
  • Label - Labels nu actief en actief hover staten
  • Label - Label stelt nu een img hoogte zelfs wanneer er zonder een beeld label
  • List - Alle inhoud in een ui lijst kan nu verticaal worden uitgelijnd
  • Menu - voorbeelden toevoegen / documentatie voor vaste menu
  • Menu - Toegevoegd stapelbaar menu variatie voor eenvoudige responsieve menu's
  • Menu - toegevoegd veel nieuwe variabelen naar het menu
  • Menu -. Fixed meerdere erfenis kwesties voor dropdown punt binnen menu verschijnen als menu-item
  • Menu - Horizontale menu's nu ingesteld een standaard beeldformaat voor afbeeldingen / logo's
  • Menu - Menu items zijn nu iets meer gewatteerde
  • Menu - De hover / actieve toestand van dropdown punt zijn aangepast aan punt aan te passen. Dropdown stijlen kunnen worden thema in het bijzonder binnen het menu.
  • Menu - Vertical dropdown menu's zijn niet langer 100% min-width
  • Modal - Modal maakt nu gebruik van een aangepaste schaal in transitie in het standaardthema, die subtieler moet zijn en beter werken met een lange modal inhoud
  • .
  • Modal - Modal onApprove en onDeny krijgen nu het activerende element als de eerste parameter. Toegevoegd documentatie over het gebruik van return false om te voorkomen dat het verbergen element klik.
  • Modal - Modal inhoud maakt nu gebruik van flex, beeldinhoud vereist nu beeldinhoud klasse op de ouders mogelijk te maken voor flex stylings
  • .
  • Popup - Popup definieert nu een transformatie-oorsprong dus animaties zullen worden beïnvloed door de richting waarin het element wordt geplaatst
  • Popup - onShow en onHide callback kan nu popup annuleren van het tonen of verbergen door terug te keren valse
  • Popup - Toegevoegd meer grootte variaties voor popup mini, klein
  • Progress - met vermelding van labels nu beter leesbaar gebruik aparte css variabelen uit aangeeft bar kleur
  • Reveal - Toegevoegde nieuwe actieve toestand die het mogelijk maakt om te laten zien onthullen programatically
  • Zoeken - ( '. Search'). Cache kan nu worden gewist met behulp van $ zoeken ( 'clear cache ")
  • Segment - Added gevoerde en zeer gewatteerde segment variaties
  • Zoeken - Zoeken werkt nu uit een unieke id gegenereerd door resultaat positie om resultaten te halen. Bijvoorbeeld categorie # 1's eerste resultaat is 'A1'. Voorheen resultaat titels werden gebruikt als hun "id", die problemen met de dubbele titels, of resultaten die niet een titel bevatten kunnen veroorzaken.
  • Zoeken - Zoeken wordt nu automatisch klasse categorie toe te voegen bij het gebruik van het type:. Categorie
  • Zoeken - Zoeken wordt nu het genereren van resultaten container als men niet aanwezig op init
  • Zoeken - Zoeken gebruikt em nu past de grootte, zorg ervoor dat het zal verkleinen met de omringende inhoud
  • Zoek - Zoek prompt nu stijlen gedefinieerd als niet met behulp van ui-ingang richten
  • Segment -. Toegevoegd clearing segment voor de gevallen dat een Clearfix nodig
  • Sidebar - Verbeterde animatie prestaties door de prestaties debuggen. Sidebar slaat nu, breedte, hoogte, rtl richting van de belasting.
  • Site - Fixed gemengde globals @defaultDuration en @transitionDuration gebruik van een enkele variabele te gebruiken in alle UI @defaultDuration, hetzelfde voor @defaultEasing en @transitionEasing
  • Site - Toegevoegd in pageOverflowX variabele, standaard thema verbergt horizontale schuifbalken op het lichaam
  • Site - Toegevoegd default aandacht kleuren voor alle kleurvarianten
  • Site - Alle drijvende / verhoogd variaties nu erven van een wereldwijde @floatedShadow maken thematisering gemakkelijker
  • Sticky - Sticky nu intern cache huidige scroll positie wanneer cantFit = true om te voorkomen dat DOM woning op scroll
  • .
  • Statistiek - Toegevoegde nieuwe gelijk verdeeld groep variatie, bijvoorbeeld drie statistieken toont 3 per rij
  • Statistiek - Statitic groep gebruiken nu flex. Stijlen zijn bijgewerkt.
  • Steps - Toegevoegd bevestigd stappen, die nu naar andere UI zoals segment worden bevestigd





































































Wat is nieuw in versie 1.6.1:
















Wat is nieuw in versie 1.3.2:









  • Fixes:





Beperkingen


Vergelijkbare software

Breakpoint
Breakpoint

4 Jun 15

Jasny Bootstrap
Jasny Bootstrap

12 May 15

cSans
cSans

4 Jun 15

Rapid Bootstrap
Rapid Bootstrap

12 Apr 15

Reacties op Semantic UI

Reacties niet gevonden
Commentaar toe te voegen
Zet op de beelden!
Zoek op categorie