Bangun Situs Web Responsif Lebih cepat dengan Semantic UI

Kerangka kerja frontend seperti Bootstrap masih populer. Ada puluhan pilihan bagus untuk dipilih, tetapi satu yang baru-baru ini menarik perhatian saya adalah UI semantik.

Memang perpustakaan ini telah ada selama beberapa waktu, sejak beberapa tahun yang lalu. Namun, rilis terbaru versi 2.2 hadir dengan banyak fitur tambahan dan membuktikan bahwa Semantic akan ada untuk jangka panjang.

Dengan lusinan Variabel CSS, kelas responsif sederhana, dan tata letak yang mudah diatur, Anda tidak akan kesulitan bekerja dengan Semantic UI sendiri.

Itu nama kelas sederhana dan struktur kisi benar-benar memberi arti pada kerangka kerja ini dipanggil “Semantik”. Kelas-kelasnya sangat masuk akal dan ini membuat HTML Anda mudah dibaca dari kejauhan.

Itu bahkan datang dengan dukungan jQuery untuk elemen halaman dinamis seperti komidi putar dan dropdown pilih menu.

Setiap elemen HTML di bawah matahari adalah disesuaikan dan berfungsi penuh dengan Semantic UI. Ini termasuk elemen HTML5 plus fungsionalitas ekstra seperti peringkat dan tab khusus.

Tapi, mungkin bagian terbaik dari Semantic adalah pengaturan theming. Anda tidak hanya mendapatkan banyak gaya pra-desain dan elemen dinamis, tetapi Anda juga bisa restyle ini sendiri membangun di atas kode Semantic.

Seluruh perpustakaan total 3.000+ variabel tema Anda dapat mengubah di Sass atau dengan memperpanjang stylesheet Anda sendiri. Plus, Semantic UI hadir dengan paket sembilan tema default:

Default Semantik
Tembem
Dibesarkan
Klasik
Bahan Google
Amazon
Bootstrap
GitHub
Kericau

Ini hanya puncak gunung es dan mereka bertindak lebih seperti titik awal untuk merancang tema Anda sendiri.

Jika Anda membuat halaman arahan baru atau situs web khusus dari awal, pertimbangkan untuk bekerja dengan UI Semantic. Ini benar-benar gratis dan bersumber terbuka dokumentasi online yang bagus.

Anda dapat menelusuri gaya tata letak, bersama panduan untuk semua elemen utama dan tema khusus.

Dan, Anda dapat mengunduh salinan kode sumber langsung dari GitHub, yang juga mencakup a panduan untuk pemula.