Semantic UI

Software skärmdump:
Semantic UI
Mjukvaruinformation:
Version: 2.1.8 Uppdaterad
Ladda upp dagen: 10 Feb 16
Utvecklare: Jack Lukic
Licens: Gratis
Popularitet: 79

Rating: 3.5/5 (Total Votes: 2)

semantiska UI inte bara fokuserar på att erbjuda en uppsjö av UI widgets, men också fokuserar på hur dessa komponenter är skrivna så att vem som helst att veta vad koden gör bara genom att titta på det.

Genom att göra detta, semantiska drivna användargränssnitt är inte bara lätt att skriva, men lätt ändra på senare punkter.

Semantisk UI kommer med massor av färdiga komponenter ur lådan och finns i CSS och mindre.

Vad är nytt i den här versionen:

  • Ny UI:
  • Container - Behållare fast bredd containrar avsedda för att hålla sidans innehåll, och är ett enklare alternativ till ui sidstödraster se fler exempel på dokument
  • Markera flera - Nya flera dropdown typer har lagts till. Många nya rullgardins förbättringar har lagts inklusive märkning / tokenizing funktioner och läsa in data via API förfrågningar.
  • Bädda - Ny embed komponent möjliggör responsiva iframe inbäddning som upprätthåller deras proportioner. Bädda kan användas med YouTube eller Vimeo videor, tillsammans med platshållare innehåll för att undvika lastning bibliotek tredjeparts tills en användare väljer att interagera med videon.
  • stora förbättringar:
  • Site - Lagt till nya färger oliv, violett, brunt och grått. Dessa finns i alla delar med färgvariationer.
  • API - API kan nu användas med mocked svar och anpassade AJAX förfrågningar. mockResponse har lagts för att lösa begäran med ett fördefinierat JSON-objekt, eller en synkron funktion återuppringning.
  • API mockResponseAsync har lagts till för anpassade asynkrona förfrågningar. Detta gör att du kan ange en anpassad async återuppringning för att lösa en begäran API, hjälpa till med integrationen med bibliotek som Ember eller kantiga som kan svepa AJAX förfrågningar.
  • API - API anrop har nu en onResponse callback som kan justera en servrar svar innan den tolkas av andra återanrop till framgång eller misslyckande villkor
  • .
  • API - API ger nu en lokal cache inställning för att undvika server rundturer för identiska webbadresser med hjälp av cache: "lokala". Detta är inte aktiverad som standard. Lokal caching är användbar för resultat som ska returnera samma värden över en enda session, exempelvis vid frågor en automatisk komplettering.
  • kort - Kort stöder nu flera anpassade innehållsblock. Innehållsblock och bilder kan nu visas i valfri ordning.
  • Checkbox - Checkbox inte längre behöver JavaScript för att fungera
  • .
  • Kryssruta -. Stöd för obestämda kryssrutor, tillsammans med nya stylings
  • Kryssruta - Nu inkluderar separata beteenden för att utlösa tillstånd ändras utan att åberopa återanrop set kontrolleras vs markerad
  • Dropdown -. Inkom fjärr integration API med rullgardinsmenyn för att möjliggöra sökning val att söka mot en avlägsen dataset
  • Dimmer - Dimmer har nu en oskärpa variation som tillämpar en glasliknande effekt när nedtonade
  • rullgardins - menyerna nu automatiskt observera förändringar i menyn och kommer att uppdatera väljaren cache med nya tillägg
  • menyerna - Lade till möjligheten att lägga till egna val att alla söka urvals menyerna (multi / singel) med hjälp av allowAdditions: true inställning. Sök visar nu felmeddelanden på inga resultat i samtliga fall.
  • Dropdown -. Kortkommandon har lagts till för att välja dropdown val, till exempel "N" kommer att rulla till "New York" i en vallista tillstånd, liknande nativebehavior
  • Dropdown -. Lagt till nya rullgardins variation rulla rullgardins och rulla menyn kan detta användas för att inkludera en rullningssektion i en rullgardinsmeny
  • Dropdown - Dropdown automatiskt animera uppåt om det inte finns tillräckligt med utrymme att visas nedan
  • .
  • Dropdown - Använda sida upp och sida ner tangenterna kommer nu att rulla menyer från en sida i taget
  • Form - Formulär nu använda Flexbox för att skapa fältgrupper. Inline fält stöder nu (x) bred dimensionering med hjälp av Flex
  • Grid - Galler nu använda Flexbox, kolumner är nu alla samma höjd som standard. Nya Flexbox inriktningstyper som stretch har lagts för att underlätta vertikal inriktning.
  • Flera UI - Många komponenter nu använda Flexbox, vilket innebär tidigare förvirrande korrigeringar som font-size: 0; att ta bort blank från inline-block är inte längre nödvändigt. Ta bort detta hack betyder nu alla element kan vara en direkt barn av galler eller meny.
  • Modal - Lade till nya inställningar suddighet och inverterade som automatiskt ställa in en modal s dimmer antingen inverterad eller oskärpa
  • .
  • Meny - Meny använder nu Flexbox. Detta gör att menyalternativ för att matcha varandras höjder oavsett varje objekt innehåll storlek. menyn till höger innehåll bör nu följa annan meny innehåll i stället för föregående det (inte längre använder float).
  • Grid - Galler är nu Flexbox och lika höjd som standard, lika höjdvariation kan säkert tas bort
  • Popup -. Popup har skrivits om för att drastiskt förbättra prestanda, speciellt när man testar flera positioner
  • Transition - Reserv javascript animationer har tagits bort från UI-komponenter som rullgardinsmenyn och popup för att öka prestandan. Detta eliminerar behovet av dyra pseudo väljare som: synliga: animerade och. Dolda och minskar filstorlek
  • Form Validering - validerings Form använder nu en single invändningar som andra moduler. Använda (fält, inställningar) kommer att fortsätta att fungera, men kommer att producera en deprecation meddelanden i konsolen
  • Form Validering -. Validerings Form stödjer nu många nya valideringsregler, inklusive några speciellt för användning med flera utvalda värden
  • Punkt - Artiklar använder nu Flexbox för layout
  • .
  • Meddelande - meddelandeikonen använder nu Flexbox för layout
  • Meny - vertikal tabellmenyn en vertikal menyflik har lagts
  • Input - Alla typer ingångs använda Flexbox för layout
  • Segment - Segment nu stödja komplexa kapsling, många nya regler för hur segmentgrupper ska visas i grupper
  • Segment -. Nya horisontella segmentgrupper gör lägga ut auto storleksändring textkolumner mycket lättare
  • Sidebar - iOS kommer nu korrekt redovisa scrollTop värden för dokument eller kroppen när du använder en sidofältet. Chrome på iOS inte längre har problem med fast innehåll inte fastnar genast när man använder ett sidofält.
  • Former - Former nu justerar korrekt för marginalen på sidor
  • Steps - Steg nu använda Flexbox flytande steg nu center innehåll i varje steg
  • Steps - Steg inte längre behöver objektet räkna och kommer automatiskt att dela jämnt
  • Transition - Övergångs kod har optimerats för att öka prestanda. 100% förbättring jämfört med första animation, och 40% förbättring efterföljande animationer.
  • Synlighet - Använda .visibility ({typ: "fasta"}) kommer nu automatiskt lägga till en platshållare element som kommer att byta plats med ett element när den är ansluten till visningsområdet. Detta bör göra fast innehåll drastiskt enklare.
  • Synlighet - Synlighet och klibbig nu använda en mer presterande pub / sub mönster som bara kommer att fästa en enda händelse till kontext rulla
  • .
  • Synlighet - lagt till två nya sikt återbesök onOnScreen och onOffScreen, som förekommer, tydligast när ett element visas först i eller ut ur en webbläsarens visnings
  • .
  • Förbättringar:
  • Site -. Lagt till många nya plats variabler, inklusive möjligheten att styra ingående storlek i alla UI inputPadding, tillsammans med fler gränsfärger, accenter och färger
  • dragspel - lägger onOpening och onClosing callback (före animation) för att gå med VidÖppning, onClose (efter animation)
  • dragspel -. Tillagd inställning för att ange dragspel utlösande händelse
  • Aktivitets Feed - Aktivitets foder har skrivits om att använda Flexbox
  • API - API har nu nya inställningar throttleFirstRequest och interruptRequests. Avbrotts förfrågningar avbryta en tidigare begäran om ett element när du gör en ny begäran. throttleFirstRequest, anger om den första begäran eller endast efterföljande förfrågningar ska strypas när en spjäll varaktighet anges.
  • Bygg Verktyg - Bygg verktyg kommer nu att visa förväg specificerade fel när en temafil saknas eller ett element anger en otillgänglig tema
  • .
  • Bygg Verktyg - Justera site.variables kommer nu bygga alla UI, istället för att bara site.less
  • Knapp - Added: fokus stilar för alla knapptyper, alla knapp exempel i dokument är nu tangentbord fokuserbara antingen eller tabIndex i förekommande fall
  • .
  • kort - kort innehåller nu en centrerad variation
  • Checkbox -. Kryssrutan nu graciöst korrekta beteenden åberopas på ingångsordnat element i stället för ui kryssrutan
  • Kryssruta - Minskad kb storlek ikon typsnitt
  • Divider - vertikal avdelare inuti ui rutnät står nu för kolumn stoppning
  • rullgardins - kapslade rullningsmenyer stöder nu tangentbordsval, t.ex. trycka på "A" för Apple, och tangentbord rullning.
  • Dropdown - menyerna har nu match inställningen för att ange om du vill matcha på text, värde eller båda
  • Dropdown - Multi väljer menyerna har nu nya inställningar för att ange maximal val granulocyter
  • Dropdown - Dropdown har nya platshållare inställning för att ställa platshållartexten i JavaScript
  • Dropdown - Lade showOnFocus alternativ som låter dig ange om rullgardinsmenyn ska visas på fokus
  • Dropdown - fulltext: true nu använder fuzzy sökning (samma som ui ökning)
  • Dropdown - Sida ner och sida upp nu arbetar med menyer
  • Dropdown - Dropdown initieras med funktionshindrade prop på ett alternativ kommer nu korrekt visas inaktive
  • Dropdown - Inkom funktionshindrade punkt tillstånd, kommer funktionshindrade poster automatiskt hoppas över med tangentbord val
  • Form - Lade till en mängd nya stilar för formulärfält autocompleted av din webbläsare, inklusive autocompleted fel, och fokusera stater
  • Form - Inkom platshållare färg regler för IE, ms-input-platshållare
  • Form - Fix errored fält rullgardins tangentbord färgval
  • Form - Lägger formulär framgång tillstånd
  • Form Validering - Lade gäller beteende, returnerar sant / falskt om formen är giltig
  • Form Validering - Inkom olika [field] regel som kräver ett fält för att vara annorlunda än ett annat fält
  • Form Validering - data validera nu tar företräde framför andra validerings matchande system som namn eller id
  • Form Validering - Nya regler för att matcha mot anpassade reguljära uttryck
  • Form Validering - validerings Form har nu minCount, MaxCount och exactCount för att validera flera val
  • Grid - encelliga rutnät avlägsnar nu interna celler på mobil och surfplatta när den används med en fördubbling galler svarar variation
  • .
  • Grid -. Inkom stor skärm bara och bredbilds bara responsiva variationer för rutnät
  • Grid - lika bredd nät fungerar nu utan rad omslag
  • Grid - rader kan nu sträckas liksom mitten linje, botten linje och topp linje
  • Grid - Fasta marginaler på internt celler rutnät
  • Grid - celler och internt celler galler nu använda Flexbox istället för display: bord;
  • Rubriker - Inkom ny header typ underrubriken, användbar för att visa små rubriker bredvid textinnehåll. Se exempel i rubrik docs
  • Image - Bilder inkluderar nu avstånd variation för att lägga till blank runt bilder när de används inline med text
  • .
  • Input - Inkom platshållare färg regler för IE, ms-input-platshållare
  • Input - Action ingång stöder nu flera knappar och rullgardins
  • Etikett - etiketter har nu aktiv och aktiv svävar stater
  • Label - Label sätter nu en img höjd även om du inte använder en bild etikett
  • Lista - Allt innehåll i en ui lista kan nu vertikalt inriktade
  • Meny - Lägg exempel / dokumentation för fast meny
  • Meny - Inkom stapelbar meny variation för enkla responsiva menyer
  • Meny - lagt till många nya variabler till menyn
  • Meny -. Fast flera arvsfrågor för rullgardins objekt inuti menyn som visas som menyalternativ
  • Meny - Horisontell menyer nu ange ett standardbildstorlek för bilder / logotyper
  • Meny - Menyer poster är nu något mer vadderade
  • Meny - Hover / aktiva tillstånd av listpost har justerats för att matcha objekt. Dropdown stilar kan vara tema specifikt i menyn.
  • Meny - Vertikal menyer är inte längre 100% min bredd
  • Modal - Modal använder nu en justerad skala i övergången i standardtemat, som bör vara mer subtil och fungera bättre med lång modal innehåll
  • .
  • Modal - Modal onApprove och onDeny nu mottar aktiveringselementet som första parameter. Inkom dokumentation om hur du använder returnera false att undvika att dölja element på klick.
  • Modal - Modal innehåll nu använder flex, bildinnehåll kräver nu bildinnehåll klass på föräldern för att möjliggöra flex stylings
  • .
  • Popup - Popup definierar nu en transform-ursprung så animationer kommer att påverkas av den riktning i vilken elementet är placerat
  • Popup - onShow och onHide återuppringning kan nu avbryta popup från att visa eller dölja genom att returnera false
  • Popup - Lagt till fler storleksvarianter för popup mini, liten
  • Progress - indikerar etiketter är nu mer lättläst använda separata css variabler anger bar färg
  • Reveal - Inkom ny aktiv stat som tillåter dig att visa avslöja programatically
  • Sök - ( ". Söka"). Cache kan nu rensas med $ sökning ( "klar cache ')
  • Segment - Inkom vadderad och mycket vadderade variationer segment
  • Sök - Sök driver nu utanför ett unikt ID som genereras av resultat möjlighet att hämta resultat. Till exempel kategori # 1: s första resultatet är "A1". Tidigare resultat titlar användes som deras "id", vilket kan orsaka problem med dubbla titlar, eller resultat som inte innehåller en titel.
  • Sök - Sök kommer nu automatiskt lägga klass kategori när du använder typ. Kategori
  • Sök - Sök nu generera resultat behållare om man inte är närvarande på init
  • Sök - Sök använder nu em för Ändrar storlek, vilket gör att det kommer att ändra storlek med det omgivande innehåll
  • Sök - Sök snabbt nu har fokus former som anges om du inte använder ui ingång
  • Segment -. Inkom clearing segmentet för fall som kräver en clearfix
  • Sidebar - Förbättrad animation prestanda genom prestanda felsökning. Sidebar cachar nu, bredd, höjd, RTL riktning på belastning.
  • Site - Fast blandade globals @defaultDuration och @transitionDuration användning för att använda en enda variabel i alla UI @defaultDuration, samma för @defaultEasing och @transitionEasing
  • Site - Till pageOverflowX variabel, döljer standardtemat horisontella rullningslister på kroppen
  • Site - dröjsmålsfokus färger för alla färgvarianter
  • Site - Alla flytande / upphöjda variationer ärver nu ur ett globalt @floatedShadow att theming lättare
  • Sticky - Klibbig nu internt cachar aktuella rullningsposition när cantFit = true för att undvika att få DOM fastighet på scroll
  • .
  • Statistik - Inkom ny jämnt fördelade grupp variation, t ex tre statistik visar tre per rad
  • Statistik - Statitic grupp nu använda flex. Stilar har uppdaterats.
  • trappan - Added bifogade steg, som nu kan knytas till andra UI som segment
  • Flikar - Tab kommer nu manuellt rätt sida rullningsposition när du länkar till en på sidan ankare i en dold flik
  • Flikar - Lagt till nya callbacks onTabVisible och onRequest
  • Flikar - lagt parseScripts alternativet, standardvärdet en gång analysera inline skript bara första belastning
  • Tabell - Lägger valbar tabell variation, som visar sväva effekt på rad när svävar
  • Tabell - Inkom vertikal inriktnings variationer ui tabell
  • Tabell - Inkom enda rad bord variation som förhindrar text från omslag
  • Transition - Justera stil eller klass under en övergång, kommer inte längre att återställa ändringen efter övergången är klar
  • .
  • Transition -. Övergången kommer inte längre att tvinga synlig / gömd med infogade format om onComplete återuppringning sätter synlighet
  • Synlighet / Sticky - Synlighet och klibbig nu uppdateras automatiskt efter innehållet på sidan belastning att hantera förändringar på plats från bilder loading
  • Synlighet / Sticky - Synlighet använder nu pub / sub mönster för att avsevärt förbättra rullnings prestanda när du monterar flera händelser
  • Synlighet - Synlighets innehåller en ny inställning checkOnRefresh som avgör om sikt återbesök bör ske på ändra storlek eller uppdatera
  • Synlighet - Synlighet bild kommer nu vänta med att lata last bilder som är ovanför den aktuella skärmen ställning, inte bara under
  • .

Vad är nytt i version 2.1.4:

  • Ny UI:
  • Container - Behållare fast bredd containrar avsedda för att hålla sidans innehåll, och är ett enklare alternativ till ui sidstödraster se fler exempel på dokument
  • Markera flera - Nya flera dropdown typer har lagts till. Många nya rullgardins förbättringar har lagts inklusive märkning / tokenizing funktioner och läsa in data via API förfrågningar.
  • Bädda - Ny embed komponent möjliggör responsiva iframe inbäddning som upprätthåller deras proportioner. Bädda kan användas med YouTube eller Vimeo videor, tillsammans med platshållare innehåll för att undvika lastning bibliotek tredjeparts tills en användare väljer att interagera med videon.
  • stora förbättringar:
  • Site - Lagt till nya färger oliv, violett, brunt och grått. Dessa finns i alla delar med färgvariationer.
  • API - API kan nu användas med mocked svar och anpassade AJAX förfrågningar. mockResponse har lagts för att lösa begäran med ett fördefinierat JSON-objekt, eller en synkron funktion återuppringning.
  • API mockResponseAsync har lagts till för anpassade asynkrona förfrågningar. Detta gör att du kan ange en anpassad async återuppringning för att lösa en begäran API, hjälpa till med integrationen med bibliotek som Ember eller kantiga som kan svepa AJAX förfrågningar.
  • API - API anrop har nu en onResponse callback som kan justera en servrar svar innan den tolkas av andra återanrop till framgång eller misslyckande villkor
  • .
  • API - API ger nu en lokal cache inställning för att undvika server rundturer för identiska webbadresser med hjälp av cache: "lokala". Detta är inte aktiverad som standard. Lokal caching är användbar för resultat som ska returnera samma värden över en enda session, exempelvis vid frågor en automatisk komplettering.
  • kort - Kort stöder nu flera anpassade innehållsblock. Innehållsblock och bilder kan nu visas i valfri ordning.
  • Checkbox - Checkbox inte längre behöver JavaScript för att fungera
  • .
  • Kryssruta -. Stöd för obestämda kryssrutor, tillsammans med nya stylings
  • Kryssruta - Nu inkluderar separata beteenden för att utlösa tillstånd ändras utan att åberopa återanrop set kontrolleras vs markerad
  • Dropdown -. Inkom fjärr integration API med rullgardinsmenyn för att möjliggöra sökning val att söka mot en avlägsen dataset
  • Dimmer - Dimmer har nu en oskärpa variation som tillämpar en glasliknande effekt när nedtonade
  • rullgardins - menyerna nu automatiskt observera förändringar i menyn och kommer att uppdatera väljaren cache med nya tillägg
  • menyerna - Lade till möjligheten att lägga till egna val att alla söka urvals menyerna (multi / singel) med hjälp av allowAdditions: true inställning. Sök visar nu felmeddelanden på inga resultat i samtliga fall.
  • Dropdown -. Kortkommandon har lagts till för att välja dropdown val, till exempel "N" kommer att rulla till "New York" i en vallista tillstånd, liknande nativebehavior
  • Dropdown -. Lagt till nya rullgardins variation rulla rullgardins och rulla menyn kan detta användas för att inkludera en rullningssektion i en rullgardinsmeny
  • Dropdown - Dropdown automatiskt animera uppåt om det inte finns tillräckligt med utrymme att visas nedan
  • .
  • Dropdown - Använda sida upp och sida ner tangenterna kommer nu att rulla menyer från en sida i taget
  • Form - Formulär nu använda Flexbox för att skapa fältgrupper. Inline fält stöder nu (x) bred dimensionering med hjälp av Flex
  • Grid - Galler nu använda Flexbox, kolumner är nu alla samma höjd som standard. Nya Flexbox inriktningstyper som stretch har lagts för att underlätta vertikal inriktning.
  • Flera UI - Många komponenter nu använda Flexbox, vilket innebär tidigare förvirrande korrigeringar som font-size: 0; att ta bort blank från inline-block är inte längre nödvändigt. Ta bort detta hack betyder nu alla element kan vara en direkt barn av galler eller meny.
  • Modal - Lade till nya inställningar suddighet och inverterade som automatiskt ställa in en modal s dimmer antingen inverterad eller oskärpa
  • .
  • Meny - Meny använder nu Flexbox. Detta gör att menyalternativ för att matcha varandras höjder oavsett varje objekt innehåll storlek. menyn till höger innehåll bör nu följa annan meny innehåll i stället för föregående det (inte längre använder float).
  • Grid - Galler är nu Flexbox och lika höjd som standard, lika höjdvariation kan säkert tas bort
  • Popup -. Popup har skrivits om för att drastiskt förbättra prestanda, speciellt när man testar flera positioner
  • Transition - Reserv javascript animationer har tagits bort från UI-komponenter som rullgardinsmenyn och popup för att öka prestandan. Detta eliminerar behovet av dyra pseudo väljare som: synliga: animerade och. Dolda och minskar filstorlek
  • Form Validering - validerings Form använder nu en single invändningar som andra moduler. Använda (fält, inställningar) kommer att fortsätta att fungera, men kommer att producera en deprecation meddelanden i konsolen
  • Form Validering -. Validerings Form stödjer nu många nya valideringsregler, inklusive några speciellt för användning med flera utvalda värden
  • Punkt - Artiklar använder nu Flexbox för layout
  • .
  • Meddelande - meddelandeikonen använder nu Flexbox för layout
  • Meny - vertikal tabellmenyn en vertikal menyflik har lagts
  • Input - Alla typer ingångs använda Flexbox för layout
  • Segment - Segment nu stödja komplexa kapsling, många nya regler för hur segmentgrupper ska visas i grupper
  • Segment -. Nya horisontella segmentgrupper gör lägga ut auto storleksändring textkolumner mycket lättare
  • Sidebar - iOS kommer nu korrekt redovisa scrollTop värden för dokument eller kroppen när du använder en sidofältet. Chrome på iOS inte längre har problem med fast innehåll inte fastnar genast när man använder ett sidofält.
  • Former - Former nu justerar korrekt för marginalen på sidor
  • Steps - Steg nu använda Flexbox flytande steg nu center innehåll i varje steg
  • Steps - Steg inte längre behöver objektet räkna och kommer automatiskt att dela jämnt
  • Transition - Övergångs kod har optimerats för att öka prestanda. 100% förbättring jämfört med första animation, och 40% förbättring efterföljande animationer.
  • Synlighet - Använda .visibility ({typ: "fasta"}) kommer nu automatiskt lägga till en platshållare element som kommer att byta plats med ett element när den är ansluten till visningsområdet. Detta bör göra fast innehåll drastiskt enklare.
  • Synlighet - Synlighet och klibbig nu använda en mer presterande pub / sub mönster som bara kommer att fästa en enda händelse till kontext rulla
  • .
  • Synlighet - lagt till två nya sikt återbesök onOnScreen och onOffScreen, som förekommer, tydligast när ett element visas först i eller ut ur en webbläsarens visnings
  • .
  • Förbättringar:
  • Site -. Lagt till många nya plats variabler, inklusive möjligheten att styra ingående storlek i alla UI inputPadding, tillsammans med fler gränsfärger, accenter och färger
  • dragspel - lägger onOpening och onClosing callback (före animation) för att gå med VidÖppning, onClose (efter animation)
  • dragspel -. Tillagd inställning för att ange dragspel utlösande händelse
  • Aktivitets Feed - Aktivitets foder har skrivits om att använda Flexbox
  • API - API har nu nya inställningar throttleFirstRequest och interruptRequests. Avbrotts förfrågningar avbryta en tidigare begäran om ett element när du gör en ny begäran. throttleFirstRequest, anger om den första begäran eller endast efterföljande förfrågningar ska strypas när en spjäll varaktighet anges.
  • Bygg Verktyg - Bygg verktyg kommer nu att visa förväg specificerade fel när en temafil saknas eller ett element anger en otillgänglig tema
  • .
  • Bygg Verktyg - Justera site.variables kommer nu bygga alla UI, istället för att bara site.less
  • Knapp - Added: fokus stilar för alla knapptyper, alla knapp exempel i dokument är nu tangentbord fokuserbara antingen eller tabIndex i förekommande fall
  • .
  • kort - kort innehåller nu en centrerad variation
  • Checkbox -. Kryssrutan nu graciöst korrekta beteenden åberopas på ingångsordnat element i stället för ui kryssrutan
  • Kryssruta - Minskad kb storlek ikon typsnitt
  • Divider - vertikal avdelare inuti ui rutnät står nu för kolumn stoppning
  • rullgardins - kapslade rullningsmenyer stöder nu tangentbordsval, t.ex. trycka på "A" för Apple, och tangentbord rullning.
  • Dropdown - menyerna har nu match inställningen för att ange om du vill matcha på text, värde eller båda
  • Dropdown - Multi väljer menyerna har nu nya inställningar för att ange maximal val granulocyter
  • Dropdown - Dropdown har nya platshållare inställning för att ställa platshållartexten i JavaScript
  • Dropdown - Lade showOnFocus alternativ som låter dig ange om rullgardinsmenyn ska visas på fokus
  • Dropdown - fulltext: true nu använder fuzzy sökning (samma som ui ökning)
  • Dropdown - Sida ner och sida upp nu arbetar med menyer
  • Dropdown - Dropdown initieras med funktionshindrade prop på ett alternativ kommer nu korrekt visas inaktive
  • Dropdown - Inkom funktionshindrade punkt tillstånd, kommer funktionshindrade poster automatiskt hoppas över med tangentbord val
  • Form - Lade till en mängd nya stilar för formulärfält autocompleted av din webbläsare, inklusive autocompleted fel, och fokusera stater
  • Form - Inkom platshållare färg regler för IE, ms-input-platshållare
  • Form - Fix errored fält rullgardins tangentbord färgval
  • Form - Lägger formulär framgång tillstånd
  • Form Validering - Lade gäller beteende, returnerar sant / falskt om formen är giltig
  • Form Validering - Inkom olika [field] regel som kräver ett fält för att vara annorlunda än ett annat fält
  • Form Validering - data validera nu tar företräde framför andra validerings matchande system som namn eller id
  • Form Validering - Nya regler för att matcha mot anpassade reguljära uttryck
  • Form Validering - validerings Form har nu minCount, MaxCount och exactCount för att validera flera val
  • Grid - encelliga rutnät avlägsnar nu interna celler på mobil och surfplatta när den används med en fördubbling galler svarar variation
  • .
  • Grid -. Inkom stor skärm bara och bredbilds bara responsiva variationer för rutnät
  • Grid - lika bredd nät fungerar nu utan rad omslag
  • Grid - rader kan nu sträckas liksom mitten linje, botten linje och topp linje
  • Grid - Fasta marginaler på internt celler rutnät
  • Grid - celler och internt celler galler nu använda Flexbox istället för display: bord;
  • Rubriker - Inkom ny header typ underrubriken, användbar för att visa små rubriker bredvid textinnehåll. Se exempel i rubrik docs
  • Image - Bilder inkluderar nu avstånd variation för att lägga till blank runt bilder när de används inline med text
  • .
  • Input - Inkom platshållare färg regler för IE, ms-input-platshållare
  • Input - Action ingång stöder nu flera knappar och rullgardins
  • Etikett - etiketter har nu aktiv och aktiv svävar stater
  • Label - Label sätter nu en img höjd även om du inte använder en bild etikett
  • Lista - Allt innehåll i en ui lista kan nu vertikalt inriktade
  • Meny - Lägg exempel / dokumentation för fast meny
  • Meny - Inkom stapelbar meny variation för enkla responsiva menyer
  • Meny - lagt till många nya variabler till menyn
  • Meny -. Fast flera arvsfrågor för rullgardins objekt inuti menyn som visas som menyalternativ
  • Meny - Horisontell menyer nu ange ett standardbildstorlek för bilder / logotyper
  • Meny - Menyer poster är nu något mer vadderade
  • Meny - Hover / aktiva tillstånd av listpost har justerats för att matcha objekt. Dropdown stilar kan vara tema specifikt i menyn.
  • Meny - Vertikal menyer är inte längre 100% min bredd
  • Modal - Modal använder nu en justerad skala i övergången i standardtemat, som bör vara mer subtil och fungera bättre med lång modal innehåll
  • .
  • Modal - Modal onApprove och onDeny nu mottar aktiveringselementet som första parameter. Inkom dokumentation om hur du använder returnera false att undvika att dölja element på klick.
  • Modal - Modal innehåll nu använder flex, bildinnehåll kräver nu bildinnehåll klass på föräldern för att möjliggöra flex stylings
  • .
  • Popup - Popup definierar nu en transform-ursprung så animationer kommer att påverkas av den riktning i vilken elementet är placerat
  • Popup - onShow och onHide återuppringning kan nu avbryta popup från att visa eller dölja genom att returnera false
  • Popup - Lagt till fler storleksvarianter för popup mini, liten
  • Progress - indikerar etiketter är nu mer lättläst använda separata css variabler anger bar färg
  • Reveal - Inkom ny aktiv stat som tillåter dig att visa avslöja programatically
  • Sök - ( ". Söka"). Cache kan nu rensas med $ sökning ( "klar cache ')
  • Segment - Inkom vadderad och mycket vadderade variationer segment
  • Sök - Sök driver nu utanför ett unikt ID som genereras av resultat möjlighet att hämta resultat. Till exempel kategori # 1: s första resultatet är "A1". Tidigare resultat titlar användes som deras "id", vilket kan orsaka problem med dubbla titlar, eller resultat som inte innehåller en titel.
  • Sök - Sök kommer nu automatiskt lägga klass kategori när du använder typ. Kategori
  • Sök - Sök nu generera resultat behållare om man inte är närvarande på init
  • Sök - Sök använder nu em för Ändrar storlek, vilket gör att det kommer att ändra storlek med det omgivande innehåll
  • Sök - Sök snabbt nu har fokus former som anges om du inte använder ui ingång
  • Segment -. Inkom clearing segmentet för fall som kräver en clearfix
  • Sidebar - Förbättrad animation prestanda genom prestanda felsökning. Sidebar cachar nu, bredd, höjd, RTL riktning på belastning.
  • Site - Fast blandade globals @defaultDuration och @transitionDuration användning för att använda en enda variabel i alla UI @defaultDuration, samma för @defaultEasing och @transitionEasing
  • Site - Till pageOverflowX variabel, döljer standardtemat horisontella rullningslister på kroppen
  • Site - dröjsmålsfokus färger för alla färgvarianter
  • Site - Alla flytande / upphöjda variationer ärver nu ur ett globalt @floatedShadow att theming lättare
  • Sticky - Klibbig nu internt cachar aktuella rullningsposition när cantFit = true för att undvika att få DOM fastighet på scroll
  • .
  • Statistik - Inkom ny jämnt fördelade grupp variation, t ex tre statistik visar tre per rad
  • Statistik - Statitic grupp nu använda flex. Stilar har uppdaterats.
  • trappan - Added bifogade steg, som nu kan knytas till andra UI som segment





































































Vad är nytt i version 1.6.1:
















Vad är nytt i version 1.3.2:









  • Korrigeringar:





Begränsningar :


Liknande mjukvara

Froala Design Kit
Froala Design Kit

13 May 15

Material-UI
Material-UI

12 May 15

Helium
Helium

13 May 15

Css helper
Css helper

12 Apr 15

Kommentarer till Semantic UI

Kommentarer hittades inte
Kommentar
Slå på bilder!