Semantic UI

Semantic UI non seulement axé sur la fourniture d'une multitude de widgets interface utilisateur, mais se concentre également sur la façon dont ces composants sont écrits, permettant à quiconque de savoir ce que le code fait juste en le regardant.

En faisant cela, UIs sémantique puissance ne sont pas seulement facile à écrire, mais facile modifier à des points plus tard.

UI sémantique est livré avec beaucoup de composants prêts à hors de la boîte et est disponible en CSS et MOINS.

Ce qui est nouveau dans cette version:

• Nouvelle interface utilisateur:
• Container - Les conteneurs sont fixés les conteneurs de largeur destinés à maintenir le contenu des pages, et sont une alternative plus simple à la page ui grille, voir plus d'exemples dans docs
• Multiselect - De nouveaux types déroulantes multiples ont été ajoutés. Beaucoup de nouvelles améliorations déroulantes ont été ajoutées, y compris des fonctionnalités de marquage / tokenizing et le chargement des données par le biais de requêtes API.
• Intégrer - Nouveau composant embed permet embeds iframe sensibles qui maintiennent leur rapport d'aspect. Intégrer peut être utilisé avec YouTube ou Vimeo, ainsi que le contenu de l'espace réservé pour éviter le chargement des bibliothèques de tiers jusqu'à ce qu'un utilisateur choisit d'interagir avec la vidéo.
• Améliorations majeures:
• Site - nouvelles couleurs Added olive, violet, marron et gris. Ceux-ci sont disponibles dans tous les éléments avec des variations de couleurs.
• API - API peut maintenant être utilisé avec des réponses moqués et personnalisées requêtes AJAX. mockResponse a été ajouté pour résoudre la demande avec un objet JSON prédéfini, ou une fonction de rappel synchrone.
• API mockResponseAsync a été ajoutée pour les requêtes asynchrones personnalisé. Cela vous permet de spécifier un rappel asynchrone personnalisé pour résoudre une demande d'API, d'aider à l'intégration avec les bibliothèques comme Ember ou angulaire qui peut envelopper des requêtes AJAX.
• API - callbacks API ont maintenant un rappel de onResponse qui peut ajuster une réponse des serveurs avant d'être analysé par d'autres callbacks pour le succès ou l'échec des conditions
.
• API - API fournit désormais un cadre de mise en cache locale pour éviter les allers-retours de serveur pour urls identiques en utilisant le cache: «local». Ce n'est pas activé par défaut. la mise en cache locale est utile pour obtenir des résultats qui devraient retourner les mêmes valeurs dans une seule session, par exemple lors de l'interrogation d'un autocomplete.
• Carte - Cartes supportent maintenant plusieurs blocs de contenu personnalisé. blocs de contenu et les images peuvent maintenant apparaître dans un ordre quelconque.
• Checkbox - Checkbox ne nécessitent plus le javascript pour la fonction
.
• Checkbox -. Ajout du support pour une période indéterminée cases, ainsi que de nouveaux stylings
• Checkbox - comprend maintenant des comportements distincts pour déclencher des changements d'état sans invoquer callbacks set vérifié vs vérifié
• Dropdown -. Ajouté l'intégration de l'API à distance avec la liste déroulante, pour permettre la sélection de recherche d'interroger sur un ensemble de données à distance
• Dimmer - gradateurs ont maintenant une variation de flou qui applique un effet de verre comme quand estompés
• déroulantes - Dropdowns maintenant observer automatiquement les modifications dans le menu et mettra à jour le cache de sélection avec de nouveaux ajouts
• Dropdowns - Ajout de la possibilité d'ajouter des choix personnalisés pour toutes les listes déroulantes de sélection de recherche (multi / simple) en utilisant AllowAdditions: réglage vrai. Recherche affiche désormais des messages d'erreur sur aucun résultat dans tous les cas.
• Dropdown -. Les raccourcis clavier ont été ajoutés pour la sélection des choix déroulantes, par exemple "N" défile à "New York" dans une liste de sélection d'état, semblable à nativebehavior
• Dropdown -. Ajout d'une nouvelle variation déroulant défilement déroulante et menu déroulant, cela peut être utilisé pour inclure une section de défilement dans un menu déroulant
• Dropdown - Dropdown automatiquement animer vers le haut s'il n'y a pas assez d'espace pour apparaître ci-dessous
.
• Dropdown - clés Utilisation page précédente et Page vont maintenant faire défiler les menus par une page à la fois
• Formulaire - Formulaires utilisent maintenant FlexBox pour créer des groupes sur le terrain. champs Inline supportent maintenant (x) de large dimensionnement utilisant flex
• Grille - Grids utilisent maintenant FlexBox, les colonnes sont maintenant tous la même hauteur par défaut. De nouveaux types d'alignement de FlexBox comme tronçon ont été ajoutés pour l'alignement vertical facile.
• Multiple UI - De nombreux composants utilisent maintenant FlexBox, ce qui signifie que des correctifs confus précédents comme font-size: 0; pour enlever l'espace blanc du bloc en ligne est plus nécessaire. La suppression de ce hack, signifie maintenant tout élément peut être un enfant direct de la grille ou du menu.
• Modal - Ajout de nouveaux paramètres de flou et inversé qui définit automatiquement le gradateur soit inversé ou le flou
un modal.
• Menu - Menu utilise maintenant FlexBox. Cela permet à des éléments de menu pour correspondre à chaque autres hauteurs indépendamment de chacun des éléments de taille du contenu. contenu de menu de droite doit maintenant suivre un autre contenu de menu au lieu de le précédant (utilise plus float).
• Grille - Grids sont maintenant FlexBox et égale hauteur par défaut, la variation de hauteur égale peut sans risque être enlevé
• Popup -. Popup a été réécrit pour améliorer considérablement les performances, en particulier lors du test de plusieurs positions
• Transition - Fallback animations javascript ont été retirés de composants d'interface utilisateur comme la liste déroulante et contextuelle pour augmenter les performances. Cela supprime le besoin pour les sélecteurs de pseudo coûteux comme: visible,: animé et:. Cachés et réduit la taille du fichier
• Formulaire de validation - Validation des formulaires utilise maintenant un seul des paramètres objet comme les autres modules. Utilisation (champs, paramètres) continuera à fonctionner, mais va produire une notification de désapprobation dans la console
• Formulaire de validation -. La validation des formulaires prend désormais en charge de nombreuses nouvelles règles de validation, dont certains spécifiquement pour une utilisation avec des valeurs multiples sélectionnez
• Article - Articles utilise maintenant FlexBox pour la mise en page
.
• Message - icone message utilise maintenant FlexBox pour la mise en page
• Menu - menu tableau vertical, un menu à onglets vertical, a été ajouté
• Input - Tous les types d'entrée utilisent FlexBox pour la mise en page
• Segment - Segments supportent désormais l'imbrication complexe, beaucoup de nouvelles règles sur la façon dont les groupes de segments devraient apparaître à l'intérieur des groupes
• Segment -. Nouveaux groupes de segments horizontaux rendent la pose sur le redimensionnement automatique des colonnes de texte beaucoup plus facile
• Sidebar - iOS va maintenant rapporter correctement les valeurs scrollTop pour le document ou le corps lors de l'utilisation d'une barre latérale. Chrome sur iOS n'a plus des problèmes avec un contenu fixe ne collent pas immédiatement lors de l'utilisation d'une barre latérale.
• Formes - Formes maintenant ajuste correctement pour la marge sur les côtés
• Les étapes - Étapes utilisent maintenant FlexBox, étapes fluide contenu maintenant centre intérieur de chaque étape
• Les étapes - Étapes ne doivent plus compter et article seront automatiquement diviser uniformément
• Transition - le code de transition a été optimisé pour augmenter les performances. amélioration de 100% sur la première animation, et 40% d'amélioration sur les animations suivantes.
• Visibilité - Utilisation de .visibility ({type: 'fixe'}) sera maintenant ajouter automatiquement un élément d'espace réservé qui changer de place avec un élément lorsqu'il est attaché à la fenêtre. Cela devrait rendre le contenu fixe considérablement plus simple.
• Visibilité - Visibilité et collant maintenant utiliser un pub / sous-motif plus performant qui ne fera que fixer un événement unique au contexte scroll
.
• Visibilité - Ajout de deux nouveaux callbacks de visibilité onOnScreen et onOffScreen, qui se produisent, le plus évident lorsqu'un élément apparaît d'abord dans ou hors de la fenêtre d'un navigateur
.
• Améliorations:
• Site -. Ajouté de nombreuses nouvelles variables du site, y compris la capacité de contrôler la taille de l'entrée dans l'ensemble UI inputPadding, avec plus de couleurs à la frontière, les accents et couleurs
• Accordéon - ajoute onOpening et OnClosing callback (avant l'animation) pour aller avec onOpen, onClose (après l'animation)
• Accordéon -. Ajouté le réglage pour spécifier l'événement accordéon de déclenchement
• Flux d'activité - alimentation en activité a été réécrit pour utiliser FlexBox
• API - API a maintenant de nouveaux paramètres throttleFirstRequest et interruptRequests. Les requêtes d'interruption seront avorter une demande précédente sur un élément en faisant une nouvelle demande. throttleFirstRequest, définit si la première demande ou seulement les demandes ultérieures devraient être étranglés lorsqu'une durée d'accélérateur est spécifié.
• Build Tools - Construire des outils vont maintenant afficher les erreurs pré-spécifiée lorsqu'un fichier thème est manquant ou un élément spécifie un thème indisponible
.
• Créer Outils - site.variables Ajustement va maintenant reconstruire toute l'interface utilisateur, au lieu de simplement site.less
• Bouton - Ajout: styles de discussion pour tous les types de boutons, tous les exemples de boutons dans docs sont maintenant focusable du clavier en utilisant soit ou tabindex le cas échéant
.
• Carte - carte inclut désormais une variation centrée
• Checkbox -. Checkbox va maintenant comportements grâce corrects invoqués sur l'élément au lieu de la case ui entrée enfant
• Checkbox - Taille réduite kb de l'icône police
• Diviseur - diviseur vertical à l'intérieur de la grille ui représente maintenant la colonne padding
• déroulantes - imbriqué menus déroulants prennent désormais en charge la sélection du clavier, par exemple en appuyant sur "A" pour la pomme, et le défilement du clavier.
• Dropdown - Dropdowns ont maintenant paramètre de correspondance pour indiquer si le texte correspond, la valeur ou à la fois
• Dropdown - dropdowns multi sélectionnez ont maintenant de nouveaux paramètres pour spécifier la sélection maximale count
• Dropdown - Dropdown a un nouveau paramètre fictif de réglage pour régler le texte d'espace réservé dans javascript
• Dropdown - Ajout d'une option showOnFocus qui vous permet de spécifier si le menu déroulant devrait afficher sur la mise au point
• Dropdown - fulltextsearch: true utilise maintenant la recherche floue (le même que la recherche ui)
• Dropdown - Page vers le bas et la page maintenant travaille avec des menus déroulants
• Dropdown - Dropdown initialisée avec prop désactivé sur une option désormais correctement apparaît désactivé
• Dropdown - Ajout état élément désactivé, les éléments désactivés seront automatiquement sautées avec la sélection du clavier
• Formulaire - Ajout d'une foule de nouveaux styles pour les champs de formulaire autocompleted par votre navigateur, y compris l'erreur autocompleted, et de se concentrer états
• Formulaire - Ajout de règles de couleur de l'espace réservé pour IE, ms-entrée-espace réservé
• Formulaire - Correction champ erroné couleur de sélection du clavier déroulant
• Formulaire - Ajoute l'état sous forme de succès
• Formulaire de validation - Ajout de comportement est valide, renvoie true / false si le formulaire est valide
• Formulaire de validation - Ajout différent [champ] règle qui exige un champ pour être différent un autre champ
• Formulaire de validation - données-validate prend maintenant préséance sur les autres systèmes de validation correspondants comme le nom ou l'identifiant
• Formulaire de validation - Nouvelles règles pour les correspondances avec des expressions régulières personnalisées
• Formulaire de validation - validation de formulaire a maintenant minCount, maxCount et exactCount pour valider les sélections multiples
• Grille - unicellulaire grille supprime maintenant les cellules internes sur mobile et tablette lorsqu'il est utilisé avec un doublement grille variation sensible
.
• Grid -. Grand écran Ajouté uniquement et écran large variations que réactifs pour la grille
• Grille - grilles de largeur égales fonctionne désormais sans emballage de ligne
• Grille - lignes peuvent maintenant être étirés ainsi que du milieu alignés, en bas et en haut aligné alignés
• Grille - Les marges fixes sur la grille nulé interne
• Grille - unicellulaire et la grille interne à alvéoles utilisent maintenant FlexBox au lieu de display: table;
• En-têtes - Ajout d'une nouvelle tête de sous type d'en-tête, utile pour afficher de petites têtes à côté du contenu du texte. Voir les exemples dans l'en-tête docs
• image - Images comprennent maintenant une variation espacées pour ajouter des espaces autour des images quand il est utilisé en ligne avec le texte
.
• Entrée - Ajout des règles de couleur de l'espace réservé pour IE, ms-entrée-espace réservé
• Entrée - Action entrée prend désormais en charge plusieurs boutons, et déroulant
• Label - Les étiquettes ont maintenant les états de vol stationnaire active et active
• Label - Label établit maintenant une hauteur de img même lorsqu'ils ne sont pas en utilisant une étiquette d'image
• Liste - Tout contenu à l'intérieur d'une liste de ui peut maintenant être aligné verticalement
• Menu - Ajouter exemples / documentation pour le menu fixe
• Menu - Ajout empilable variation de menu pour les menus sensibles simples
• Menu - Ajout de nombreuses nouvelles variables au menu
• Menu -. Plusieurs questions d'héritage fixes pour l'article déroulant menu à l'intérieur apparaissant comme élément de menu
• Menu - Horizontal menus réglés maintenant une taille d'image par défaut pour les images / logos
• Menu - Menus articles sont maintenant un peu plus rembourrée
• Menu - L'état stationnaire / actif de liste déroulante article ont été ajustées pour correspondre à l'élément. styles déroulantes peuvent être à thème spécifiquement menu à l'intérieur.
• Menu - menus déroulants verticaux ne sont plus 100% min-width
• Modal - Modal utilise maintenant une échelle ajustée en transition dans le thème par défaut, qui devrait être plus subtile et mieux travailler avec de longs contenu modal
.
• Modal - Modal onApprove et onDeny reçoivent maintenant l'élément d'activation comme premier paramètre. Ajout documentation sur l'utilisation de return false pour éviter le masquage d'éléments sur un clic.
• Modal - contenu Modal utilise maintenant flex, le contenu de l'image exige maintenant la classe de contenu d'image sur parent pour permettre stylings flex
.
• Popup - Popup définit maintenant une origine transformer de manière animations seront affectées par la direction de l'élément est placé
• Popup - callback onShow et OnHide peut maintenant annuler le popup de montrer ou de cacher en retournant false
• Popup - Ajout plus de variations de taille pour le popup mini minuscule
• Progrès - indiquant les étiquettes sont maintenant une utilisation plus lisibles les variables css séparées d'indiquer la couleur de la barre
• Reveal - Ajout d'un nouveau état actif qui vous permet de montrer révéler programatically
• Recherche - ( '. Search'). Cache peut maintenant être effacé à l'aide $ search ( 'clear cache')
• Segment - Ajout rembourrée et variations de segments très rembourrées
• Recherche - Recherche opère maintenant hors d'un identifiant unique généré par la suite la position pour obtenir des résultats. Pour le premier résultat de la catégorie exemple n ° 1 est «A1». Auparavant résultat titres ont été utilisés comme "id", ce qui pourrait provoquer des problèmes avec les titres en double, ou des résultats qui ne contiennent pas un titre.
• Recherche - Recherche va maintenant ajouter automatiquement la catégorie de classe lors de l'utilisation de type:. Catégorie
• Recherche - Recherche va maintenant générer des résultats contenant si on est pas présent sur init
• Recherche - Recherche utilise maintenant em pour redimensionnements, en vous assurant qu'il va redimensionner avec le contenu environnant
• Recherche - Recherche rapide a maintenant concentrer les styles définis sinon en utilisant l'entrée ui
• Segment -. Ajouté segment de compensation pour les cas qui ont besoin d'un clearfix
• Sidebar - performances d'animation améliorée par le débogage de la performance. Sidebar met en cache maintenant, la largeur, la hauteur, la direction de rtl sur la charge.
• Site - Correction globals @defaultDuration mixte et de l'utilisation de @transitionDuration à utiliser une seule variable dans l'ensemble UI @defaultDuration, le même pour @defaultEasing et @transitionEasing
• Site - Ajout dans la variable pageOverflowX, thème par défaut cache scrollbars horizontales sur le corps
• Site - Ajout des couleurs de mise au point par défaut pour toutes les variations de couleur
• Site - Tous flottant / levé variations héritent désormais d'une @floatedShadow mondiale rendant thématisation plus facile
• Post-it - it maintenant en cache en interne la position actuelle du défilement lorsque cantFit = true pour éviter d'avoir la propriété DOM on scroll
.
• La statistique - Ajout d'une nouvelle variation de groupe également divisés, par exemple trois statistiques montre 3 par ligne
• La statistique - groupe utilisent maintenant les types de statistiques flex. Styles ont été mis à jour.
• Étapes - étapes jointes Added, qui peuvent maintenant être attachés à d'autres UI comme le segment
• Tabs - Tab sera la page maintenant correct manuellement la position de défilement lors de la liaison à une ancre en page dans un onglet caché
• Onglets - Ajout de nouveaux callbacks onTabVisible et onRequest
• Tabs - Ajout de l'option parseScripts, par défaut à l'analyse une fois scripts en ligne seulement première charge
• Table - Ajoute tableau sélectionnable variation, ce qui montre planer effet sur la ligne lors du survol
• Tableau - Ajout alignement vertical des variations à la table ui
• Tableau - Ajout ligne table unique variation qui empêche le texte de l'emballage
• Transition - Réglage de style ou de classe lors d'une transition, ne réinitialise plus le changement après la transition complète
.
• Transition -. Transition ne sera plus forcer visible / cachée avec des styles en ligne si onComplete ensembles de rappel visibilité
• Visibilité / Post-it - Visibilité et collant maintenant rafraîchir automatiquement après le contenu de chargement de la page pour faire face à des changements dans la position de chargement des images
• Visibilité / Post - Visibilité utilise maintenant modèle pub / sub pour améliorer considérablement les performances de défilement lors de la fixation de multiples événements
• Visibilité - Visibilité comprend un nouveau paramètre checkOnRefresh qui détermine si les callbacks de visibilité doivent se produire sur le redimensionnement ou rafraîchir
• Visibilité - image de visibilité va maintenant attendre pour charger des images paresseux qui sont au-dessus de la position actuelle de l'écran, pas juste au-dessous
.

Ce qui est nouveau dans la version 2.1.4:

• Nouvelle interface utilisateur:
• Container - Les conteneurs sont fixés les conteneurs de largeur destinés à maintenir le contenu des pages, et sont une alternative plus simple à la page ui grille, voir plus d'exemples dans docs
• Multiselect - De nouveaux types déroulantes multiples ont été ajoutés. Beaucoup de nouvelles améliorations déroulantes ont été ajoutées, y compris des fonctionnalités de marquage / tokenizing et le chargement des données par le biais de requêtes API.
• Intégrer - Nouveau composant embed permet embeds iframe sensibles qui maintiennent leur rapport d'aspect. Intégrer peut être utilisé avec YouTube ou Vimeo, ainsi que le contenu de l'espace réservé pour éviter le chargement des bibliothèques de tiers jusqu'à ce qu'un utilisateur choisit d'interagir avec la vidéo.
• Améliorations majeures:
• Site - nouvelles couleurs Added olive, violet, marron et gris. Ceux-ci sont disponibles dans tous les éléments avec des variations de couleurs.
• API - API peut maintenant être utilisé avec des réponses moqués et personnalisées requêtes AJAX. mockResponse a été ajouté pour résoudre la demande avec un objet JSON prédéfini, ou une fonction de rappel synchrone.
• API mockResponseAsync a été ajoutée pour les requêtes asynchrones personnalisé. Cela vous permet de spécifier un rappel asynchrone personnalisé pour résoudre une demande d'API, d'aider à l'intégration avec les bibliothèques comme Ember ou angulaire qui peut envelopper des requêtes AJAX.
• API - callbacks API ont maintenant un rappel de onResponse qui peut ajuster une réponse des serveurs avant d'être analysé par d'autres callbacks pour le succès ou l'échec des conditions
.
• API - API fournit désormais un cadre de mise en cache locale pour éviter les allers-retours de serveur pour urls identiques en utilisant le cache: «local». Ce n'est pas activé par défaut. la mise en cache locale est utile pour obtenir des résultats qui devraient retourner les mêmes valeurs dans une seule session, par exemple lors de l'interrogation d'un autocomplete.
• Carte - Cartes supportent maintenant plusieurs blocs de contenu personnalisé. blocs de contenu et les images peuvent maintenant apparaître dans un ordre quelconque.
• Checkbox - Checkbox ne nécessitent plus le javascript pour la fonction
.
• Checkbox -. Ajout du support pour une période indéterminée cases, ainsi que de nouveaux stylings
• Checkbox - comprend maintenant des comportements distincts pour déclencher des changements d'état sans invoquer callbacks set vérifié vs vérifié
• Dropdown -. Ajouté l'intégration de l'API à distance avec la liste déroulante, pour permettre la sélection de recherche d'interroger sur un ensemble de données à distance
• Dimmer - gradateurs ont maintenant une variation de flou qui applique un effet de verre comme quand estompés
• déroulantes - Dropdowns maintenant observer automatiquement les modifications dans le menu et mettra à jour le cache de sélection avec de nouveaux ajouts
• Dropdowns - Ajout de la possibilité d'ajouter des choix personnalisés pour toutes les listes déroulantes de sélection de recherche (multi / simple) en utilisant AllowAdditions: réglage vrai. Recherche affiche désormais des messages d'erreur sur aucun résultat dans tous les cas.
• Dropdown -. Les raccourcis clavier ont été ajoutés pour la sélection des choix déroulantes, par exemple "N" défile à "New York" dans une liste de sélection d'état, semblable à nativebehavior
• Dropdown -. Ajout d'une nouvelle variation déroulant défilement déroulante et menu déroulant, cela peut être utilisé pour inclure une section de défilement dans un menu déroulant
• Dropdown - Dropdown automatiquement animer vers le haut s'il n'y a pas assez d'espace pour apparaître ci-dessous
.
• Dropdown - clés Utilisation page précédente et Page vont maintenant faire défiler les menus par une page à la fois
• Formulaire - Formulaires utilisent maintenant FlexBox pour créer des groupes sur le terrain. champs Inline supportent maintenant (x) de large dimensionnement utilisant flex
• Grille - Grids utilisent maintenant FlexBox, les colonnes sont maintenant tous la même hauteur par défaut. De nouveaux types d'alignement de FlexBox comme tronçon ont été ajoutés pour l'alignement vertical facile.
• Multiple UI - De nombreux composants utilisent maintenant FlexBox, ce qui signifie que des correctifs confus précédents comme font-size: 0; pour enlever l'espace blanc du bloc en ligne est plus nécessaire. La suppression de ce hack, signifie maintenant tout élément peut être un enfant direct de la grille ou du menu.
• Modal - Ajout de nouveaux paramètres de flou et inversé qui définit automatiquement le gradateur soit inversé ou le flou
un modal.
• Menu - Menu utilise maintenant FlexBox. Cela permet à des éléments de menu pour correspondre à chaque autres hauteurs indépendamment de chacun des éléments de taille du contenu. contenu de menu de droite doit maintenant suivre un autre contenu de menu au lieu de le précédant (utilise plus float).
• Grille - Grids sont maintenant FlexBox et égale hauteur par défaut, la variation de hauteur égale peut sans risque être enlevé
• Popup -. Popup a été réécrit pour améliorer considérablement les performances, en particulier lors du test de plusieurs positions
• Transition - Fallback animations javascript ont été retirés de composants d'interface utilisateur comme la liste déroulante et contextuelle pour augmenter les performances. Cela supprime le besoin pour les sélecteurs de pseudo coûteux comme: visible,: animé et:. Cachés et réduit la taille du fichier
• Formulaire de validation - Validation des formulaires utilise maintenant un seul des paramètres objet comme les autres modules. Utilisation (champs, paramètres) continuera à fonctionner, mais va produire une notification de désapprobation dans la console
• Formulaire de validation -. La validation des formulaires prend désormais en charge de nombreuses nouvelles règles de validation, dont certains spécifiquement pour une utilisation avec des valeurs multiples sélectionnez
• Article - Articles utilise maintenant FlexBox pour la mise en page
.
• Message - icone message utilise maintenant FlexBox pour la mise en page
• Menu - menu tableau vertical, un menu à onglets vertical, a été ajouté
• Input - Tous les types d'entrée utilisent FlexBox pour la mise en page
• Segment - Segments supportent désormais l'imbrication complexe, beaucoup de nouvelles règles sur la façon dont les groupes de segments devraient apparaître à l'intérieur des groupes
• Segment -. Nouveaux groupes de segments horizontaux rendent la pose sur le redimensionnement automatique des colonnes de texte beaucoup plus facile
• Sidebar - iOS va maintenant rapporter correctement les valeurs scrollTop pour le document ou le corps lors de l'utilisation d'une barre latérale. Chrome sur iOS n'a plus des problèmes avec un contenu fixe ne collent pas immédiatement lors de l'utilisation d'une barre latérale.
• Formes - Formes maintenant ajuste correctement pour la marge sur les côtés
• Les étapes - Étapes utilisent maintenant FlexBox, étapes fluide contenu maintenant centre intérieur de chaque étape
• Les étapes - Étapes ne doivent plus compter et article seront automatiquement diviser uniformément
• Transition - le code de transition a été optimisé pour augmenter les performances. amélioration de 100% sur la première animation, et 40% d'amélioration sur les animations suivantes.
• Visibilité - Utilisation de .visibility ({type: 'fixe'}) sera maintenant ajouter automatiquement un élément d'espace réservé qui changer de place avec un élément lorsqu'il est attaché à la fenêtre. Cela devrait rendre le contenu fixe considérablement plus simple.
• Visibilité - Visibilité et collant maintenant utiliser un pub / sous-motif plus performant qui ne fera que fixer un événement unique au contexte scroll
.
• Visibilité - Ajout de deux nouveaux callbacks de visibilité onOnScreen et onOffScreen, qui se produisent, le plus évident lorsqu'un élément apparaît d'abord dans ou hors de la fenêtre d'un navigateur
.
• Améliorations:
• Site -. Ajouté de nombreuses nouvelles variables du site, y compris la capacité de contrôler la taille de l'entrée dans l'ensemble UI inputPadding, avec plus de couleurs à la frontière, les accents et couleurs
• Accordéon - ajoute onOpening et OnClosing callback (avant l'animation) pour aller avec onOpen, onClose (après l'animation)
• Accordéon -. Ajouté le réglage pour spécifier l'événement accordéon de déclenchement
• Flux d'activité - alimentation en activité a été réécrit pour utiliser FlexBox
• API - API a maintenant de nouveaux paramètres throttleFirstRequest et interruptRequests. Les requêtes d'interruption seront avorter une demande précédente sur un élément en faisant une nouvelle demande. throttleFirstRequest, définit si la première demande ou seulement les demandes ultérieures devraient être étranglés lorsqu'une durée d'accélérateur est spécifié.
• Build Tools - Construire des outils vont maintenant afficher les erreurs pré-spécifiée lorsqu'un fichier thème est manquant ou un élément spécifie un thème indisponible
.
• Créer Outils - site.variables Ajustement va maintenant reconstruire toute l'interface utilisateur, au lieu de simplement site.less
• Bouton - Ajout: styles de discussion pour tous les types de boutons, tous les exemples de boutons dans docs sont maintenant focusable du clavier en utilisant soit ou tabindex le cas échéant
.
• Carte - carte inclut désormais une variation centrée
• Checkbox -. Checkbox va maintenant comportements grâce corrects invoqués sur l'élément au lieu de la case ui entrée enfant
• Checkbox - Taille réduite kb de l'icône police
• Diviseur - diviseur vertical à l'intérieur de la grille ui représente maintenant la colonne padding
• déroulantes - imbriqué menus déroulants prennent désormais en charge la sélection du clavier, par exemple en appuyant sur "A" pour la pomme, et le défilement du clavier.
• Dropdown - Dropdowns ont maintenant paramètre de correspondance pour indiquer si le texte correspond, la valeur ou à la fois
• Dropdown - dropdowns multi sélectionnez ont maintenant de nouveaux paramètres pour spécifier la sélection maximale count
• Dropdown - Dropdown a un nouveau paramètre fictif de réglage pour régler le texte d'espace réservé dans javascript
• Dropdown - Ajout d'une option showOnFocus qui vous permet de spécifier si le menu déroulant devrait afficher sur la mise au point
• Dropdown - fulltextsearch: true utilise maintenant la recherche floue (le même que la recherche ui)
• Dropdown - Page vers le bas et la page maintenant travaille avec des menus déroulants
• Dropdown - Dropdown initialisée avec prop désactivé sur une option désormais correctement apparaît désactivé
• Dropdown - Ajout état élément désactivé, les éléments désactivés seront automatiquement sautées avec la sélection du clavier
• Formulaire - Ajout d'une foule de nouveaux styles pour les champs de formulaire autocompleted par votre navigateur, y compris l'erreur autocompleted, et de se concentrer états
• Formulaire - Ajout de règles de couleur de l'espace réservé pour IE, ms-entrée-espace réservé
• Formulaire - Correction champ erroné couleur de sélection du clavier déroulant
• Formulaire - Ajoute l'état sous forme de succès
• Formulaire de validation - Ajout de comportement est valide, renvoie true / false si le formulaire est valide
• Formulaire de validation - Ajout différent [champ] règle qui exige un champ pour être différent un autre champ
• Formulaire de validation - données-validate prend maintenant préséance sur les autres systèmes de validation correspondants comme le nom ou l'identifiant
• Formulaire de validation - Nouvelles règles pour les correspondances avec des expressions régulières personnalisées
• Formulaire de validation - validation de formulaire a maintenant minCount, maxCount et exactCount pour valider les sélections multiples
• Grille - unicellulaire grille supprime maintenant les cellules internes sur mobile et tablette lorsqu'il est utilisé avec un doublement grille variation sensible
.
• Grid -. Grand écran Ajouté uniquement et écran large variations que réactifs pour la grille
• Grille - grilles de largeur égales fonctionne désormais sans emballage de ligne
• Grille - lignes peuvent maintenant être étirés ainsi que du milieu alignés, en bas et en haut aligné alignés
• Grille - Les marges fixes sur la grille nulé interne
• Grille - unicellulaire et la grille interne à alvéoles utilisent maintenant FlexBox au lieu de display: table;
• En-têtes - Ajout d'une nouvelle tête de sous type d'en-tête, utile pour afficher de petites têtes à côté du contenu du texte. Voir les exemples dans l'en-tête docs
• image - Images comprennent maintenant une variation espacées pour ajouter des espaces autour des images quand il est utilisé en ligne avec le texte
.
• Entrée - Ajout des règles de couleur de l'espace réservé pour IE, ms-entrée-espace réservé
• Entrée - Action entrée prend désormais en charge plusieurs boutons, et déroulant
• Label - Les étiquettes ont maintenant les états de vol stationnaire active et active
• Label - Label établit maintenant une hauteur de img même lorsqu'ils ne sont pas en utilisant une étiquette d'image
• Liste - Tout contenu à l'intérieur d'une liste de ui peut maintenant être aligné verticalement
• Menu - Ajouter exemples / documentation pour le menu fixe
• Menu - Ajout empilable variation de menu pour les menus sensibles simples
• Menu - Ajout de nombreuses nouvelles variables au menu
• Menu -. Plusieurs questions d'héritage fixes pour l'article déroulant menu à l'intérieur apparaissant comme élément de menu
• Menu - Horizontal menus réglés maintenant une taille d'image par défaut pour les images / logos
• Menu - Menus articles sont maintenant un peu plus rembourrée
• Menu - L'état stationnaire / actif de liste déroulante article ont été ajustées pour correspondre à l'élément. styles déroulantes peuvent être à thème spécifiquement menu à l'intérieur.
• Menu - menus déroulants verticaux ne sont plus 100% min-width
• Modal - Modal utilise maintenant une échelle ajustée en transition dans le thème par défaut, qui devrait être plus subtile et mieux travailler avec de longs contenu modal
.
• Modal - Modal onApprove et onDeny reçoivent maintenant l'élément d'activation comme premier paramètre. Ajout documentation sur l'utilisation de return false pour éviter le masquage d'éléments sur un clic.
• Modal - contenu Modal utilise maintenant flex, le contenu de l'image exige maintenant la classe de contenu d'image sur parent pour permettre stylings flex
.
• Popup - Popup définit maintenant une origine transformer de manière animations seront affectées par la direction de l'élément est placé
• Popup - callback onShow et OnHide peut maintenant annuler le popup de montrer ou de cacher en retournant false
• Popup - Ajout plus de variations de taille pour le popup mini minuscule
• Progrès - indiquant les étiquettes sont maintenant une utilisation plus lisibles les variables css séparées d'indiquer la couleur de la barre
• Reveal - Ajout d'un nouveau état actif qui vous permet de montrer révéler programatically
• Recherche - ( '. Search'). Cache peut maintenant être effacé à l'aide $ search ( 'clear cache')
• Segment - Ajout rembourrée et variations de segments très rembourrées
• Recherche - Recherche opère maintenant hors d'un identifiant unique généré par la suite la position pour obtenir des résultats. Pour le premier résultat de la catégorie exemple n ° 1 est «A1». Auparavant résultat titres ont été utilisés comme "id", ce qui pourrait provoquer des problèmes avec les titres en double, ou des résultats qui ne contiennent pas un titre.
• Recherche - Recherche va maintenant ajouter automatiquement la catégorie de classe lors de l'utilisation de type:. Catégorie
• Recherche - Recherche va maintenant générer des résultats contenant si on est pas présent sur init
• Recherche - Recherche utilise maintenant em pour redimensionnements, en vous assurant qu'il va redimensionner avec le contenu environnant
• Recherche - Recherche rapide a maintenant concentrer les styles définis sinon en utilisant l'entrée ui
• Segment -. Ajouté segment de compensation pour les cas qui ont besoin d'un clearfix
• Sidebar - performances d'animation améliorée par le débogage de la performance. Sidebar met en cache maintenant, la largeur, la hauteur, la direction de rtl sur la charge.
• Site - Correction globals @defaultDuration mixte et de l'utilisation de @transitionDuration à utiliser une seule variable dans l'ensemble UI @defaultDuration, le même pour @defaultEasing et @transitionEasing
• Site - Ajout dans la variable pageOverflowX, thème par défaut cache scrollbars horizontales sur le corps
• Site - Ajout des couleurs de mise au point par défaut pour toutes les variations de couleur
• Site - Tous flottant / levé variations héritent désormais d'une @floatedShadow mondiale rendant thématisation plus facile
• Post-it - it maintenant en cache en interne la position actuelle du défilement lorsque cantFit = true pour éviter d'avoir la propriété DOM on scroll
.
• La statistique - Ajout d'une nouvelle variation de groupe également divisés, par exemple trois statistiques montre 3 par ligne
• La statistique - groupe utilisent maintenant les types de statistiques flex. Styles ont été mis à jour.
• Étapes - étapes jointes Added, qui peuvent maintenant être attachés à d'autres UI comme le segment

Ce qui est nouveau dans la version 1.3.2:

• Correction:

Limites :