Semantic UI

Yazılım ekran görüntüsü:
Semantic UI
Yazılım detaylar:
Versiyon: 2.1.8 Güncelenir
Qayıt: 10 Feb 16
Geliştirici: Jack Lukic
Lisans: Ücretsiz
Popülerlik: 79

Rating: 3.5/5 (Total Votes: 2)

Semantik UI sadece UI widget zenginliği sağlamak üzerine odaklanmıştır, ama aynı zamanda sadece ona bakarak kimse kodu ne yaptığını biliyor sağlayan, bu bileşenler yazılır yolu üzerinde duruluyor.

Bunu yaparak, Semantik güçlü UI sadece yazmak kolaydır, ama kolay sonraki noktalarda değiştirin.

Semantik UI kutudan hazır bileşenlerin bol gelir ve CSS ve AZ.

mevcuttur

Bu sürümdeki yeni Nedir:

  • Yeni kullanıcı arayüzü:
  • Konteyner - Konteynerler, docs daha fazla örnek görmek sayfası içeriğini tutmak için anlamı genişlik kapları, sabit ve ui sayfa ızgara basit bir alternatiftir vardır
  • Çoklu - Yeni birden açılır türleri eklendi. Birçok yeni açılan gelişmeler API istekleri ile etiketleme / tokenizing özellikleri ve veri yükleme olmak üzere eklenmiştir.
  • Embed - Yeni embed bileşeni kendi boy oranını korumak duyarlı iframe yerleştirmeler için izin verir. Sitene Bir kullanıcı video ile etkileşim seçer kadar üçüncü parti kütüphaneleri yükleme önlemek için yer tutucu içeriği ile birlikte, YouTube veya Vimeo videoları ile kullanılabilir.
  • Büyük Geliştirmeleri:

  • kahverengi ve gri eklendi yeni renkler zeytin, mor, -
  • Site. Bu renk varyasyonları ile tüm unsurları mevcuttur.
  • API - API artık alay tepkiler ve özel AJAX istekleri ile kullanılabilir. mockResponse, önceden belirlenmiş bir JSON nesnesi veya bir senkron işlev geri arama ile isteği gidermek için eklenmiştir.
  • API mockResponseAsync özel asenkron istekleri için eklenmiştir. Bu AJAX istekleri sarabilir Ember veya Köşeli gibi kütüphaneleri ile entegrasyonu ile yardımcı bir API isteği çözmek için özel bir zaman uyumsuz geri arama belirlemenizi sağlar.
  • API - API geri çağrıları artık başarı veya başarısızlık koşulları için diğer geriçağırımları tarafından ayrıştırılır önce sunucular yanıtını ayarlayabilirsiniz bir onResponse geri arama var
  • .
    'Yerel': -
  • API API artık önbelleği kullanarak aynı URL'ler için sunucu döngüsünü önlemek için yerel önbellek ayarı sağlar. Bu, varsayılan olarak etkin değildir. Yerel önbelleğe alma, bir otomatik tamamlama sorgularken, örneğin, tek bir oturumda genelinde aynı değerleri dönmesi gerekir sonuçlar için yararlıdır.
  • Kart - Kartlar artık birden çok özel içerik bloklarını destekler. İçerik blokları ve görüntüleri artık herhangi bir sırada ortaya çıkabilir.
  • Checkbox - Onay Kutusu artık işlevi javascript gerektirir
  • .
  • Checkbox -. Yeni stylings birlikte, belirsiz onay kutularını için destek eklendi
  • Checkbox - Şimdi kontrol
  • vs kontrol seti geri çağrıları yürütmesini olmadan durum değişiklikleri tetiklemek için ayrı davranışları içerir
  • Açılır -. Arama seçimi uzak bir veri kümesi karşı sorgulamak için izin vermek, açılır uzak API entegrasyonu eklendi
  • Dimmer - Dimmerler şimdi silik zaman cam gibi bir efekt bir bulanıklık varyasyon
  • Açılır - dropdowns otomatik olarak menüde değişiklikleri gözlemlemek ve yeni eklemeler ile seçici önbelleği güncellenir
  • dropdowns - tüm arama seçim dropdowns (tek / çoklu) allowAdditions kullanarak özel seçimler ekleme olanağı Eklendi: gerçek ortamda. Arama artık her durumda hiçbir sonuç hata iletileri görüntüler.
  • Açılır -. Klavye kısayolları, örneğin, açılan seçimler seçmek için eklenmiştir "N", bir devlet seçim listesinde nativebehavior için benzer "New York" kayacaktÕr
  • Açılır -. Yeni açılan varyasyonu açılır kaydırma ve menü kaydırma eklendi, bu bir açılır menü içinde kaydırılabilir bölüm eklemek için kullanılır
  • Açılır - altında görünür için yeterli alan yoksa açılan otomatik yukarı animasyon
  • .
  • Açılır - Kullanma sayfa yukarı ve sayfa aşağı tuşları artık bir seferde bir sayfa ile menüler arasında geçiş olacak
  • Form - Formlar şimdi saha grupları oluşturmak için FlexBox kullanın. Inline alanları artık kullanarak (x) geniş boyutlandırma desteklemek esnek
  • Izgara - Izgaralar şimdi FlexBox kullanmak, sütunlar artık varsayılan olarak herkesin eşit yükseklikte bulunmaktadır. streç gibi yeni FlexBox hizalama türleri kolay dikey hizalama için eklenmiştir.
  • Birden UI - font-size gibi önceki kafa karıştırıcı düzeltmeleri anlamına Birçok bileşenleri artık kullanıma FlexBox: 0; inline bloğundan beyaz boşluğu kaldırmak için artık gerekli değildir. Bu kesmek çıkarma, şimdi herhangi bir eleman ızgara veya menü doğrudan çocuk olmak anlamına gelir.
  • Modal - bulanıklığı yeni ayarları eklendi ve otomatik bir kalıcı en sönük ya ters çevrilmiş veya bulanıklık
  • set hangi ters.
  • Menü - Menü şimdi FlexBox kullanır. Bu menü öğeleri ne olursa olsun her öğe içerik boyutu birbirlerinin yükseklikleri eşleşmesini sağlar. Sağ menü içeriği şimdi (artık şamandırayı kullanır) yerine ondan önceki diğer menü içeriği takip etmelidir.
  • Izgara - Izgaralar şimdi varsayılan olarak FlexBox ve eşit yüksekliği, eşit yükseklik değişimi güvenle kaldırılabilir
  • Pop-up -. Birden fazla pozisyon test özellikle Popup, büyük ölçüde performansını artırmak için yeniden yazılmıştır
  • Geçiş - Yedek javascript animasyonlar açılan ve performansını artırmak için açılır gibi UI bileşenleri kaldırıldı. Görünür,: hareketli ve:. gizlenmiş ve dosya boyutu azaltır
  • Bu gibi pahalı sözde seçiciler ihtiyacını ortadan kaldırır
  • Form Doğrulama - Form doğrulama artık tek bir ayarlar diğer modüller gibi nesne kullanır. (Alanları, ayarları) kullanarak çalışmaya devam edecektir ama konsolunda bir amortisman bildirimleri üretecek
  • Form Doğrulama -. Form doğrulama şimdi özellikle birden çok select değerleri ile kullanım için de dahil olmak üzere birçok yeni doğrulama kurallarını destekler
  • Ürün - Ürünler artık düzen için FlexBox kullanır
  • .
  • Mesaj - simge mesajı artık düzen için FlexBox kullanır
  • Menü - dikey tabular menüsü, bir dikey sekme menüsü, eklenmiştir
  • Girdi - Tüm giriş tipleri
  • düzeni için FlexBox kullanın
  • Segment - Bölümleri artık karmaşık iç içe desteklemek, bölüm grupları gruplar içinde görünmelidir nasıl pek çok yeni kurallar
  • Segment -. Yeni yatay bölüm grupları dışarı atarken yapmak otomatik yeniden boyutlandırma metin sütunları çok daha kolay
  • Kenar çubuğu - Bir kenar çubuğu kullanırken iOS artık doğru belge veya vücut için scrollTop değerlerini bildirir. iOS krom artık sabit içerik bir kenar çubuğu kullanırken hemen girmiyor ile sorunları vardır.
  • Şekiller - Şekiller artık doğru tarafta marjı ayarlar
  • Adımlar - Adımlar şimdi FlexBox kullanmak, her adımda içinde sıvı adımlar şimdi merkez içeriği
  • Adımlar - Adımlar artık madde saymak gerekir ve otomatik eşit böleceğiz
  • Geçiş - Geçiş kodu performansını artırmak için optimize edilmiştir. sonraki animasyonlar ilk animasyon% 100 iyileşme ve% 40 iyileşme.
  • Görüş - .visibility Kullanma ({type: 'sabit'}) artık otomatik olarak görünüm takıldığında bir eleman ile yer takas bir yer tutucu eleman katacak. Bu sabit içerik ölçüde basit yapmak gerekir.
  • Görüş - Görünürlük ve sadece içerik kaydırma tek bir olay eklemek olacak daha fazla ölçülebilir bir pub / alt deseni kullanmak artık yapışkan
  • .
  • Görüş - Eklendi iki yeni görünürlük geri çağrıları ortaya onOnScreen ve onOffScreen, en bariz bir eleman ilk tarayıcının görünüm içinde veya dışında göründüğünde
  • .
  • Donanımlar:
  • Site -. Daha fazla sınır renkler, aksan, ve renklerle birlikte, tüm UI inputPadding genelinde giriş boyutunu kontrol yeteneği dahil olmak üzere Eklenenler birçok yeni site değişkenleri
  • Akordeon - (animasyon) sonra OnOpen, OnClose
  • ile gitmek için (animasyon öncesi) onOpening ve onClosing geri arama ekler
  • Akordeon -. Akordeon tetikleyici olayı belirtmek için ayarlama konusunda eklendi
  • faaliyet besleme - Etkinlik besleme FlexBox kullanmak için yeniden yazılmıştır
  • API - API artık yeni ayarları vardır throttleFirstRequest ve interruptRequests. yeni bir istek yaparken kesme istekleri bir eleman üzerinde bir önceki isteği iptal eder. throttleFirstRequest, bir gaz süresi belirtildiğinde ilk istek veya sadece sonradan istekleri bastırma gerekip gerekmediğini belirler.
  • Araçlar - Build bir tema dosyası eksik veya bir unsur kullanılamayan bir tema belirttiğinde araçları artık önceden belirlenmiş hataları görüntüler oluşturun
  • .
  • Araçlar - Build ayarlama site.variables şimdi, tüm UI yeniden inşa edecek yerine site.less
  • in
  • Düğme - Eklendi: Odak stilleri tüm düğme tipleri için, docs tüm düğme örnekleri şimdi uygun olan yerlerde tabIndex ya da kullanarak klavye odaklanabilir
  • .
  • Kart - Kart şimdi içeren merkezli varyasyon
  • Checkbox -. Onay Kutusu olacak yerine ui onay kutusunu çocuk girdi elemanı üzerinde çağrılan şimdi incelikle doğru davranışlar
  • Checkbox - simge yazı Azaltılmış kb boyutu
  • Bölücü - UI ızgara içinde dikey bölücü şimdi sütun dolgu hesapları
  • Açılır - İç içe kaydırma menüleri artık klavye seçimini desteklemek, örneğin elma ve klavye kaydırma için "A" tuşuna basarak.
  • Açılır - dropdowns artık metin, değer veya her ikisi
  • eşleşecek belirlemek için maç ayarına sahip
  • Açılır - Çoklu seçme Açılır menülerde artık maksimum seçim sayısı
  • belirtmek için yeni ayarlara sahip
  • Açılır - Açılan javascript tutucu metin ayarlamak için ayar yeni yer tutucu vardır
  • Açılır - Katma showOnFocus seçeneği açılır menü odak göstermesi gerekir belirtmenizi sağlar
  • Açılır - fulltextsearch: true şimdi (ui arama ile aynı) Bulanık arama kullanan
  • Açılır - Aşağı Sayfa ve şimdi sayfa yukarı açılır menüler ile çalışır
  • Açılır - Bir seçenek devre dışı pervane ile başlatıldı açıla artık doğru devre dışı görünür
  • Açılır - Added engelli madde devlet, engelli öğeler otomatik olarak klavye seçimi ile atlanır
  • Form - otomatik olarak tamamlanıp tamamlanmayacağını hata da dahil olmak üzere tarayıcınız tarafından otomatik olarak tamamlanıp tamamlanmayacağını form alanları için yeni stiller bir dizi eklendi ve durumlarını odak
  • Form - IE eklendi tutucu renk kuralları, ms-input-tutucu
  • Form - hata bildiren alan açılır klavye seçimi rengini Fix
  • Form - ekler Form başarı durumu
  • Form Doğrulama - Form geçerli olup olmadığını Eklendi geçerlidir davranış, doğru / yanlış döndürür
  • Form Doğrulama - başka bir alana farklı olması için bir alan gerektiren farklı [alan] kuralı eklendi
  • Form Doğrulama - veri doğrulamak şimdi adı veya kimliği gibi diğer doğrulama eşleştirme düzenleri önceliklidir
  • Form Doğrulama - Sipariş düzenli ifadeler karşı eşleşen yeni kurallar
  • Form Doğrulama - Form doğrulama artık birden fazla seçim doğrulamak için minCount, MaxCount ve exactCount vardır
  • Izgara - Izgara duyarlı varyasyonu iki katına birlikte kullanıldığında hücreli ızgara artık mobil ve tablet üzerinde iç hücreleri temizler
  • .
  • Izgara -. Izgara eklendi geniş ekranı yalnızca ve geniş ekran sadece duyarlı varyasyonlar
  • Izgara - eşit genişlik ızgaraları şimdi sıra sarma olmadan çalışır
  • Izgara - satırlar şimdi gergin yanı sıra orta uyumlu olabilir, alt hizalanmış ve üst hizalanmış
  • Izgara - içten hücreli ızgara üzerinde sabit marjları

  • -
  • Izgara hücreli ve içten hücreli ızgara yerine şimdi ekran ve FlexBox kullanın: masanın;
  • Başlıkları - Metin içeriğin yanında küçük başlıklarını görüntülemek için kullanışlıdır yeni başlık tipi alt başlığı, eklendi. başlık dokümanlar örneklere bakın
  • Resim -. Görüntüler şimdi metin satır içi kullanıldığında görüntülerin etrafında boşluk eklemek için aralıklı varyasyon bulunmaktadır
  • Girdi - IE eklendi tutucu renk kuralları, ms-input-tutucu
  • Girdi - Aksiyon girişi artık birden düğmeleri destekler ve açılan
  • Etiket - Etiketler şimdi sahip, aktif ve aktif vurgulu devletler
  • Etiket - bir görüntü etiketi kullanmadığınız zaman Etiket şimdi bile bir img yüksekliğini ayarlar
  • Liste - Bir ui liste içindeki herhangi bir içerik artık dikey hizalanmış olabilir
  • Menü - ekle örnekler / sabit menü belgelerine
  • Menü - Basit duyarlı menüler eklendi istiflenebilir menü varyasyon
  • Menü - menüsüne birçok yeni değişkenler eklendi
  • Menü -. Menü öğesi olarak görünen menü içinde açılır öğesi için Sabit birçok miras sorunları
  • Menü - Yatay menüler şimdi görüntü / logolar için bir varsayılan görüntü boyutunu ayarlamak
  • Menü - Menüler öğeleri şimdi biraz daha yastıklı
  • Menü - açılan öğenin hover / aktif devlet öğesini maç ayarlandı. Açılır stilleri özellikle menü içinde temalı edilebilir.
  • Menü - Dikey açılır menüler% 100 min-width
  • artık
  • Modal - Modal şimdi daha ince olması ve uzun modal içeriği ile daha iyi çalışması gerektiğini, varsayılan tema geçiş düzeltilmiş ölçeği kullanmaktadır
  • .
  • Modal - Modal onApprove ve onDeny şimdi ilk parametre olarak aktive elemanı alırsınız. tıklamada elemanı gizleme önlemek için return false kullanma hakkında belgelere eklendi.
  • Modal - Modal içeriği artık esnek kullanır, görüntü içeriği şimdi esnek stylings sağlamak için üst görüntü içerik sınıfı gerektirir
  • .
  • Pop-up - animasyonlar eleman yerleştirilir yönde etkilenecektir böylece Popup artık bir dönüşüm-kökeni tanımlar
  • Pop-up - OnShow ve onHide geri şimdi gösterme veya iade ederek saklandığı yerden açılan iptal edebilirsiniz sahte
  • Pop-up - açılan mini eklendi fazla boyut varyasyonları, küçücük
  • İlerleme - gösteren etiketler şimdi daha okunaklı kullanım ayrı css değişkenleri çubuğu renk gösteren gelen
  • vardır
  • Reveal - programlama yoluyla açığa göstermek sağlayan yeni aktif duruma eklendi
  • Arama - ( '. Arama'). Cache şimdi $ kullanılarak silinebilir arama (clear cache ')
  • Segment - yastıklı eklendi ve çok yastıklı bölüm varyasyonları
  • Arama - Arama artık sonuçları almak için sonuç pozisyonuna tarafından oluşturulan benzersiz bir kimliği kapalı çalışır. örnek kategorisi # 1'in ilk sonuç için 'A1' olduğunu. Daha önce başlıklar bir başlık içermeyen yinelenen başlık veya sonuçları ile sorunlara neden olabilecek onların "id" olarak kullanılmıştır sonuç.
  • Arama - şimdi otomatik olarak tip kullanırken sınıf kategorisini katacak Arama:. Kategoriyi
  • Arama - Bir init mevcut değilse Arama artık sonuçları kabı üretecektir
  • Arama - Arama artık çevredeki içeriği ile yeniden boyutlandırmak olacak emin, boyutlandırır için em kullanır
  • Arama - UI girişini kullanarak değilse tanımlanan stilleri odak vardır şimdi istemi Arama
  • Segment -. Bir Clearfix gereken durumlarda eklendi takas segmenti
  • Kenar Çubuğu - performans hata ayıklama yoluyla Geliştirilmiş animasyon performansı. Kenar çubuğu artık yük, genişlik, yükseklik, rtl yönü önbelleğe alır.
  • Site - Sabit karışık globals @defaultDuration ve @transitionDuration kullanımı tüm UI @defaultDuration, @defaultEasing ve @transitionEasing
  • için aynı genelinde tek bir değişken kullanmak için
  • Site - pageOverflowX değişkeni eklendi, varsayılan tema vücut üzerinde yatay kaydırma çubukları gizler
  • Site - tüm renk varyasyonları eklendi varsayılan odak Renkler
  • Site - Tüm yüzen / varyasyonlar artık daha kolay
  • theming yapma küresel @floatedShadow devralan kaldırdı
  • Sabit - Sabit şimdi içten Geçerli kaydırma konumunu önbelleğe zaman cantFit = kaydırma DOM özelliği almamak için true
  • .
  • İstatistik - Üç istatistik, örneğin yeni eşit bölünmüş grup varyasyonu eklendi satır başına 3
  • gösterir
  • İstatistik - Statitic grup şimdi esnek kullanın. Stiller güncellendi.
  • Adımlar - Eklendi ekli adımlar, şimdi segmentinde gibi diğer UI takılabilir
  • Sekmeler - Tab olacak gizli bir sekmede bir sayfa çapa bağlantı artık elle doğru sayfa kaydırma konumu
  • Sekmeler - Yeni eklenen geri çağrıları onTabVisible ve onRequest
  • Sekmeler - Eklendi parseScripts seçeneği varsayılan bir kez satır içi komut ayrıştırma için sadece ilk yük
  • Tablo - gezinip zaman satırda etkisi hover gösteren seçilebilir masa varyasyon, ekler
  • Tablo - UI tabloya eklendi dikey hizalama varyasyonları
  • Tablo - sarma metin önler Eklenenler tek hat tablosu varyasyon
  • Geçiş - Geçiş tamamlandıktan sonra bir geçiş sırasında stil veya sınıf ayarlama, artık değişim sıfırlar
  • .
  • Geçiş -. Geçiş artık görünür zorlar / inline stilleri ile gizli ise onComplete geri setleri görünürlük
  • Görüş / Sabit - Görüş ve yapışkan şimdi yükleniyor görüntüleri pozisyonda değişikliklerle başa çıkmak için sayfa içeriği yüklemeden sonra otomatik olarak yenilenir
  • Görüş / Yapışkan - Görüş şimdi birden çok olay takarken büyük ölçüde kaydırma performansını artırmak için pub / alt desen kullanır
  • Görüş - visiblity görünürlük geri çağrıları yeniden boyutlandırma ortaya veya yenileme olup olmadığını belirler, yeni bir ayar checkOnRefresh içerir
  • Görüş - Görünürlük görüntü artık sadece aşağıda, mevcut ekran konumunda üzerindedir tembel yük görüntüleri bekleyecek
  • .

sürüm 2.1.4 yeni Nedir:

  • Yeni kullanıcı arayüzü:
  • Konteyner - Konteynerler, docs daha fazla örnek görmek sayfası içeriğini tutmak için anlamı genişlik kapları, sabit ve ui sayfa ızgara basit bir alternatiftir vardır
  • Çoklu - Yeni birden açılır türleri eklendi. Birçok yeni açılan gelişmeler API istekleri ile etiketleme / tokenizing özellikleri ve veri yükleme olmak üzere eklenmiştir.
  • Embed - Yeni embed bileşeni kendi boy oranını korumak duyarlı iframe yerleştirmeler için izin verir. Sitene Bir kullanıcı video ile etkileşim seçer kadar üçüncü parti kütüphaneleri yükleme önlemek için yer tutucu içeriği ile birlikte, YouTube veya Vimeo videoları ile kullanılabilir.
  • Büyük Geliştirmeleri:

  • kahverengi ve gri eklendi yeni renkler zeytin, mor, -
  • Site. Bu renk varyasyonları ile tüm unsurları mevcuttur.
  • API - API artık alay tepkiler ve özel AJAX istekleri ile kullanılabilir. mockResponse, önceden belirlenmiş bir JSON nesnesi veya bir senkron işlev geri arama ile isteği gidermek için eklenmiştir.
  • API mockResponseAsync özel asenkron istekleri için eklenmiştir. Bu AJAX istekleri sarabilir Ember veya Köşeli gibi kütüphaneleri ile entegrasyonu ile yardımcı bir API isteği çözmek için özel bir zaman uyumsuz geri arama belirlemenizi sağlar.
  • API - API geri çağrıları artık başarı veya başarısızlık koşulları için diğer geriçağırımları tarafından ayrıştırılır önce sunucular yanıtını ayarlayabilirsiniz bir onResponse geri arama var
  • .
    'Yerel': -
  • API API artık önbelleği kullanarak aynı URL'ler için sunucu döngüsünü önlemek için yerel önbellek ayarı sağlar. Bu, varsayılan olarak etkin değildir. Yerel önbelleğe alma, bir otomatik tamamlama sorgularken, örneğin, tek bir oturumda genelinde aynı değerleri dönmesi gerekir sonuçlar için yararlıdır.
  • Kart - Kartlar artık birden çok özel içerik bloklarını destekler. İçerik blokları ve görüntüleri artık herhangi bir sırada ortaya çıkabilir.
  • Checkbox - Onay Kutusu artık işlevi javascript gerektirir
  • .
  • Checkbox -. Yeni stylings birlikte, belirsiz onay kutularını için destek eklendi
  • Checkbox - Şimdi kontrol
  • vs kontrol seti geri çağrıları yürütmesini olmadan durum değişiklikleri tetiklemek için ayrı davranışları içerir
  • Açılır -. Arama seçimi uzak bir veri kümesi karşı sorgulamak için izin vermek, açılır uzak API entegrasyonu eklendi
  • Dimmer - Dimmerler şimdi silik zaman cam gibi bir efekt bir bulanıklık varyasyon
  • Açılır - dropdowns otomatik olarak menüde değişiklikleri gözlemlemek ve yeni eklemeler ile seçici önbelleği güncellenir
  • dropdowns - tüm arama seçim dropdowns (tek / çoklu) allowAdditions kullanarak özel seçimler ekleme olanağı Eklendi: gerçek ortamda. Arama artık her durumda hiçbir sonuç hata iletileri görüntüler.
  • Açılır -. Klavye kısayolları, örneğin, açılan seçimler seçmek için eklenmiştir "N", bir devlet seçim listesinde nativebehavior için benzer "New York" kayacaktÕr
  • Açılır -. Yeni açılan varyasyonu açılır kaydırma ve menü kaydırma eklendi, bu bir açılır menü içinde kaydırılabilir bölüm eklemek için kullanılır
  • Açılır - altında görünür için yeterli alan yoksa açılan otomatik yukarı animasyon
  • .
  • Açılır - Kullanma sayfa yukarı ve sayfa aşağı tuşları artık bir seferde bir sayfa ile menüler arasında geçiş olacak
  • Form - Formlar şimdi saha grupları oluşturmak için FlexBox kullanın. Inline alanları artık kullanarak (x) geniş boyutlandırma desteklemek esnek
  • Izgara - Izgaralar şimdi FlexBox kullanmak, sütunlar artık varsayılan olarak herkesin eşit yükseklikte bulunmaktadır. streç gibi yeni FlexBox hizalama türleri kolay dikey hizalama için eklenmiştir.
  • Birden UI - font-size gibi önceki kafa karıştırıcı düzeltmeleri anlamına Birçok bileşenleri artık kullanıma FlexBox: 0; inline bloğundan beyaz boşluğu kaldırmak için artık gerekli değildir. Bu kesmek çıkarma, şimdi herhangi bir eleman ızgara veya menü doğrudan çocuk olmak anlamına gelir.
  • Modal - bulanıklığı yeni ayarları eklendi ve otomatik bir kalıcı en sönük ya ters çevrilmiş veya bulanıklık
  • set hangi ters.
  • Menü - Menü şimdi FlexBox kullanır. Bu menü öğeleri ne olursa olsun her öğe içerik boyutu birbirlerinin yükseklikleri eşleşmesini sağlar. Sağ menü içeriği şimdi (artık şamandırayı kullanır) yerine ondan önceki diğer menü içeriği takip etmelidir.
  • Izgara - Izgaralar şimdi varsayılan olarak FlexBox ve eşit yüksekliği, eşit yükseklik değişimi güvenle kaldırılabilir
  • Pop-up -. Birden fazla pozisyon test özellikle Popup, büyük ölçüde performansını artırmak için yeniden yazılmıştır
  • Geçiş - Yedek javascript animasyonlar açılan ve performansını artırmak için açılır gibi UI bileşenleri kaldırıldı. Görünür,: hareketli ve:. gizlenmiş ve dosya boyutu azaltır
  • Bu gibi pahalı sözde seçiciler ihtiyacını ortadan kaldırır
  • Form Doğrulama - Form doğrulama artık tek bir ayarlar diğer modüller gibi nesne kullanır. (Alanları, ayarları) kullanarak çalışmaya devam edecektir ama konsolunda bir amortisman bildirimleri üretecek
  • Form Doğrulama -. Form doğrulama şimdi özellikle birden çok select değerleri ile kullanım için de dahil olmak üzere birçok yeni doğrulama kurallarını destekler
  • Ürün - Ürünler artık düzen için FlexBox kullanır
  • .
  • Mesaj - simge mesajı artık düzen için FlexBox kullanır
  • Menü - dikey tabular menüsü, bir dikey sekme menüsü, eklenmiştir
  • Girdi - Tüm giriş tipleri
  • düzeni için FlexBox kullanın
  • Segment - Bölümleri artık karmaşık iç içe desteklemek, bölüm grupları gruplar içinde görünmelidir nasıl pek çok yeni kurallar
  • Segment -. Yeni yatay bölüm grupları dışarı atarken yapmak otomatik yeniden boyutlandırma metin sütunları çok daha kolay
  • Kenar çubuğu - Bir kenar çubuğu kullanırken iOS artık doğru belge veya vücut için scrollTop değerlerini bildirir. iOS krom artık sabit içerik bir kenar çubuğu kullanırken hemen girmiyor ile sorunları vardır.
  • Şekiller - Şekiller artık doğru tarafta marjı ayarlar
  • Adımlar - Adımlar şimdi FlexBox kullanmak, her adımda içinde sıvı adımlar şimdi merkez içeriği
  • Adımlar - Adımlar artık madde saymak gerekir ve otomatik eşit böleceğiz
  • Geçiş - Geçiş kodu performansını artırmak için optimize edilmiştir. sonraki animasyonlar ilk animasyon% 100 iyileşme ve% 40 iyileşme.
  • Görüş - .visibility Kullanma ({type: 'sabit'}) artık otomatik olarak görünüm takıldığında bir eleman ile yer takas bir yer tutucu eleman katacak. Bu sabit içerik ölçüde basit yapmak gerekir.
  • Görüş - Görünürlük ve sadece içerik kaydırma tek bir olay eklemek olacak daha fazla ölçülebilir bir pub / alt deseni kullanmak artık yapışkan
  • .
  • Görüş - Eklendi iki yeni görünürlük geri çağrıları ortaya onOnScreen ve onOffScreen, en bariz bir eleman ilk tarayıcının görünüm içinde veya dışında göründüğünde
  • .
  • Donanımlar:
  • Site -. Daha fazla sınır renkler, aksan, ve renklerle birlikte, tüm UI inputPadding genelinde giriş boyutunu kontrol yeteneği dahil olmak üzere Eklenenler birçok yeni site değişkenleri
  • Akordeon - (animasyon) sonra OnOpen, OnClose
  • ile gitmek için (animasyon öncesi) onOpening ve onClosing geri arama ekler
  • Akordeon -. Akordeon tetikleyici olayı belirtmek için ayarlama konusunda eklendi
  • faaliyet besleme - Etkinlik besleme FlexBox kullanmak için yeniden yazılmıştır
  • API - API artık yeni ayarları vardır throttleFirstRequest ve interruptRequests. yeni bir istek yaparken kesme istekleri bir eleman üzerinde bir önceki isteği iptal eder. throttleFirstRequest, bir gaz süresi belirtildiğinde ilk istek veya sadece sonradan istekleri bastırma gerekip gerekmediğini belirler.
  • Araçlar - Build bir tema dosyası eksik veya bir unsur kullanılamayan bir tema belirttiğinde araçları artık önceden belirlenmiş hataları görüntüler oluşturun
  • .
  • Araçlar - Build ayarlama site.variables şimdi, tüm UI yeniden inşa edecek yerine site.less
  • in
  • Düğme - Eklendi: Odak stilleri tüm düğme tipleri için, docs tüm düğme örnekleri şimdi uygun olan yerlerde tabIndex ya da kullanarak klavye odaklanabilir
  • .
  • Kart - Kart şimdi içeren merkezli varyasyon
  • Checkbox -. Onay Kutusu olacak yerine ui onay kutusunu çocuk girdi elemanı üzerinde çağrılan şimdi incelikle doğru davranışlar
  • Checkbox - simge yazı Azaltılmış kb boyutu
  • Bölücü - UI ızgara içinde dikey bölücü şimdi sütun dolgu hesapları
  • Açılır - İç içe kaydırma menüleri artık klavye seçimini desteklemek, örneğin elma ve klavye kaydırma için "A" tuşuna basarak.
  • Açılır - dropdowns artık metin, değer veya her ikisi
  • eşleşecek belirlemek için maç ayarına sahip
  • Açılır - Çoklu seçme Açılır menülerde artık maksimum seçim sayısı
  • belirtmek için yeni ayarlara sahip
  • Açılır - Açılan javascript tutucu metin ayarlamak için ayar yeni yer tutucu vardır
  • Açılır - Katma showOnFocus seçeneği açılır menü odak göstermesi gerekir belirtmenizi sağlar
  • Açılır - fulltextsearch: true şimdi (ui arama ile aynı) Bulanık arama kullanan
  • Açılır - Aşağı Sayfa ve şimdi sayfa yukarı açılır menüler ile çalışır
  • Açılır - Bir seçenek devre dışı pervane ile başlatıldı açıla artık doğru devre dışı görünür
  • Açılır - Added engelli madde devlet, engelli öğeler otomatik olarak klavye seçimi ile atlanır
  • Form - otomatik olarak tamamlanıp tamamlanmayacağını hata da dahil olmak üzere tarayıcınız tarafından otomatik olarak tamamlanıp tamamlanmayacağını form alanları için yeni stiller bir dizi eklendi ve durumlarını odak
  • Form - IE eklendi tutucu renk kuralları, ms-input-tutucu
  • Form - hata bildiren alan açılır klavye seçimi rengini Fix
  • Form - ekler Form başarı durumu
  • Form Doğrulama - Form geçerli olup olmadığını Eklendi geçerlidir davranış, doğru / yanlış döndürür
  • Form Doğrulama - başka bir alana farklı olması için bir alan gerektiren farklı [alan] kuralı eklendi
  • Form Doğrulama - veri doğrulamak şimdi adı veya kimliği gibi diğer doğrulama eşleştirme düzenleri önceliklidir
  • Form Doğrulama - Sipariş düzenli ifadeler karşı eşleşen yeni kurallar
  • Form Doğrulama - Form doğrulama artık birden fazla seçim doğrulamak için minCount, MaxCount ve exactCount vardır
  • Izgara - Izgara duyarlı varyasyonu iki katına birlikte kullanıldığında hücreli ızgara artık mobil ve tablet üzerinde iç hücreleri temizler
  • .
  • Izgara -. Izgara eklendi geniş ekranı yalnızca ve geniş ekran sadece duyarlı varyasyonlar
  • Izgara - eşit genişlik ızgaraları şimdi sıra sarma olmadan çalışır
  • Izgara - satırlar şimdi gergin yanı sıra orta uyumlu olabilir, alt hizalanmış ve üst hizalanmış
  • Izgara - içten hücreli ızgara üzerinde sabit marjları

  • -
  • Izgara hücreli ve içten hücreli ızgara yerine şimdi ekran ve FlexBox kullanın: masanın;
  • Başlıkları - Metin içeriğin yanında küçük başlıklarını görüntülemek için kullanışlıdır yeni başlık tipi alt başlığı, eklendi. başlık dokümanlar örneklere bakın
  • Resim -. Görüntüler şimdi metin satır içi kullanıldığında görüntülerin etrafında boşluk eklemek için aralıklı varyasyon bulunmaktadır
  • Girdi - IE eklendi tutucu renk kuralları, ms-input-tutucu
  • Girdi - Aksiyon girişi artık birden düğmeleri destekler ve açılan
  • Etiket - Etiketler şimdi sahip, aktif ve aktif vurgulu devletler
  • Etiket - bir görüntü etiketi kullanmadığınız zaman Etiket şimdi bile bir img yüksekliğini ayarlar
  • Liste - Bir ui liste içindeki herhangi bir içerik artık dikey hizalanmış olabilir
  • Menü - ekle örnekler / sabit menü belgelerine
  • Menü - Basit duyarlı menüler eklendi istiflenebilir menü varyasyon
  • Menü - menüsüne birçok yeni değişkenler eklendi
  • Menü -. Menü öğesi olarak görünen menü içinde açılır öğesi için Sabit birçok miras sorunları
  • Menü - Yatay menüler şimdi görüntü / logolar için bir varsayılan görüntü boyutunu ayarlamak
  • Menü - Menüler öğeleri şimdi biraz daha yastıklı
  • Menü - açılan öğenin hover / aktif devlet öğesini maç ayarlandı. Açılır stilleri özellikle menü içinde temalı edilebilir.
  • Menü - Dikey açılır menüler% 100 min-width
  • artık
  • Modal - Modal şimdi daha ince olması ve uzun modal içeriği ile daha iyi çalışması gerektiğini, varsayılan tema geçiş düzeltilmiş ölçeği kullanmaktadır
  • .
  • Modal - Modal onApprove ve onDeny şimdi ilk parametre olarak aktive elemanı alırsınız. tıklamada elemanı gizleme önlemek için return false kullanma hakkında belgelere eklendi.
  • Modal - Modal içeriği artık esnek kullanır, görüntü içeriği şimdi esnek stylings sağlamak için üst görüntü içerik sınıfı gerektirir
  • .
  • Pop-up - animasyonlar eleman yerleştirilir yönde etkilenecektir böylece Popup artık bir dönüşüm-kökeni tanımlar
  • Pop-up - OnShow ve onHide geri şimdi gösterme veya iade ederek saklandığı yerden açılan iptal edebilirsiniz sahte
  • Pop-up - açılan mini eklendi fazla boyut varyasyonları, küçücük
  • İlerleme - gösteren etiketler şimdi daha okunaklı kullanım ayrı css değişkenleri çubuğu renk gösteren gelen
  • vardır
  • Reveal - programlama yoluyla açığa göstermek sağlayan yeni aktif duruma eklendi
  • Arama - ( '. Arama'). Cache şimdi $ kullanılarak silinebilir arama (clear cache ')
  • Segment - yastıklı eklendi ve çok yastıklı bölüm varyasyonları
  • Arama - Arama artık sonuçları almak için sonuç pozisyonuna tarafından oluşturulan benzersiz bir kimliği kapalı çalışır. örnek kategorisi # 1'in ilk sonuç için 'A1' olduğunu. Daha önce başlıklar bir başlık içermeyen yinelenen başlık veya sonuçları ile sorunlara neden olabilecek onların "id" olarak kullanılmıştır sonuç.
  • Arama - şimdi otomatik olarak tip kullanırken sınıf kategorisini katacak Arama:. Kategoriyi
  • Arama - Bir init mevcut değilse Arama artık sonuçları kabı üretecektir
  • Arama - Arama artık çevredeki içeriği ile yeniden boyutlandırmak olacak emin, boyutlandırır için em kullanır
  • Arama - UI girişini kullanarak değilse tanımlanan stilleri odak vardır şimdi istemi Arama
  • Segment -. Bir Clearfix gereken durumlarda eklendi takas segmenti
  • Kenar Çubuğu - performans hata ayıklama yoluyla Geliştirilmiş animasyon performansı. Kenar çubuğu artık yük, genişlik, yükseklik, rtl yönü önbelleğe alır.
  • Site - Sabit karışık globals @defaultDuration ve @transitionDuration kullanımı tüm UI @defaultDuration, @defaultEasing ve @transitionEasing
  • için aynı genelinde tek bir değişken kullanmak için
  • Site - pageOverflowX değişkeni eklendi, varsayılan tema vücut üzerinde yatay kaydırma çubukları gizler
  • Site - tüm renk varyasyonları eklendi varsayılan odak Renkler
  • Site - Tüm yüzen / varyasyonlar artık daha kolay
  • theming yapma küresel @floatedShadow devralan kaldırdı
  • Sabit - Sabit şimdi içten Geçerli kaydırma konumunu önbelleğe zaman cantFit = kaydırma DOM özelliği almamak için true
  • .
  • İstatistik - Üç istatistik, örneğin yeni eşit bölünmüş grup varyasyonu eklendi satır başına 3
  • gösterir
  • İstatistik - Statitic grup şimdi esnek kullanın. Stiller güncellendi.
  • Adımlar - Eklendi ekli adımlar, şimdi segmentinde gibi diğer UI takılabilir





















































































sürüm 1.3.2 yeni Nedir:









  • Düzeltmeler:





Sınırlamalar :


Benzer yazılım

Materialize
Materialize

10 Feb 16

HTML5 Admin
HTML5 Admin

28 Feb 15

Jeet
Jeet

14 Apr 15

Yorumlar Semantic UI

Yorum Bulunamadı
Yorum eklemek
Görüntülerde açın!