Semantic UI

Software screenshot:
Semantic UI
Rincian Software:
Versi: 2.1.8 Diperbarui
Tanggal Upload: 10 Feb 16
Pengembang: Jack Lukic
Lisensi: Gratis
Popularitas: 79

Rating: 3.5/5 (Total Votes: 2)

Semantic UI tidak hanya terfokus pada penyediaan kekayaan widget UI, tetapi juga berfokus pada cara komponen ini ditulis, sehingga siapapun tahu apa kode tidak hanya dengan melihat itu.

Dengan melakukan ini, UIS Semantic bertenaga tidak hanya mudah untuk menulis, tapi mudah memodifikasi pada titik-titik nanti.

Semantic UI datang dengan banyak komponen siap pakai di luar kotak dan tersedia dalam CSS dan KURANG.

Apa yang baru di rilis ini:

  • UI New:
  • Kontainer - Wadah kontainer lebar dimaksudkan untuk memegang isi halaman tetap, dan merupakan alternatif yang lebih sederhana ke halaman ui grid, melihat lebih banyak contoh di docs
  • Pilih - Baru beberapa jenis dropdown telah ditambahkan. Banyak perbaikan dropdown baru telah ditambahkan termasuk fitur tagging / tokenizing dan loading data melalui permintaan API.
  • Embed - komponen embed New memungkinkan untuk sematan iframe responsif yang mempertahankan aspek rasio mereka. Embed dapat digunakan dengan YouTube atau Vimeo video, bersama dengan konten placeholder untuk menghindari memuat pustaka pihak ketiga sampai pengguna memilih untuk berinteraksi dengan video.
  • Major tambahan:
  • Site - Ditambahkan warna baru zaitun, ungu, coklat dan abu-abu. Ini tersedia dalam semua elemen dengan variasi warna.
  • API - API sekarang dapat digunakan dengan tanggapan diejek, dan permintaan AJAX kustom. mockResponse telah ditambahkan untuk menyelesaikan permintaan dengan objek JSON sudah ditentukan, atau fungsi callback sinkron.
  • API mockResponseAsync telah ditambahkan untuk permintaan asynchronous kustom. Hal ini memungkinkan Anda untuk menentukan callback async kustom untuk menyelesaikan permintaan API, membantu dengan integrasi dengan perpustakaan seperti Ember atau sudut yang mungkin membungkus permintaan AJAX.
  • API - callback API sekarang memiliki callback onResponse yang dapat menyesuaikan respon server sebelum diurai oleh callback lain untuk kondisi keberhasilan atau kegagalan
  • .
  • API - API sekarang menyediakan pengaturan caching lokal untuk menghindari roundtrips server untuk url identik dengan menggunakan cache: 'lokal'. Ini tidak diaktifkan secara default. caching lokal berguna untuk hasil yang harus mengembalikan nilai-nilai yang sama di satu sesi, misalnya ketika query sebuah autocomplete.
  • Card - Kartu sekarang mendukung beberapa blok konten kustom. blok konten dan gambar sekarang dapat muncul dalam urutan apapun.
  • Checkbox - Checkbox tidak lagi memerlukan javascript untuk fungsi
  • .
  • Checkbox -. Ditambahkan dukungan untuk kotak centang tak tentu, bersama dengan stylings baru
  • Checkbox - Sekarang termasuk perilaku terpisah untuk memicu perubahan negara tanpa melibatkan callback set diperiksa vs diperiksa
  • Dropdown -. Ditambahkan integrasi API jauh dengan dropdown, untuk memungkinkan pemilihan pencarian untuk query terhadap dataset terpencil
  • Dimmer - Dimmer sekarang memiliki variasi kabur yang menerapkan efek kaca-seperti ketika redup
  • Dropdown - dropdown sekarang secara otomatis mengamati perubahan dalam menu dan akan memperbarui pemilih tembolok dengan tambahan baru
  • dropdown - kemampuan untuk menambahkan pilihan kustom untuk semua dropdown pilihan pencarian (multi / tunggal) menggunakan allowAdditions Ditambahkan: pengaturan yang benar. Cari sekarang menampilkan pesan kesalahan pada tidak ada hasil dalam semua kasus.
  • Dropdown -. Pintasan keyboard telah ditambahkan untuk memilih pilihan dropdown, misalnya "N" akan bergulir ke "New York" dalam daftar pilihan negara, mirip dengan nativebehavior
  • Dropdown -. Ditambahkan variasi dropdown baru bergulir dropdown dan menu bergulir, ini dapat digunakan untuk menyertakan bagian digulir di dalam menu dropdown
  • Dropdown - Dropdown otomatis akan menghidupkan atas jika tidak ada cukup ruang untuk tampil di bawah
  • .
  • Dropdown - Menggunakan halaman dan halaman bawah tombol sekarang akan menggulir menu dengan halaman pada satu waktu
  • Form - Formulir sekarang menggunakan flexbox untuk menciptakan kelompok bidang. bidang inline sekarang mendukung (x) ukuran lebar menggunakan fleksibel
  • Grid - Grids sekarang menggunakan flexbox, kolom sekarang semua sama tinggi secara default. Baru jenis flexbox keselarasan seperti peregangan telah ditambahkan untuk penyelarasan vertikal lebih mudah. ​​
  • Beberapa UI - Banyak komponen sekarang menggunakan flexbox, yang berarti perbaikan membingungkan sebelumnya seperti font-size: 0; untuk menghapus white-space dari blok inline tidak lagi diperlukan. Menghapus hack ini, sekarang berarti setiap elemen dapat menjadi anak langsung dari kotak atau menu.
  • Modal - Ditambahkan pengaturan baru kabur dan terbalik yang secara otomatis mengatur modal untuk dimmer baik terbalik atau mengaburkan
  • .
  • Menu - menu sekarang menggunakan flexbox. Hal ini memungkinkan item menu untuk mencocokkan satu sama lain ketinggian terlepas dari setiap item ukuran konten. konten menu sekarang harus mengikuti konten menu lain, bukan mendahuluinya (tidak lagi menggunakan float).
  • Grid - Grids sekarang flexbox dan sama tinggi secara default, variasi sama tinggi dapat dengan aman dihapus
  • Popup -. Popup telah ditulis ulang secara drastis meningkatkan kinerja, terutama ketika menguji beberapa posisi
  • Transition - penggantian animasi javascript telah dihapus dari komponen UI seperti dropdown dan popup untuk meningkatkan kinerja. Hal ini menghilangkan kebutuhan untuk penyeleksi semu mahal seperti: terlihat,: animasi dan. Tersembunyi dan mengurangi filesize
  • Validasi Form - Form validasi sekarang menggunakan pengaturan tunggal keberatan seperti modul lain. Menggunakan (bidang, pengaturan) akan terus bekerja tetapi akan menghasilkan pemberitahuan bantahan di konsol
  • Form Validasi -. Formulir validasi sekarang mendukung banyak aturan validasi baru, termasuk beberapa khusus untuk digunakan dengan beberapa pilih nilai
  • Item - Item sekarang menggunakan flexbox untuk layout
  • .
  • Pesan - ikon pesan sekarang menggunakan flexbox untuk layout
  • Menu - menu tabel vertikal, menu tab vertikal, telah ditambahkan
  • Input - Semua jenis masukan menggunakan flexbox untuk layout
  • Segmen - Segmen sekarang mendukung bersarang kompleks, banyak aturan baru untuk bagaimana kelompok segmen harus muncul di dalam kelompok
  • Segmen -. Kelompok segmen horisontal New menjadikan meletakkan auto Resize kolom teks lebih mudah
  • Sidebar - iOS sekarang akan benar melaporkan nilai scrollTop untuk dokumen atau badan saat menggunakan sidebar. Chrome di iOS tidak lagi memiliki masalah dengan konten tetap tidak menempel langsung ketika menggunakan sidebar.
  • Shapes - Bentuk sekarang benar menyesuaikan untuk margin pada sisi
  • Langkah - Langkah sekarang menggunakan flexbox, langkah-langkah cairan sekarang pusat konten dalam setiap langkah
  • Langkah - langkah tidak perlu lagi menghitung barang dan secara otomatis akan membagi secara merata
  • Transition - kode Transition telah dioptimalkan untuk meningkatkan kinerja. 100% perbaikan pada animasi pertama, dan 40% perbaikan pada animasi berikutnya.
  • Visibilitas - Menggunakan .visibility ({type: 'tetap'}) sekarang akan secara otomatis menambahkan elemen pengganti yang akan bertukar tempat dengan unsur saat itu melekat viewport. Ini harus membuat konten tetap drastis sederhana.
  • Visibilitas - Visibilitas dan lengket sekarang menggunakan pub / sub pola yang lebih performant yang hanya akan melampirkan acara tunggal untuk konteks scroll
  • .
  • Visibilitas - Ditambahkan dua callback visibilitas baru onOnScreen dan onOffScreen, yang terjadi, yang paling jelas ketika elemen pertama muncul dalam atau keluar dari area pandang browser
  • .
  • Fitur tambahan:
  • Site -. Ditambahkan banyak variabel situs baru, termasuk kemampuan untuk mengontrol ukuran masukan seluruh UI inputPadding, bersama dengan warna yang lebih perbatasan, aksen, dan warna
  • Accordion - menambahkan onOpening dan onClosing callback (sebelum animasi) untuk pergi dengan OnOpen, OnClose (setelah animasi)
  • Accordion -. Ditambahkan pengaturan untuk menentukan akordeon memicu event
  • Umpan Kegiatan - pakan Activity telah ditulis ulang untuk menggunakan flexbox
  • API - API sekarang memiliki pengaturan baru throttleFirstRequest dan interruptRequests. permintaan interupsi akan membatalkan permintaan sebelumnya pada elemen ketika membuat permintaan baru. throttleFirstRequest, mengatur apakah permintaan pertama atau hanya permintaan berikutnya harus mencekik ketika durasi throttle ditentukan.
  • Build Tools - Membangun alat akan menampilkan kesalahan pra-ditentukan ketika file tema yang hilang atau elemen menentukan tema tidak tersedia
  • .
  • Membangun Tools - Menyesuaikan site.variables sekarang akan membangun kembali semua UI, bukan hanya site.less
  • Tombol - Ditambahkan: gaya fokus untuk semua jenis tombol, semua contoh tombol di docs sekarang adalah keyboard yang focusable menggunakan salah satu atau tabindex mana yang sesuai
  • .
  • Card - Kartu sekarang termasuk variasi berpusat
  • Checkbox -. Checkbox akan perilaku sekarang anggun benar dipanggil pada elemen input anak bukannya kotak centang ui
  • Checkbox - Mengurangi ukuran kb dari ikon huruf
  • Divider - pembagi vertikal dalam ui jaringan sekarang account untuk kolom bantalan
  • Dropdown - Bersarang menu bergulir sekarang mendukung pilihan keyboard, misalnya menekan "A" untuk apel, dan keyboard bergulir.
  • Dropdown - dropdown sekarang memiliki pengaturan pertandingan untuk menentukan apakah akan cocok pada teks, nilai atau kedua
  • Dropdown - pilih dropdown multi sekarang memiliki pengaturan baru untuk menentukan pilihan maksimum count
  • Dropdown - Dropdown memiliki placeholder baru menetapkan untuk menetapkan placeholder teks dalam javascript
  • Dropdown - opsi Ditambahkan showOnFocus yang memungkinkan Anda menentukan apakah menu dropdown harus menunjukkan pada fokus
  • Dropdown - fullTextSearch: benar sekarang menggunakan pencarian fuzzy (sama seperti pencarian ui)
  • Dropdown - Halaman bawah dan halaman sekarang bekerja dengan menu dropdown
  • Dropdown - Dropdown diinisialisasi dengan prop dinonaktifkan pada pilihan akan sekarang benar muncul dinonaktifkan
  • Dropdown - Ditambahkan negara item yang cacat, item cacat secara otomatis akan dilewati dengan pilihan keyboard
  • Form - Ditambahkan sejumlah gaya baru untuk bidang formulir dilengkapi otomatis oleh browser Anda, termasuk kesalahan dilengkapi otomatis, dan fokus negara
  • Form - Ditambahkan aturan warna tempat untuk IE, ms-input-placeholder
  • Form - Perbaiki bidang errored warna pilihan keyboard dropdown
  • Form - Menambahkan negara bentuk keberhasilan
  • Form Validasi - Ditambahkan adalah perilaku valid, mengembalikan benar / salah jika bentuk berlaku
  • Form Validasi - Ditambahkan [lapangan] aturan yang berbeda yang membutuhkan lapangan menjadi berbeda dari bidang lain
  • Form Validasi - Data-validate sekarang lebih diutamakan daripada skema validasi pencocokan lain seperti nama atau id
  • Form Validasi - Aturan baru untuk pencocokan terhadap ekspresi kustom biasa
  • Validasi Form - Form validasi sekarang memiliki minCount, MAXCOUNT, dan exactCount untuk memvalidasi beberapa pilihan
  • Grid - bersel jaringan sekarang menghilangkan sel internal pada ponsel dan tablet bila digunakan dengan dua kali lipat jaringan responsif variasi
  • .
  • Grid -. Ditambahkan layar besar saja dan layar lebar variasi hanya responsif untuk grid
  • Grid - sama lebar grid sekarang bekerja tanpa pembungkus baris
  • Grid - baris sekarang dapat membentang serta tengah sejajar, bawah selaras dan selaras atas
  • Grid - Tetap margin di grid bersel internal
  • Grid - bersel dan bersel internal jaringan sekarang menggunakan flexbox bukan display: table;
  • Header - Ditambahkan sub type header header baru, berguna untuk menampilkan header kecil di samping konten teks. Lihat contoh di docs sundulan
  • Gambar - Gambar sekarang termasuk variasi spasi untuk menambahkan spasi di sekitar gambar bila digunakan inline dengan teks
  • .
  • Input - Ditambahkan aturan warna tempat untuk IE, ms-input-placeholder
  • Input - Input Action sekarang mendukung beberapa tombol, dan dropdown
  • Label - Label sekarang memiliki negara melayang aktif dan aktif
  • Label - Label sekarang menetapkan ketinggian img bahkan ketika tidak menggunakan label image
  • Daftar - Setiap konten dalam daftar ui sekarang dapat vertikal sejajar
  • Menu - Tambahkan contoh / dokumentasi untuk menu tetap
  • Menu - Ditambahkan variasi menu stackable untuk menu responsif sederhana
  • Menu - Ditambahkan banyak variabel baru untuk menu
  • Menu -. Tetap beberapa masalah warisan untuk item dropdown menu dalam muncul sebagai item menu
  • Menu - Horizontal menu sekarang mengatur ukuran gambar default untuk gambar / logo
  • Menu - Menu item sekarang sedikit lebih empuk
  • Menu - The melayang / keadaan aktif item dropdown telah disesuaikan untuk mencocokkan barang. gaya dropdown dapat bertema khusus dalam menu.
  • Menu - Vertical menu dropdown tidak lagi 100% min-width
  • Modal - Modal sekarang menggunakan skala yang disesuaikan dalam transisi dalam tema default, yang harus lebih halus dan bekerja lebih baik dengan konten modal panjang
  • .
  • Modal - Modal onApprove dan onDeny kini menerima unsur pengaktif sebagai parameter pertama. Ditambahkan dokumentasi tentang menggunakan kembali palsu untuk menghindari bersembunyi elemen di klik.
  • Modal - konten Modal sekarang menggunakan flex, konten gambar sekarang memerlukan kelas konten gambar pada orang tua untuk memungkinkan stylings fleksibel
  • .
  • Popup - Popup sekarang mendefinisikan transformasi-asal sehingga animasi akan terpengaruh oleh arah elemen ditempatkan
  • Popup - OnShow dan onHide callback sekarang dapat membatalkan popup tampil atau menyembunyikan dengan kembali palsu
  • Popup - Ditambahkan ukuran variasi lebih untuk popup mini kecil
  • Progress - menunjukkan label sekarang adalah penggunaan lebih mudah dibaca variabel css terpisah dari yang menunjukkan bar warna
  • Reveal - Ditambahkan negara aktif baru yang memungkinkan Anda untuk menunjukkan mengungkapkan programatik
  • Search - ( '. Mencari'). Cache sekarang dapat dibersihkan menggunakan $ pencari ( 'membersihkan cache')
  • Segmen - Ditambahkan empuk dan variasi segmen yang sangat empuk
  • Search - Cari sekarang beroperasi dari sebuah id unik yang dihasilkan oleh posisi hasil untuk mengambil hasil. Untuk hasil pertama contoh kategori # 1 adalah 'A1'. Sebelumnya result judul digunakan sebagai "id", yang bisa menyebabkan masalah dengan duplikat judul, atau hasil yang tidak mengandung judul.
  • Search - Cari sekarang akan secara otomatis menambahkan kategori kelas saat menggunakan Jenis:. Kategori
  • Search - Cari sekarang akan menghasilkan hasil wadah jika salah satu tidak hadir pada init
  • Search - Cari sekarang menggunakan em untuk mengubah ukuran, membuat yakin itu akan mengubah ukuran dengan konten sekitarnya
  • Search - Pencarian cepat kini telah fokus gaya ditentukan jika tidak menggunakan input ui
  • Segmen -. Ditambahkan segmen kliring untuk kasus-kasus yang membutuhkan clearfix a
  • Sidebar - kinerja animasi Peningkatan melalui kinerja debugging. Sidebar sekarang cache, lebar, tinggi, arah rtl pada beban.
  • Site - Tetap campuran GLOBALS @defaultDuration dan penggunaan @transitionDuration menggunakan variabel tunggal di semua UI @defaultDuration, sama untuk @defaultEasing dan @transitionEasing
  • Site - Ditambahkan dalam variabel pageOverflowX, tema default menyembunyikan scrollbar horizontal pada tubuh
  • Site - Ditambahkan warna fokus default untuk semua variasi warna
  • Site - Semua mengambang / mengangkat variasi sekarang mewarisi dari @floatedShadow global yang membuat theming lebih mudah
  • Sticky - Sticky sekarang internal cache posisi gulir saat ketika cantFit = true untuk menghindari properti DOM pada scroll
  • .
  • Statistik - Ditambahkan variasi kelompok baru merata dibagi, misalnya tiga statistik menunjukkan 3 per baris
  • Statistik - kelompok Statitic sekarang menggunakan fleksibel. Gaya telah diperbarui.
  • Langkah - Ditambahkan langkah terpasang, yang sekarang dapat melekat UI lain seperti segmen
  • Tabs - Tab sekarang akan secara manual yang benar halaman scroll posisi saat menghubungkan ke jangkar di halaman di tab tersembunyi
  • Tabs - Ditambahkan callback baru onTabVisible dan onRequest
  • Tabs - Ditambahkan pilihan parseScripts, default untuk sekali parsing script inline hanya beban pertama
  • Table - Menambahkan variasi tabel dipilih, yang menunjukkan arahkan efek pada baris ketika melayang
  • Table - Ditambahkan vertical alignment variasi ke meja ui
  • Table - Ditambahkan baris variasi tabel yang mencegah teks dari pembungkus
  • Transition - Menyesuaikan gaya atau kelas selama transisi, tidak lagi akan mengatur ulang perubahan setelah transisi selesai
  • .
  • Transisi -. Transisi tidak lagi akan memaksa terlihat / tersembunyi dengan gaya inline jika onComplete callback set visibilitas
  • Visibilitas / Sticky - Visibilitas dan lengket sekarang menyegarkan secara otomatis setelah konten loading halaman untuk menghadapi perubahan posisi dari gambar memuat
  • Visibilitas / Sticky - Visibility sekarang menggunakan pub / sub pola untuk lebih meningkatkan kinerja scroll ketika melampirkan beberapa peristiwa
  • Visibilitas - Visiblity termasuk checkOnRefresh pengaturan baru yang menentukan apakah callback visibilitas harus terjadi di resize atau refresh
  • Visibilitas - gambar Visibility sekarang akan menunggu untuk memuat gambar malas yang berada di atas posisi layar saat ini, bukan hanya di bawah
  • .

Apa yang baru di versi 2.1.4:

  • UI New:
  • Kontainer - Wadah kontainer lebar dimaksudkan untuk memegang isi halaman tetap, dan merupakan alternatif yang lebih sederhana ke halaman ui grid, melihat lebih banyak contoh di docs
  • Pilih - Baru beberapa jenis dropdown telah ditambahkan. Banyak perbaikan dropdown baru telah ditambahkan termasuk fitur tagging / tokenizing dan loading data melalui permintaan API.
  • Embed - komponen embed New memungkinkan untuk sematan iframe responsif yang mempertahankan aspek rasio mereka. Embed dapat digunakan dengan YouTube atau Vimeo video, bersama dengan konten placeholder untuk menghindari memuat pustaka pihak ketiga sampai pengguna memilih untuk berinteraksi dengan video.
  • Major tambahan:
  • Site - Ditambahkan warna baru zaitun, ungu, coklat dan abu-abu. Ini tersedia dalam semua elemen dengan variasi warna.
  • API - API sekarang dapat digunakan dengan tanggapan diejek, dan permintaan AJAX kustom. mockResponse telah ditambahkan untuk menyelesaikan permintaan dengan objek JSON sudah ditentukan, atau fungsi callback sinkron.
  • API mockResponseAsync telah ditambahkan untuk permintaan asynchronous kustom. Hal ini memungkinkan Anda untuk menentukan callback async kustom untuk menyelesaikan permintaan API, membantu dengan integrasi dengan perpustakaan seperti Ember atau sudut yang mungkin membungkus permintaan AJAX.
  • API - callback API sekarang memiliki callback onResponse yang dapat menyesuaikan respon server sebelum diurai oleh callback lain untuk kondisi keberhasilan atau kegagalan
  • .
  • API - API sekarang menyediakan pengaturan caching lokal untuk menghindari roundtrips server untuk url identik dengan menggunakan cache: 'lokal'. Ini tidak diaktifkan secara default. caching lokal berguna untuk hasil yang harus mengembalikan nilai-nilai yang sama di satu sesi, misalnya ketika query sebuah autocomplete.
  • Card - Kartu sekarang mendukung beberapa blok konten kustom. blok konten dan gambar sekarang dapat muncul dalam urutan apapun.
  • Checkbox - Checkbox tidak lagi memerlukan javascript untuk fungsi
  • .
  • Checkbox -. Ditambahkan dukungan untuk kotak centang tak tentu, bersama dengan stylings baru
  • Checkbox - Sekarang termasuk perilaku terpisah untuk memicu perubahan negara tanpa melibatkan callback set diperiksa vs diperiksa
  • Dropdown -. Ditambahkan integrasi API jauh dengan dropdown, untuk memungkinkan pemilihan pencarian untuk query terhadap dataset terpencil
  • Dimmer - Dimmer sekarang memiliki variasi kabur yang menerapkan efek kaca-seperti ketika redup
  • Dropdown - dropdown sekarang secara otomatis mengamati perubahan dalam menu dan akan memperbarui pemilih tembolok dengan tambahan baru
  • dropdown - kemampuan untuk menambahkan pilihan kustom untuk semua dropdown pilihan pencarian (multi / tunggal) menggunakan allowAdditions Ditambahkan: pengaturan yang benar. Cari sekarang menampilkan pesan kesalahan pada tidak ada hasil dalam semua kasus.
  • Dropdown -. Pintasan keyboard telah ditambahkan untuk memilih pilihan dropdown, misalnya "N" akan bergulir ke "New York" dalam daftar pilihan negara, mirip dengan nativebehavior
  • Dropdown -. Ditambahkan variasi dropdown baru bergulir dropdown dan menu bergulir, ini dapat digunakan untuk menyertakan bagian digulir di dalam menu dropdown
  • Dropdown - Dropdown otomatis akan menghidupkan atas jika tidak ada cukup ruang untuk tampil di bawah
  • .
  • Dropdown - Menggunakan halaman dan halaman bawah tombol sekarang akan menggulir menu dengan halaman pada satu waktu
  • Form - Formulir sekarang menggunakan flexbox untuk menciptakan kelompok bidang. bidang inline sekarang mendukung (x) ukuran lebar menggunakan fleksibel
  • Grid - Grids sekarang menggunakan flexbox, kolom sekarang semua sama tinggi secara default. Baru jenis flexbox keselarasan seperti peregangan telah ditambahkan untuk penyelarasan vertikal lebih mudah. ​​
  • Beberapa UI - Banyak komponen sekarang menggunakan flexbox, yang berarti perbaikan membingungkan sebelumnya seperti font-size: 0; untuk menghapus white-space dari blok inline tidak lagi diperlukan. Menghapus hack ini, sekarang berarti setiap elemen dapat menjadi anak langsung dari kotak atau menu.
  • Modal - Ditambahkan pengaturan baru kabur dan terbalik yang secara otomatis mengatur modal untuk dimmer baik terbalik atau mengaburkan
  • .
  • Menu - menu sekarang menggunakan flexbox. Hal ini memungkinkan item menu untuk mencocokkan satu sama lain ketinggian terlepas dari setiap item ukuran konten. konten menu sekarang harus mengikuti konten menu lain, bukan mendahuluinya (tidak lagi menggunakan float).
  • Grid - Grids sekarang flexbox dan sama tinggi secara default, variasi sama tinggi dapat dengan aman dihapus
  • Popup -. Popup telah ditulis ulang secara drastis meningkatkan kinerja, terutama ketika menguji beberapa posisi
  • Transition - penggantian animasi javascript telah dihapus dari komponen UI seperti dropdown dan popup untuk meningkatkan kinerja. Hal ini menghilangkan kebutuhan untuk penyeleksi semu mahal seperti: terlihat,: animasi dan. Tersembunyi dan mengurangi filesize
  • Validasi Form - Form validasi sekarang menggunakan pengaturan tunggal keberatan seperti modul lain. Menggunakan (bidang, pengaturan) akan terus bekerja tetapi akan menghasilkan pemberitahuan bantahan di konsol
  • Form Validasi -. Formulir validasi sekarang mendukung banyak aturan validasi baru, termasuk beberapa khusus untuk digunakan dengan beberapa pilih nilai
  • Item - Item sekarang menggunakan flexbox untuk layout
  • .
  • Pesan - ikon pesan sekarang menggunakan flexbox untuk layout
  • Menu - menu tabel vertikal, menu tab vertikal, telah ditambahkan
  • Input - Semua jenis masukan menggunakan flexbox untuk layout
  • Segmen - Segmen sekarang mendukung bersarang kompleks, banyak aturan baru untuk bagaimana kelompok segmen harus muncul di dalam kelompok
  • Segmen -. Kelompok segmen horisontal New menjadikan meletakkan auto Resize kolom teks lebih mudah
  • Sidebar - iOS sekarang akan benar melaporkan nilai scrollTop untuk dokumen atau badan saat menggunakan sidebar. Chrome di iOS tidak lagi memiliki masalah dengan konten tetap tidak menempel langsung ketika menggunakan sidebar.
  • Shapes - Bentuk sekarang benar menyesuaikan untuk margin pada sisi
  • Langkah - Langkah sekarang menggunakan flexbox, langkah-langkah cairan sekarang pusat konten dalam setiap langkah
  • Langkah - langkah tidak perlu lagi menghitung barang dan secara otomatis akan membagi secara merata
  • Transition - kode Transition telah dioptimalkan untuk meningkatkan kinerja. 100% perbaikan pada animasi pertama, dan 40% perbaikan pada animasi berikutnya.
  • Visibilitas - Menggunakan .visibility ({type: 'tetap'}) sekarang akan secara otomatis menambahkan elemen pengganti yang akan bertukar tempat dengan unsur saat itu melekat viewport. Ini harus membuat konten tetap drastis sederhana.
  • Visibilitas - Visibilitas dan lengket sekarang menggunakan pub / sub pola yang lebih performant yang hanya akan melampirkan acara tunggal untuk konteks scroll
  • .
  • Visibilitas - Ditambahkan dua callback visibilitas baru onOnScreen dan onOffScreen, yang terjadi, yang paling jelas ketika elemen pertama muncul dalam atau keluar dari area pandang browser
  • .
  • Fitur tambahan:
  • Site -. Ditambahkan banyak variabel situs baru, termasuk kemampuan untuk mengontrol ukuran masukan seluruh UI inputPadding, bersama dengan warna yang lebih perbatasan, aksen, dan warna
  • Accordion - menambahkan onOpening dan onClosing callback (sebelum animasi) untuk pergi dengan OnOpen, OnClose (setelah animasi)
  • Accordion -. Ditambahkan pengaturan untuk menentukan akordeon memicu event
  • Umpan Kegiatan - pakan Activity telah ditulis ulang untuk menggunakan flexbox
  • API - API sekarang memiliki pengaturan baru throttleFirstRequest dan interruptRequests. permintaan interupsi akan membatalkan permintaan sebelumnya pada elemen ketika membuat permintaan baru. throttleFirstRequest, mengatur apakah permintaan pertama atau hanya permintaan berikutnya harus mencekik ketika durasi throttle ditentukan.
  • Build Tools - Membangun alat akan menampilkan kesalahan pra-ditentukan ketika file tema yang hilang atau elemen menentukan tema tidak tersedia
  • .
  • Membangun Tools - Menyesuaikan site.variables sekarang akan membangun kembali semua UI, bukan hanya site.less
  • Tombol - Ditambahkan: gaya fokus untuk semua jenis tombol, semua contoh tombol di docs sekarang adalah keyboard yang focusable menggunakan salah satu atau tabindex mana yang sesuai
  • .
  • Card - Kartu sekarang termasuk variasi berpusat
  • Checkbox -. Checkbox akan perilaku sekarang anggun benar dipanggil pada elemen input anak bukannya kotak centang ui
  • Checkbox - Mengurangi ukuran kb dari ikon huruf
  • Divider - pembagi vertikal dalam ui jaringan sekarang account untuk kolom bantalan
  • Dropdown - Bersarang menu bergulir sekarang mendukung pilihan keyboard, misalnya menekan "A" untuk apel, dan keyboard bergulir.
  • Dropdown - dropdown sekarang memiliki pengaturan pertandingan untuk menentukan apakah akan cocok pada teks, nilai atau kedua
  • Dropdown - pilih dropdown multi sekarang memiliki pengaturan baru untuk menentukan pilihan maksimum count
  • Dropdown - Dropdown memiliki placeholder baru menetapkan untuk menetapkan placeholder teks dalam javascript
  • Dropdown - opsi Ditambahkan showOnFocus yang memungkinkan Anda menentukan apakah menu dropdown harus menunjukkan pada fokus
  • Dropdown - fullTextSearch: benar sekarang menggunakan pencarian fuzzy (sama seperti pencarian ui)
  • Dropdown - Halaman bawah dan halaman sekarang bekerja dengan menu dropdown
  • Dropdown - Dropdown diinisialisasi dengan prop dinonaktifkan pada pilihan akan sekarang benar muncul dinonaktifkan
  • Dropdown - Ditambahkan negara item yang cacat, item cacat secara otomatis akan dilewati dengan pilihan keyboard
  • Form - Ditambahkan sejumlah gaya baru untuk bidang formulir dilengkapi otomatis oleh browser Anda, termasuk kesalahan dilengkapi otomatis, dan fokus negara
  • Form - Ditambahkan aturan warna tempat untuk IE, ms-input-placeholder
  • Form - Perbaiki bidang errored warna pilihan keyboard dropdown
  • Form - Menambahkan negara bentuk keberhasilan
  • Form Validasi - Ditambahkan adalah perilaku valid, mengembalikan benar / salah jika bentuk berlaku
  • Form Validasi - Ditambahkan [lapangan] aturan yang berbeda yang membutuhkan lapangan menjadi berbeda dari bidang lain
  • Form Validasi - Data-validate sekarang lebih diutamakan daripada skema validasi pencocokan lain seperti nama atau id
  • Form Validasi - Aturan baru untuk pencocokan terhadap ekspresi kustom biasa
  • Validasi Form - Form validasi sekarang memiliki minCount, MAXCOUNT, dan exactCount untuk memvalidasi beberapa pilihan
  • Grid - bersel jaringan sekarang menghilangkan sel internal pada ponsel dan tablet bila digunakan dengan dua kali lipat jaringan responsif variasi
  • .
  • Grid -. Ditambahkan layar besar saja dan layar lebar variasi hanya responsif untuk grid
  • Grid - sama lebar grid sekarang bekerja tanpa pembungkus baris
  • Grid - baris sekarang dapat membentang serta tengah sejajar, bawah selaras dan selaras atas
  • Grid - Tetap margin di grid bersel internal
  • Grid - bersel dan bersel internal jaringan sekarang menggunakan flexbox bukan display: table;
  • Header - Ditambahkan sub type header header baru, berguna untuk menampilkan header kecil di samping konten teks. Lihat contoh di docs sundulan
  • Gambar - Gambar sekarang termasuk variasi spasi untuk menambahkan spasi di sekitar gambar bila digunakan inline dengan teks
  • .
  • Input - Ditambahkan aturan warna tempat untuk IE, ms-input-placeholder
  • Input - Input Action sekarang mendukung beberapa tombol, dan dropdown
  • Label - Label sekarang memiliki negara melayang aktif dan aktif
  • Label - Label sekarang menetapkan ketinggian img bahkan ketika tidak menggunakan label image
  • Daftar - Setiap konten dalam daftar ui sekarang dapat vertikal sejajar
  • Menu - Tambahkan contoh / dokumentasi untuk menu tetap
  • Menu - Ditambahkan variasi menu stackable untuk menu responsif sederhana
  • Menu - Ditambahkan banyak variabel baru untuk menu
  • Menu -. Tetap beberapa masalah warisan untuk item dropdown menu dalam muncul sebagai item menu
  • Menu - Horizontal menu sekarang mengatur ukuran gambar default untuk gambar / logo
  • Menu - Menu item sekarang sedikit lebih empuk
  • Menu - The melayang / keadaan aktif item dropdown telah disesuaikan untuk mencocokkan barang. gaya dropdown dapat bertema khusus dalam menu.
  • Menu - Vertical menu dropdown tidak lagi 100% min-width
  • Modal - Modal sekarang menggunakan skala yang disesuaikan dalam transisi dalam tema default, yang harus lebih halus dan bekerja lebih baik dengan konten modal panjang
  • .
  • Modal - Modal onApprove dan onDeny kini menerima unsur pengaktif sebagai parameter pertama. Ditambahkan dokumentasi tentang menggunakan kembali palsu untuk menghindari bersembunyi elemen di klik.
  • Modal - konten Modal sekarang menggunakan flex, konten gambar sekarang memerlukan kelas konten gambar pada orang tua untuk memungkinkan stylings fleksibel
  • .
  • Popup - Popup sekarang mendefinisikan transformasi-asal sehingga animasi akan terpengaruh oleh arah elemen ditempatkan
  • Popup - OnShow dan onHide callback sekarang dapat membatalkan popup tampil atau menyembunyikan dengan kembali palsu
  • Popup - Ditambahkan ukuran variasi lebih untuk popup mini kecil
  • Progress - menunjukkan label sekarang adalah penggunaan lebih mudah dibaca variabel css terpisah dari yang menunjukkan bar warna
  • Reveal - Ditambahkan negara aktif baru yang memungkinkan Anda untuk menunjukkan mengungkapkan programatik
  • Search - ( '. Mencari'). Cache sekarang dapat dibersihkan menggunakan $ pencari ( 'membersihkan cache')
  • Segmen - Ditambahkan empuk dan variasi segmen yang sangat empuk
  • Search - Cari sekarang beroperasi dari sebuah id unik yang dihasilkan oleh posisi hasil untuk mengambil hasil. Untuk hasil pertama contoh kategori # 1 adalah 'A1'. Sebelumnya result judul digunakan sebagai "id", yang bisa menyebabkan masalah dengan duplikat judul, atau hasil yang tidak mengandung judul.
  • Search - Cari sekarang akan secara otomatis menambahkan kategori kelas saat menggunakan Jenis:. Kategori
  • Search - Cari sekarang akan menghasilkan hasil wadah jika salah satu tidak hadir pada init
  • Search - Cari sekarang menggunakan em untuk mengubah ukuran, membuat yakin itu akan mengubah ukuran dengan konten sekitarnya
  • Search - Pencarian cepat kini telah fokus gaya ditentukan jika tidak menggunakan input ui
  • Segmen -. Ditambahkan segmen kliring untuk kasus-kasus yang membutuhkan clearfix a
  • Sidebar - kinerja animasi Peningkatan melalui kinerja debugging. Sidebar sekarang cache, lebar, tinggi, arah rtl pada beban.
  • Site - Tetap campuran GLOBALS @defaultDuration dan penggunaan @transitionDuration menggunakan variabel tunggal di semua UI @defaultDuration, sama untuk @defaultEasing dan @transitionEasing
  • Site - Ditambahkan dalam variabel pageOverflowX, tema default menyembunyikan scrollbar horizontal pada tubuh
  • Site - Ditambahkan warna fokus default untuk semua variasi warna
  • Site - Semua mengambang / mengangkat variasi sekarang mewarisi dari @floatedShadow global yang membuat theming lebih mudah
  • Sticky - Sticky sekarang internal cache posisi gulir saat ketika cantFit = true untuk menghindari properti DOM pada scroll
  • .
  • Statistik - Ditambahkan variasi kelompok baru merata dibagi, misalnya tiga statistik menunjukkan 3 per baris
  • Statistik - kelompok Statitic sekarang menggunakan fleksibel. Gaya telah diperbarui.
  • Langkah - Ditambahkan langkah terpasang, yang sekarang dapat melekat UI lain seperti segmen





















































































Apa yang baru di versi 1.3.2:









  • Perbaikan:





Pembatasan :


Software yang serupa

Sassaparilla
Sassaparilla

13 May 15

Shadow UI
Shadow UI

14 Apr 15

Boilerstrap
Boilerstrap

13 Apr 15

CaiuSS
CaiuSS

9 Apr 16

Komentar untuk Semantic UI

Komentar tidak ditemukan
Tambahkan komentar
Aktifkan gambar!