Panduan UI semantik

Apa itu Semantik UI?

Semantic UI adalah kerangka pembangunan front-end yang serupa dengan bootstrap yang dirancang untuk bertema. Ia mengandungi komponen semantik pra-binaan yang membantu membuat susun atur yang indah dan responsif menggunakan HTML yang mesra manusia.

Menurut laman web Semantic UI, kerangka kerja menggunakan HTML yang ringkas, JavaScript yang intuitif, dan penyahpepijatan yang dipermudah untuk menjadikan pengembangan front-end pengalaman yang menyenangkan dan menyenangkan.

Dan ia bergabung dengan React, Angular, Meteor, Ember dan banyak kerangka lain untuk membantu mengatur lapisan UI di samping logik aplikasi.

Sejarah Versi U Semantik

Pra-pelepasan pertama muncul di github pada bulan September 2013, yang dibuat oleh Jack Lukic.

Semantik UI 1.xpertama kali dilancarkan pada bulan November 2014 dengan perubahan yang ketara pada pra-rilis sebelumnya.

Semantik UI 2.xpertama kali dikeluarkan pada bulan Jun 2015 dan memperkenalkan ui baru, beberapa perbaikan bug, peningkatan, dan peningkatan tema lalai.

Sokongan Penyemak Imbas U Semantik

Versi semasa 2.2.xmenyokong penyemak imbas berikut

  • 2 Versi Terakhir FF, Chrome, Safari Mac
  • IE 11+
  • Android 4.4+, Chrome untuk Android 44+
  • iOS Safari 7+
  • Microsoft Edge 12+

Cara Memasang UI Semantik

Terdapat beberapa cara memasang Semantic UI, beberapa cara termudah adalah seperti berikut:

Melalui Rangkaian Penghantaran Kandungan (CDN)

Sejauh ini adalah yang paling mudah untuk pemula. Buat fail HTML seperti di bawah

   Semantic UI         

NOTE:Pautan CDN di atas pada baris 5, akan merangkumi semua komponen yang ada di Semantic UI. Sekiranya anda ingin memasang komponen tertentu, klik di sini untuk melihat pautan CDN masing-masing.

Menggunakan Alat Bina

Ini akan menganggap anda menggunakan OS Ubuntu Linux dengan nodedan npmdipasang, untuk sistem operasi lain klik di sini

Dalam direktori projek anda, pasang tegukan secara global menggunakan npm

npm install -g gulp

Pasang UI Semantik

npm install semantic-ui --save cd semantic/ gulp build

Sertakan dalam HTML

Kemas kini Melalui npm

npm update

Berintegrasi dengan Kerangka Kerja yang lain

Anda boleh mengintegrasikan Semantik UI dengan kerangka pembangunan Front-end yang lain seperti React, Angular, Ember atau Meteor. Klik di sini untuk maklumat lebih lanjut dan arahan integrasi.

Maklumat Lanjut mengenai Semantik UI:

Semantik UI mempunyai dokumentasi yang teliti dan tersusun dengan baik yang akan membolehkan anda beroperasi dan beroperasi dalam masa yang singkat. Pautan berikut akan berguna dalam perjalanan UI Semantik anda.

  • Laman Web Semantik UI
  • Bermula dengan UI Semantik
  • Contoh Templat UI Semantik
  • Menyesuaikan dan Membuat Tema UI Semantik