Semantic UI

Screenshot der Software:
Semantic UI
Softwarebeschreibung:
Version: 2.1.8 Aktualisiert
Upload-Datum: 10 Feb 16
Entwickler: Jack Lukic
Lizenz: Frei
Popularität: 79

Rating: 3.5/5 (Total Votes: 2)

Semantic UI nicht nur konzentriert eine Fülle von UI-Widgets auf die Bereitstellung, aber auf dem Weg konzentriert sich auch diese Komponenten geschrieben werden, so dass jeder zu wissen, was der Code tut, gerade indem sie suchen.

Dieses Dadurch, Semantic betriebene UIs sind nicht nur einfach zu schreiben, aber leicht zu späteren Zeitpunkten ändern.

Semantic UI kommt mit viel vorgefertigte Komponenten aus dem Kasten heraus und ist in CSS verfügbar und weniger.

Was ist neu in dieser Version:

  • Neue Benutzeroberfläche:
  • Container - Container werden feste Breite Behälter für die Aufnahme Seiteninhalt gemeint, und sind eine einfachere Alternative zu ui Seitenraster, weitere Beispiele in docs sehen
  • Multiselect - New mehrere Drop-Down-Typen wurden hinzugefügt. Viele neue Drop-Down-Verbesserungen wurden einschließlich Tagging / Tokenisieren Funktionen und Laden von Daten über die API-Anfragen hinzugefügt.
  • Embed - Neue einbetten Komponente ermöglicht ansprechende iframe bettet, die Einhaltung des Seitenverhältnisses. Einbetten können mit YouTube oder Vimeo Videos verwendet werden, zusammen mit Platzhalter Inhalt zu laden Bibliotheken von Drittanbietern zu vermeiden, bis ein Benutzer mit dem Video zu interagieren will.
  • Wichtige Erweiterungen:
  • Site - Es gibt neue Farben oliv, violett, braun und grau. Diese sind in allen Elementen mit Farbvariationen.
  • API - API kann nun mit verspottet Antworten und benutzerdefinierte AJAX-Anforderungen verwendet werden. mockResponse wurde hinzugefügt Anfrage mit einem vorgegebenen JSON-Objekt zu lösen, oder eine synchrone Callback-Funktion.
  • API mockResponseAsync wurde für benutzerdefinierte asynchrone Anforderungen hinzugefügt. Auf diese Weise können Sie eine benutzerdefinierte Asynchron-Rückruf zu geben Sie eine API-Anforderung zu lösen, mit Bibliotheken wie Ember mit Integration zu helfen oder Angular, die AJAX-Anforderungen wickeln kann.
  • API - API Rückrufe jetzt einen onResponse Rückruf haben, die eine Server-Antwort anpassen können, bevor sie von anderen Rückrufe für Erfolg oder Misserfolg Bedingungen analysiert wird,
  • .
  • API - API bietet jetzt einen lokalen Cache-Einstellung Server-Roundtrips für identische URLs mithilfe von Cache zu vermeiden: 'local'. Dies ist nicht standardmäßig aktiviert. Lokales Caching ist nützlich für die Ergebnisse, die die gleichen Werte in einer einzigen Sitzung, beispielsweise zurückgeben sollte, wenn eine Auto-Vervollständigen abfragen.
  • Card - Karten jetzt mehrere benutzerdefinierte Inhaltsblöcke unterstützen. Inhaltsblöcke und Bilder können nun in beliebiger Reihenfolge angezeigt werden.
  • Checkbox - Checkbox nicht mehr Javascript-Funktion benötigen
  • .
  • Checkbox -. Zusätzliche Unterstützung für unbestimmte Kontrollkästchen, zusammen mit neuen Stylings
  • Checkbox - Jetzt mit separaten Verhalten für das Auslösen Zustandsänderungen ohne Rückrufe zu überprüfenden vs geprüft
  • Aufruf
  • Dropdown -. Hinzugefügt Remote-API-Integration mit Drop-down-Suche Auswahl zur Abfrage mit einem Remote-Datensatzes zu ermöglichen
  • Dimmer - Dimmers haben jetzt eine Verwischung Variante, die eine glasartige Wirkung gelten, wenn gedimmt
  • Dropdown - Auswahllisten jetzt automatisch Änderungen in Menü beobachten und Selektor-Cache mit neuen Ergänzungen zu aktualisieren
  • Auswahlmenüs - Added Fähigkeit, individuelle Auswahl für alle Suche Auswahl-Dropdown-Listen (multi / single) mit AllowAdditions hinzuzufügen: true Einstellung. Suchen Sie jetzt zeigt Fehlermeldungen über keine Ergebnisse in allen Fällen.
  • Dropdown -. Tastenkombinationen für die Auswahl der Drop-down-Auswahl hinzugefügt wurden, zum Beispiel "N" scrollen zu "New York" in einem Zustand Auswahlliste, ähnlich wie nativebehavior
  • Dropdown -. Neue Dropdown-Variante hinzugefügt Drop-Down-Scrollen und Menü scrollen, das verwendet werden kann, einen rollbaren Abschnitt in einem Drop-Down-Menü zu schließen
  • Dropdown - Dropdown wird automatisch nach oben animieren, wenn es nicht genug Platz ist unten erscheinen
  • .
  • Dropdown - Mit Bild auf und ab-Tasten wird nun blättern Menüs von einer Seite zu einer Zeit
  • Form - Formulare verwenden jetzt Flexbox für Feldgruppen zu schaffen. Inline-Felder jetzt unterstützen (x) breit Dimensionierung mit flex
  • Grid - Grids verwenden jetzt Flexbox, Säulen sind jetzt alle gleich Höhe standardmäßig. New Flexbox Ausrichtung Typen wie Stretch für eine einfachere vertikale Ausrichtung hinzugefügt wurden.
  • Mehrere UI - Viele Komponenten verwenden jetzt Flexbox, die vorherige verwirrend Korrekturen wie font-size bedeutet: 0; white-space von Inline-Block zu entfernen, ist nicht mehr erforderlich. Das Entfernen dieser Hack, bedeutet nun, jedes Element kann ein direktes Kind des Gitters oder ein Menü sein.
  • Modal - neue Einstellungen hinzugefügt, Unschärfen und umgekehrt, die automatisch eine modale des Dimmers entweder invertiert oder Unschärfe gesetzt
  • .
  • Menü - Menü verwendet nun Flexbox. Auf diese Weise können Menüpunkte jeweils anderen Höhen zu entsprechen, unabhängig von jedem Artikel Inhaltsgröße. rechts Menüinhalt sollte nun andere Menüinhalt folgen, anstatt es zu vorhergehenden (nicht mehr verwendet float).
  • Grid - Grids sind jetzt Flexbox und gleicher Höhe kann standardmäßig die gleiche Höhenvariation sicher entfernt werden
  • Popup -. Popup neu geschrieben wurde drastisch die Leistung zu verbessern, vor allem, wenn mehrere Positionen zu testen
  • Transition - Fallback Javascript Animationen von UI-Komponenten wie Drop-Down-und Popup zu erhöhen Leistung entfernt. Dies beseitigt Notwendigkeit für teure Pseudo-Selektoren wie: sichtbar,: animiert und:. Versteckt und reduziert Dateigröße
  • Formular-Validierung - Formular-Validierung verwendet nun eine einzelne Einstellungen wie andere Module widersprechen. Mit Hilfe von (Felder, Einstellungen) wird weiterhin funktionieren aber eine deprecation Meldungen in der Konsole
  • produzieren
  • Formular-Validierung -. Formular-Validierung nun viele neue Validierungsregeln unterstützt, für mit mehreren ausgewählten Werte Verwendung einige speziell einschließlich
  • Item - Gegenstände verwendet jetzt Flexbox für Layout
  • .
  • Nachricht - Symbol Nachricht verwendet nun Flexbox für Layout
  • Menü - vertikale tabellarische Menü eine vertikale Tab-Menü, wurde hinzugefügt
  • Input - Alle Eingabetypen verwenden Flexbox für Layout
  • Segment - Segmente unterstützen nun komplexe Verschachtelung, viele neue Regeln dafür, wie Segmentgruppen innerhalb Gruppen erscheinen soll
  • Segment -. Neue horizontale Segmentgruppen Spalten Text auto Redimensionierung machen Auslegen viel einfacher
  • Sidebar - iOS wird nun korrekt scrollTop Werte für Dokument oder Körper berichten, wenn eine Sidebar mit. Chrome auf iOS nicht mehr hat Probleme mit festem Inhalt nicht sofort kleben, wenn eine Sidebar mit.
  • Formen - Formen jetzt passt richtig für Rand an den Seiten
  • Steps - Steps jetzt Flexbox, Flüssigkeit Schritte jetzt Mitte Inhalt in jedem Schritt
  • verwenden
  • Schritte - Schritte müssen nicht mehr Elementanzahl und wird automatisch teilen gleichmäßig
  • Transition - Transition Code wurde optimiert, die Leistung zu erhöhen. 100% ige Verbesserung bei der ersten Animation und 40% Verbesserung bei zukünftigen Animationen.
  • Sichtbarkeit - Mit .visibility ({type: 'fixed'}) wird nun automatisch ein Platzhalter-Element hinzufügen, die Orte mit einem Element tauschen, wenn es um das Bildfenster angebracht ist. Dies sollte Fixed Content drastisch vereinfachen.
  • Sichtbarkeit - Sichtbarkeit und klebrig jetzt eine leistungsfähigere pub / sub Muster verwenden, die nur ein einzelnes Ereignis zu Kontext blättern anhängen wird
  • .
  • Sichtbarkeit - zwei neue Sichtbarkeit Rückrufe onOnScreen und onOffScreen, die auftreten, am offensichtlichsten, wenn ein Element zum ersten Mal in das oder aus dem Browser eines Ansichtsfenster erscheint
  • .
  • Erweiterungen:
  • Site -. Hinzugefügt viele neue Standortvariablen, einschließlich der Fähigkeit, Eingangsgröße in allen UI inputPadding zu steuern, zusammen mit mehr Grenzfarben Akzente und Farben
  • Akkordeon - fügt OnOpening und OnClosing Rückruf (vor Animation) mit onOpen, onClose (nach Animation)
  • gehen
  • Akkordeon -. Hinzugefügt am Einstellung zur Angabe Akkordeon Triggerereignis
  • Aktivitätsfeed - Aktivitätsfeed wurde neu geschrieben Flexbox verwenden
  • API - API hat nun neue Einstellungen throttleFirstRequest und interruptRequests. Unterbrechungsanforderungen wird eine vorherige Anforderung auf ein Element abbrechen, wenn eine neue Anfrage zu machen. throttleFirstRequest, legt fest, ob die erste Anforderung oder nur nachfolgende Anfragen gedrosselt, wenn ein Drossel Dauer angegeben werden sollte.
  • Werkzeuge bauen - Build-Tools jetzt Fehler vorgegebenem wird angezeigt, wenn ein Thema, eine Datei fehlt oder ein Element gibt eine nicht verfügbare Thema
  • .
  • Build Tools - Anpassen site.variables werden nun alle UI wieder aufzubauen, anstatt nur site.less
  • Button - Hinzugefügt: Fokus Stile für alle Tastentypen, alle Schaltfläche Beispiele in docs sind jetzt Tastatur fokussierbarem entweder oder tabindex gegebenenfalls
  • .
  • der Karte - Karte enthält nun eine zentrierte Variation
  • Checkbox -. Checkbox wird nun anmutig richtige Verhalten auf das Kind Eingabeelement aufgerufen anstelle des ui Checkbox
  • Checkbox - Reduzierte kb Größe Symbol Schrift
  • Divider - vertikale Teiler innerhalb ui Gitter macht nun Spalte padding
  • Dropdown - Nested Scrollen Menüs nun Tastaturauswahl unterstützen, z.B. "A" für Apfel drücken und Tastatur Scrollen.
  • Dropdown - Auswahlmenüs jetzt Spiel Einstellung müssen angeben, ob auf den Text, den Wert oder beide
  • übereinstimmen
  • Dropdown - Multi wählen Sie Dropdown-Listen haben nun neue Einstellungen für die Angabe maximale Auswahlzähler
  • Dropdown - Dropdown hat neue Platzhalter Einstellung für Platzhalter-Text in JavaScript-Einstellung
  • Dropdown - Added showOnFocus Option, die Sie, ob Dropdown-Menü auf Fokus sollte zeigen
  • angeben können
  • Dropdown - Volltextsuche: true verwendet nun Fuzzy-Suche (wie ui Suche)
  • Dropdown - Seite nach unten und der Seite funktioniert nun mit Drop-Down-Menüs
  • Dropdown - Dropdown mit behinderten Stütze auf eine Option initialisiert wird nun korrekt deaktiviert erscheinen
  • Dropdown - Added deaktivierte Element Zustand, werden deaktivierte Elemente automatisch mit Tastaturauswahl übersprungen werden
  • Form - eine Vielzahl neuer Arten für Formularfelder hinzugefügt automatisch vervollständigt von Ihrem Browser, einschließlich automatisch vervollständigt Fehler, und konzentrieren sich Staaten
  • Form - Added Platzhalter Farbregeln für IE, ms-input-Platzhalter
  • Form - Fix errored Feld Drop-Down-Tastatur Auswahlfarbe
  • Form - Fügt Form Erfolg Zustand
  • Formular-Validierung - Added gilt Verhalten, gibt wahr / falsch, wenn Formular gültig ist
  • Formular-Validierung - verschiedene [field] Regel hinzugefügt, die ein Feld als ein anderes Feld, anders zu sein erfordert
  • Formular-Validierung - Datenvalidierung erfolgt nun Vorrang vor anderen Validierungs passende Programme wie Namen oder die ID
  • Formular-Validierung - Neue Regeln für die Entsprechung gegen benutzerdefinierte reguläre Ausdrücke
  • Formular-Validierung - Form Validierung jetzt hat minCount, maxCount und exactCount für eine Mehrfachauswahl Validierung
  • Grid - lige Gitter entfernt nun interne Zellen auf mobilen und Tablet, wenn sie mit Verdoppelung Gitter reaktions Variation verwendet
  • .
  • Grid -. Hinzugefügt großen Bildschirm nur mit großem Bildschirm und nur ansprechende Variationen für Raster
  • Grid - gleiche Breite Gitter funktioniert nun ohne Zeilen Wrapper
  • Grid - Zeilen können nun auch als Mitte ausgerichtet sind, unten ausgerichtet und oben ausgerichtet gestreckt werden
  • Grid - Feste Margen auf intern Zellen Gitter
  • Grid - lige und intern Zellen Gitter verwenden jetzt Flexbox anstelle von display: table;
  • Headers - neue Header-Typ sub-Header hinzugefügt, nützlich für kleine Header neben Text-Inhalt angezeigt wird. Siehe Beispiele in den Header-docs
  • Bild - Bilder nun auch eine Variation im Abstand zum Hinzufügen von Leerzeichen um Bilder, wenn Inline mit Text verwendet
  • .
  • Input - Added Platzhalter Farbregeln für IE, ms-input-Platzhalter
  • Input - Aktion Eingang unterstützt nun mehrere Schaltflächen und Dropdown
  • Etikett - Labels haben jetzt aktiv und aktiv Schwebezustände
  • Etikett - Etiketten setzt jetzt ein img Höhe, auch wenn kein Bild Label
  • mit
  • Liste - Jeder Inhalt innerhalb einer ui Liste kann nun vertikal ausgerichtet werden
  • Menü - Hinzufügen Beispiele / Dokumentation für festes Menü
  • Menü - Added stapelbar Menü Variante für einfache ansprechende Menüs
  • Menü - Added viele neue Variablen Menü
  • Menü -. Feste mehrere Erbschaftsangelegenheiten für Innen-Menü Dropdown-Element als Menüpunkt erscheint
  • Menü - Horizontale Menüs nun ein Standardbildgröße für Bilder / Logos eingestellt
  • Menü - Menüs Artikel sind nun etwas mehr gepolstert
  • Menü - Der Hover / aktiven Zustand des Drop-Down-Artikel wurden angepasst Artikel entsprechen. Dropdown Stile speziell innerhalb Menü Themen werden können.
  • Menü - Vertical Drop-Down-Menüs sind nicht mehr zu 100% min-width
  • Modal - Modal verwendet nun ein bereinigtes Skala im Übergang in das Standard-Theme, das subtiler sein sollte und besser arbeiten mit langen Modalgehalt
  • .
  • Modal - Modal onApprove und onDeny erhalten nun das Betätigungselement als ersten Parameter. Hinzugefügt Dokumentation über falsche Verwendung von Rückführelement zu vermeiden versteckt auf Klick.
  • Modal - Modal Inhalt verwendet nun Flex, Bildinhalt erfordert jetzt Bild-Content-Klasse auf die Eltern für flex Stylings zu erlauben
  • .
  • Popup - Popup definiert nun eine Transformations-Herkunft so Animationen durch die Richtung beeinflusst das Element platziert ist
  • Popup - onShow und OnHide Rückruf kann jetzt abbrechen Popup von Anzeigen oder Ausblenden von der Rückkehr false
  • Popup - Added mehr Größenvariationen für Popup-mini, klein
  • Fortschritt - Hinweisschilder sind jetzt besser lesbar Verwendung separaten CSS-Variablen von der Angabe der Balkenfarbe
  • Reveal - neuen aktiven Zustand hinzugefügt, die Sie programmatisch zu zeigen, ermöglicht offenbaren
  • Suchen - ( '. Suche). Cache kann nun gelöscht werden $ mit Suche ( "Cache löschen')
  • Segment - Added gepolstert und sehr Polstersegment Variationen
  • Suchen - Suchen betreibt nun eine eindeutige ID, die durch Ergebnis Position aus zu den Ergebnissen abzurufen. Zum Beispiel Kategorie erstes Ergebnis # 1 ist "A1". Zuvor Ergebnis Titel als "id" verwendet wurden, die Probleme mit doppelten Titel führen oder Ergebnisse, die keinen Titel enthalten.
  • Suchen - Suche wird nun automatisch Klasse Kategorie hinzufügen, wenn Typ mit:. Kategorie
  • Suchen - Suche wird nun Ergebnisse Behälter erzeugen, wenn man nicht vor init
  • Suchen - Suche verwendet nun em für komprimiert die Größe ein, dass sie mit dem umgebenden Inhalt die Größe wird
  • Suchen - schnelle Suche hat jetzt Stile konzentrieren definiert, wenn nicht ui Eingabe mit
  • Segment -. Hinzugefügt Clearing-Segment für die Fälle, die eine clearfix benötigen
  • Sidebar - Verbesserte Animationsleistung durch Performance-Debugging. Sidebar jetzt Caches, Breite, Höhe, rtl Richtung auf Last.
  • Site - Fest gemischte Globals @defaultDuration und @transitionDuration Verwendung einer einzelnen Variablen in allen UI @defaultDuration, das gleiche gilt für @defaultEasing und @transitionEasing
  • verwenden
  • Site - Neu in pageOverflowX variabel, Standard-Theme versteckt horizontale Scrollbalken auf Körper
  • Site - Added Standardfokus Farben für alle Farbvarianten
  • Site - Alle Floating / angehoben Variationen nun von einem globalen @floatedShadow erben machen Thematisierung einfacher
  • Sticky - Sticky jetzt intern speichert aktuelle Bildlaufposition, wenn cantFit = true bekommen DOM-Eigenschaft auf Blättern zu vermeiden
  • .
  • Statistik - Added new gleichmäßig aufgeteilt Gruppe Variation, beispielsweise drei Statistiken zeigt 3 pro Zeile
  • Statistik - Statitic Gruppe verwenden jetzt flex. Styles wurden aktualisiert.
  • Steps - Hinzugefügt angebracht Schritte, die nun auf andere UI wie Segment angebracht werden kann
  • Tabs - Tab wird nun manuell korrigieren Seite Scroll-Position, wenn sie in einem versteckten Reiter zu einer in-Bild Sprung Verknüpfung
  • Tabs - Hinzugefügt neue Rückrufe onTabVisible und onRequest
  • Tabs - Added parseScripts Option, standardmäßig auf einmal Inline-Parsing-Skripte nur erste Last
  • Table - Fügt wählbare Tabelle Variante, die Auswirkungen auf die Reihe zeigt schweben, wenn schwebt
  • Table - Added vertikale Ausrichtung Variationen ui Tabelle
  • Table - Added Variation einzelne Zeile Tabelle, die Text aus Einwickeln
  • verhindert
  • Transition - Anpassen der Stil oder die Klasse während eines Übergangs, wird zurückgesetzt, nicht mehr die Änderung nach dem Übergang abgeschlossen
  • .
  • Transition -. Transition wird nicht mehr sichtbar zwingen / versteckt mit Inline-Styles, wenn onComplete Callback-Sets Sichtbarkeit
  • Sichtbarkeit / Sticky - Sichtbarkeit und klebrig jetzt automatisch nach Seiteninhalt Laden aktualisieren mit Änderungen in der Position von Bildern zu beschäftigen Laden
  • Sichtbarkeit / Sticky - Sichtbarkeit verwendet jetzt pub / sub Muster zu blättern Leistung erheblich verbessern, wenn mehrere Ereignisse Anbringen
  • Sichtbarkeit - der Sichtbarkeit des enthält eine neue Einstellung checkOnRefresh das anzeigt, ob die Sichtbarkeit Rückrufe bestimmt auf Resize auftreten sollten oder aktualisieren
  • Sichtbarkeit - Sichtbarkeit Bild wartet nun auf faulen Last Bilder, die über dem aktuellen Bildschirmposition sind, nicht nur unter
  • .

Was ist neu in Version 2.1.4:

  • Neue Benutzeroberfläche:
  • Container - Container werden feste Breite Behälter für die Aufnahme Seiteninhalt gemeint, und sind eine einfachere Alternative zu ui Seitenraster, weitere Beispiele in docs sehen
  • Multiselect - New mehrere Drop-Down-Typen wurden hinzugefügt. Viele neue Drop-Down-Verbesserungen wurden einschließlich Tagging / Tokenisieren Funktionen und Laden von Daten über die API-Anfragen hinzugefügt.
  • Embed - Neue einbetten Komponente ermöglicht ansprechende iframe bettet, die Einhaltung des Seitenverhältnisses. Einbetten können mit YouTube oder Vimeo Videos verwendet werden, zusammen mit Platzhalter Inhalt zu laden Bibliotheken von Drittanbietern zu vermeiden, bis ein Benutzer mit dem Video zu interagieren will.
  • Wichtige Erweiterungen:
  • Site - Es gibt neue Farben oliv, violett, braun und grau. Diese sind in allen Elementen mit Farbvariationen.
  • API - API kann nun mit verspottet Antworten und benutzerdefinierte AJAX-Anforderungen verwendet werden. mockResponse wurde hinzugefügt Anfrage mit einem vorgegebenen JSON-Objekt zu lösen, oder eine synchrone Callback-Funktion.
  • API mockResponseAsync wurde für benutzerdefinierte asynchrone Anforderungen hinzugefügt. Auf diese Weise können Sie eine benutzerdefinierte Asynchron-Rückruf zu geben Sie eine API-Anforderung zu lösen, mit Bibliotheken wie Ember mit Integration zu helfen oder Angular, die AJAX-Anforderungen wickeln kann.
  • API - API Rückrufe jetzt einen onResponse Rückruf haben, die eine Server-Antwort anpassen können, bevor sie von anderen Rückrufe für Erfolg oder Misserfolg Bedingungen analysiert wird,
  • .
  • API - API bietet jetzt einen lokalen Cache-Einstellung Server-Roundtrips für identische URLs mithilfe von Cache zu vermeiden: 'local'. Dies ist nicht standardmäßig aktiviert. Lokales Caching ist nützlich für die Ergebnisse, die die gleichen Werte in einer einzigen Sitzung, beispielsweise zurückgeben sollte, wenn eine Auto-Vervollständigen abfragen.
  • Card - Karten jetzt mehrere benutzerdefinierte Inhaltsblöcke unterstützen. Inhaltsblöcke und Bilder können nun in beliebiger Reihenfolge angezeigt werden.
  • Checkbox - Checkbox nicht mehr Javascript-Funktion benötigen
  • .
  • Checkbox -. Zusätzliche Unterstützung für unbestimmte Kontrollkästchen, zusammen mit neuen Stylings
  • Checkbox - Jetzt mit separaten Verhalten für das Auslösen Zustandsänderungen ohne Rückrufe zu überprüfenden vs geprüft
  • Aufruf
  • Dropdown -. Hinzugefügt Remote-API-Integration mit Drop-down-Suche Auswahl zur Abfrage mit einem Remote-Datensatzes zu ermöglichen
  • Dimmer - Dimmers haben jetzt eine Verwischung Variante, die eine glasartige Wirkung gelten, wenn gedimmt
  • Dropdown - Auswahllisten jetzt automatisch Änderungen in Menü beobachten und Selektor-Cache mit neuen Ergänzungen zu aktualisieren
  • Auswahlmenüs - Added Fähigkeit, individuelle Auswahl für alle Suche Auswahl-Dropdown-Listen (multi / single) mit AllowAdditions hinzuzufügen: true Einstellung. Suchen Sie jetzt zeigt Fehlermeldungen über keine Ergebnisse in allen Fällen.
  • Dropdown -. Tastenkombinationen für die Auswahl der Drop-down-Auswahl hinzugefügt wurden, zum Beispiel "N" scrollen zu "New York" in einem Zustand Auswahlliste, ähnlich wie nativebehavior
  • Dropdown -. Neue Dropdown-Variante hinzugefügt Drop-Down-Scrollen und Menü scrollen, das verwendet werden kann, einen rollbaren Abschnitt in einem Drop-Down-Menü zu schließen
  • Dropdown - Dropdown wird automatisch nach oben animieren, wenn es nicht genug Platz ist unten erscheinen
  • .
  • Dropdown - Mit Bild auf und ab-Tasten wird nun blättern Menüs von einer Seite zu einer Zeit
  • Form - Formulare verwenden jetzt Flexbox für Feldgruppen zu schaffen. Inline-Felder jetzt unterstützen (x) breit Dimensionierung mit flex
  • Grid - Grids verwenden jetzt Flexbox, Säulen sind jetzt alle gleich Höhe standardmäßig. New Flexbox Ausrichtung Typen wie Stretch für eine einfachere vertikale Ausrichtung hinzugefügt wurden.
  • Mehrere UI - Viele Komponenten verwenden jetzt Flexbox, die vorherige verwirrend Korrekturen wie font-size bedeutet: 0; white-space von Inline-Block zu entfernen, ist nicht mehr erforderlich. Das Entfernen dieser Hack, bedeutet nun, jedes Element kann ein direktes Kind des Gitters oder ein Menü sein.
  • Modal - neue Einstellungen hinzugefügt, Unschärfen und umgekehrt, die automatisch eine modale des Dimmers entweder invertiert oder Unschärfe gesetzt
  • .
  • Menü - Menü verwendet nun Flexbox. Auf diese Weise können Menüpunkte jeweils anderen Höhen zu entsprechen, unabhängig von jedem Artikel Inhaltsgröße. rechts Menüinhalt sollte nun andere Menüinhalt folgen, anstatt es zu vorhergehenden (nicht mehr verwendet float).
  • Grid - Grids sind jetzt Flexbox und gleicher Höhe kann standardmäßig die gleiche Höhenvariation sicher entfernt werden
  • Popup -. Popup neu geschrieben wurde drastisch die Leistung zu verbessern, vor allem, wenn mehrere Positionen zu testen
  • Transition - Fallback Javascript Animationen von UI-Komponenten wie Drop-Down-und Popup zu erhöhen Leistung entfernt. Dies beseitigt Notwendigkeit für teure Pseudo-Selektoren wie: sichtbar,: animiert und:. Versteckt und reduziert Dateigröße
  • Formular-Validierung - Formular-Validierung verwendet nun eine einzelne Einstellungen wie andere Module widersprechen. Mit Hilfe von (Felder, Einstellungen) wird weiterhin funktionieren aber eine deprecation Meldungen in der Konsole
  • produzieren
  • Formular-Validierung -. Formular-Validierung nun viele neue Validierungsregeln unterstützt, für mit mehreren ausgewählten Werte Verwendung einige speziell einschließlich
  • Item - Gegenstände verwendet jetzt Flexbox für Layout
  • .
  • Nachricht - Symbol Nachricht verwendet nun Flexbox für Layout
  • Menü - vertikale tabellarische Menü eine vertikale Tab-Menü, wurde hinzugefügt
  • Input - Alle Eingabetypen verwenden Flexbox für Layout
  • Segment - Segmente unterstützen nun komplexe Verschachtelung, viele neue Regeln dafür, wie Segmentgruppen innerhalb Gruppen erscheinen soll
  • Segment -. Neue horizontale Segmentgruppen Spalten Text auto Redimensionierung machen Auslegen viel einfacher
  • Sidebar - iOS wird nun korrekt scrollTop Werte für Dokument oder Körper berichten, wenn eine Sidebar mit. Chrome auf iOS nicht mehr hat Probleme mit festem Inhalt nicht sofort kleben, wenn eine Sidebar mit.
  • Formen - Formen jetzt passt richtig für Rand an den Seiten
  • Steps - Steps jetzt Flexbox, Flüssigkeit Schritte jetzt Mitte Inhalt in jedem Schritt
  • verwenden
  • Schritte - Schritte müssen nicht mehr Elementanzahl und wird automatisch teilen gleichmäßig
  • Transition - Transition Code wurde optimiert, die Leistung zu erhöhen. 100% ige Verbesserung bei der ersten Animation und 40% Verbesserung bei zukünftigen Animationen.
  • Sichtbarkeit - Mit .visibility ({type: 'fixed'}) wird nun automatisch ein Platzhalter-Element hinzufügen, die Orte mit einem Element tauschen, wenn es um das Bildfenster angebracht ist. Dies sollte Fixed Content drastisch vereinfachen.
  • Sichtbarkeit - Sichtbarkeit und klebrig jetzt eine leistungsfähigere pub / sub Muster verwenden, die nur ein einzelnes Ereignis zu Kontext blättern anhängen wird
  • .
  • Sichtbarkeit - zwei neue Sichtbarkeit Rückrufe onOnScreen und onOffScreen, die auftreten, am offensichtlichsten, wenn ein Element zum ersten Mal in das oder aus dem Browser eines Ansichtsfenster erscheint
  • .
  • Erweiterungen:
  • Site -. Hinzugefügt viele neue Standortvariablen, einschließlich der Fähigkeit, Eingangsgröße in allen UI inputPadding zu steuern, zusammen mit mehr Grenzfarben Akzente und Farben
  • Akkordeon - fügt OnOpening und OnClosing Rückruf (vor Animation) mit onOpen, onClose (nach Animation)
  • gehen
  • Akkordeon -. Hinzugefügt am Einstellung zur Angabe Akkordeon Triggerereignis
  • Aktivitätsfeed - Aktivitätsfeed wurde neu geschrieben Flexbox verwenden
  • API - API hat nun neue Einstellungen throttleFirstRequest und interruptRequests. Unterbrechungsanforderungen wird eine vorherige Anforderung auf ein Element abbrechen, wenn eine neue Anfrage zu machen. throttleFirstRequest, legt fest, ob die erste Anforderung oder nur nachfolgende Anfragen gedrosselt, wenn ein Drossel Dauer angegeben werden sollte.
  • Werkzeuge bauen - Build-Tools jetzt Fehler vorgegebenem wird angezeigt, wenn ein Thema, eine Datei fehlt oder ein Element gibt eine nicht verfügbare Thema
  • .
  • Build Tools - Anpassen site.variables werden nun alle UI wieder aufzubauen, anstatt nur site.less
  • Button - Hinzugefügt: Fokus Stile für alle Tastentypen, alle Schaltfläche Beispiele in docs sind jetzt Tastatur fokussierbarem entweder oder tabindex gegebenenfalls
  • .
  • der Karte - Karte enthält nun eine zentrierte Variation
  • Checkbox -. Checkbox wird nun anmutig richtige Verhalten auf das Kind Eingabeelement aufgerufen anstelle des ui Checkbox
  • Checkbox - Reduzierte kb Größe Symbol Schrift
  • Divider - vertikale Teiler innerhalb ui Gitter macht nun Spalte padding
  • Dropdown - Nested Scrollen Menüs nun Tastaturauswahl unterstützen, z.B. "A" für Apfel drücken und Tastatur Scrollen.
  • Dropdown - Auswahlmenüs jetzt Spiel Einstellung müssen angeben, ob auf den Text, den Wert oder beide
  • übereinstimmen
  • Dropdown - Multi wählen Sie Dropdown-Listen haben nun neue Einstellungen für die Angabe maximale Auswahlzähler
  • Dropdown - Dropdown hat neue Platzhalter Einstellung für Platzhalter-Text in JavaScript-Einstellung
  • Dropdown - Added showOnFocus Option, die Sie, ob Dropdown-Menü auf Fokus sollte zeigen
  • angeben können
  • Dropdown - Volltextsuche: true verwendet nun Fuzzy-Suche (wie ui Suche)
  • Dropdown - Seite nach unten und der Seite funktioniert nun mit Drop-Down-Menüs
  • Dropdown - Dropdown mit behinderten Stütze auf eine Option initialisiert wird nun korrekt deaktiviert erscheinen
  • Dropdown - Added deaktivierte Element Zustand, werden deaktivierte Elemente automatisch mit Tastaturauswahl übersprungen werden
  • Form - eine Vielzahl neuer Arten für Formularfelder hinzugefügt automatisch vervollständigt von Ihrem Browser, einschließlich automatisch vervollständigt Fehler, und konzentrieren sich Staaten
  • Form - Added Platzhalter Farbregeln für IE, ms-input-Platzhalter
  • Form - Fix errored Feld Drop-Down-Tastatur Auswahlfarbe
  • Form - Fügt Form Erfolg Zustand
  • Formular-Validierung - Added gilt Verhalten, gibt wahr / falsch, wenn Formular gültig ist
  • Formular-Validierung - verschiedene [field] Regel hinzugefügt, die ein Feld als ein anderes Feld, anders zu sein erfordert
  • Formular-Validierung - Datenvalidierung erfolgt nun Vorrang vor anderen Validierungs passende Programme wie Namen oder die ID
  • Formular-Validierung - Neue Regeln für die Entsprechung gegen benutzerdefinierte reguläre Ausdrücke
  • Formular-Validierung - Form Validierung jetzt hat minCount, maxCount und exactCount für eine Mehrfachauswahl Validierung
  • Grid - lige Gitter entfernt nun interne Zellen auf mobilen und Tablet, wenn sie mit Verdoppelung Gitter reaktions Variation verwendet
  • .
  • Grid -. Hinzugefügt großen Bildschirm nur mit großem Bildschirm und nur ansprechende Variationen für Raster
  • Grid - gleiche Breite Gitter funktioniert nun ohne Zeilen Wrapper
  • Grid - Zeilen können nun auch als Mitte ausgerichtet sind, unten ausgerichtet und oben ausgerichtet gestreckt werden
  • Grid - Feste Margen auf intern Zellen Gitter
  • Grid - lige und intern Zellen Gitter verwenden jetzt Flexbox anstelle von display: table;
  • Headers - neue Header-Typ sub-Header hinzugefügt, nützlich für kleine Header neben Text-Inhalt angezeigt wird. Siehe Beispiele in den Header-docs
  • Bild - Bilder nun auch eine Variation im Abstand zum Hinzufügen von Leerzeichen um Bilder, wenn Inline mit Text verwendet
  • .
  • Input - Added Platzhalter Farbregeln für IE, ms-input-Platzhalter
  • Input - Aktion Eingang unterstützt nun mehrere Schaltflächen und Dropdown
  • Etikett - Labels haben jetzt aktiv und aktiv Schwebezustände
  • Etikett - Etiketten setzt jetzt ein img Höhe, auch wenn kein Bild Label
  • mit
  • Liste - Jeder Inhalt innerhalb einer ui Liste kann nun vertikal ausgerichtet werden
  • Menü - Hinzufügen Beispiele / Dokumentation für festes Menü
  • Menü - Added stapelbar Menü Variante für einfache ansprechende Menüs
  • Menü - Added viele neue Variablen Menü
  • Menü -. Feste mehrere Erbschaftsangelegenheiten für Innen-Menü Dropdown-Element als Menüpunkt erscheint
  • Menü - Horizontale Menüs nun ein Standardbildgröße für Bilder / Logos eingestellt
  • Menü - Menüs Artikel sind nun etwas mehr gepolstert
  • Menü - Der Hover / aktiven Zustand des Drop-Down-Artikel wurden angepasst Artikel entsprechen. Dropdown Stile speziell innerhalb Menü Themen werden können.
  • Menü - Vertical Drop-Down-Menüs sind nicht mehr zu 100% min-width
  • Modal - Modal verwendet nun ein bereinigtes Skala im Übergang in das Standard-Theme, das subtiler sein sollte und besser arbeiten mit langen Modalgehalt
  • .
  • Modal - Modal onApprove und onDeny erhalten nun das Betätigungselement als ersten Parameter. Hinzugefügt Dokumentation über falsche Verwendung von Rückführelement zu vermeiden versteckt auf Klick.
  • Modal - Modal Inhalt verwendet nun Flex, Bildinhalt erfordert jetzt Bild-Content-Klasse auf die Eltern für flex Stylings zu erlauben
  • .
  • Popup - Popup definiert nun eine Transformations-Herkunft so Animationen durch die Richtung beeinflusst das Element platziert ist
  • Popup - onShow und OnHide Rückruf kann jetzt abbrechen Popup von Anzeigen oder Ausblenden von der Rückkehr false
  • Popup - Added mehr Größenvariationen für Popup-mini, klein
  • Fortschritt - Hinweisschilder sind jetzt besser lesbar Verwendung separaten CSS-Variablen von der Angabe der Balkenfarbe
  • Reveal - neuen aktiven Zustand hinzugefügt, die Sie programmatisch zu zeigen, ermöglicht offenbaren
  • Suchen - ( '. Suche). Cache kann nun gelöscht werden $ mit Suche ( "Cache löschen')
  • Segment - Added gepolstert und sehr Polstersegment Variationen
  • Suchen - Suchen betreibt nun eine eindeutige ID, die durch Ergebnis Position aus zu den Ergebnissen abzurufen. Zum Beispiel Kategorie erstes Ergebnis # 1 ist "A1". Zuvor Ergebnis Titel als "id" verwendet wurden, die Probleme mit doppelten Titel führen oder Ergebnisse, die keinen Titel enthalten.
  • Suchen - Suche wird nun automatisch Klasse Kategorie hinzufügen, wenn Typ mit:. Kategorie
  • Suchen - Suche wird nun Ergebnisse Behälter erzeugen, wenn man nicht vor init
  • Suchen - Suche verwendet nun em für komprimiert die Größe ein, dass sie mit dem umgebenden Inhalt die Größe wird
  • Suchen - schnelle Suche hat jetzt Stile konzentrieren definiert, wenn nicht ui Eingabe mit
  • Segment -. Hinzugefügt Clearing-Segment für die Fälle, die eine clearfix benötigen
  • Sidebar - Verbesserte Animationsleistung durch Performance-Debugging. Sidebar jetzt Caches, Breite, Höhe, rtl Richtung auf Last.
  • Site - Fest gemischte Globals @defaultDuration und @transitionDuration Verwendung einer einzelnen Variablen in allen UI @defaultDuration, das gleiche gilt für @defaultEasing und @transitionEasing
  • verwenden
  • Site - Neu in pageOverflowX variabel, Standard-Theme versteckt horizontale Scrollbalken auf Körper
  • Site - Added Standardfokus Farben für alle Farbvarianten
  • Site - Alle Floating / angehoben Variationen nun von einem globalen @floatedShadow erben machen Thematisierung einfacher
  • Sticky - Sticky jetzt intern speichert aktuelle Bildlaufposition, wenn cantFit = true bekommen DOM-Eigenschaft auf Blättern zu vermeiden
  • .
  • Statistik - Added new gleichmäßig aufgeteilt Gruppe Variation, beispielsweise drei Statistiken zeigt 3 pro Zeile
  • Statistik - Statitic Gruppe verwenden jetzt flex. Styles wurden aktualisiert.
  • Steps - Hinzugefügt angebracht Schritte, die nun auf andere UI wie Segment angebracht werden kann





















































































Was ist neu in Version 1.3.2:









  • Fixes:





Einschränkungen :


Ähnliche Software

Sanitize.css
Sanitize.css

13 Apr 15

Su
Su

12 Apr 15

Barebones
Barebones

13 Apr 15

Resetize.css
Resetize.css

13 Apr 15

Kommentare zu Semantic UI

Kommentare nicht gefunden
Kommentar hinzufügen
Schalten Sie auf die Bilder!