Membina Laman Web Responsif Lebih Cepat dengan UI Semantik
Rangka kerja frontend seperti Bootstrap masih lagi marah. Terdapat puluhan pilihan yang hebat untuk dipilih tetapi satu yang baru-baru ini menarik perhatian saya UI Semantik.
Diberikan pustaka ini telah lama wujud, sejak beberapa tahun lagi. Walau bagaimanapun, versi terbaharu versi 2.2 datang dengan banyak ciri tambahan dan membuktikan bahawa Semantik akan berada di sekitar untuk jangka masa panjang.
Dengan berpuluh-puluh Pembolehubah CSS, kelas responsif mudah, dan susun atur mudah untuk persediaan, anda tidak akan mengalami masalah dengan UI Semantik anda sendiri.
The nama kelas mudah dan struktur grid benar-benar memberikan makna kepada rangka kerja ini yang dipanggil “Semantik”. Kelas-kelas yang sangat masuk akal dan ini menjadikan HTML mudah dibaca pada jarak yang jauh.
Ia juga datang dengan Sokongan jQuery untuk elemen halaman dinamik seperti carousels dan dropdown pilih menu.
Setiap elemen HTML di bawah matahari disesuaikan dan berfungsi sepenuhnya dengan Semantik UI. Ini termasuk elemen HTML5 ditambah fungsi tambahan seperti penilaian dan tab adat.
Tetapi, mungkin bahagian terbaik Semantik adalah persediaan theming. Bukan sahaja anda mendapat banyak gaya pra-reka dan elemen dinamik, tetapi anda juga boleh restyle ini sendiri bangunan di atas kod Semantik.
Jumlah keseluruhan perpustakaan 3,000 pemboleh ubah theming anda boleh mengubahnya dalam Sass atau dengan memperluaskan gaya anda sendiri. Plus, UI Semantik datang dengan pakej sembilan tema lalai:
- Default Semantik
- Chubby
- Dibesarkan
- Klasik
- Bahan Google
- Amazon
- Bootstrap
- GitHub
Ini hanyalah hujung gunung kecil dan mereka bertindak lebih seperti titik permulaan untuk mereka bentuk tema anda sendiri.
Sekiranya anda membina laman pendaratan atau laman web baharu dari awal, serius mempertimbangkan untuk bekerja dengan Semantik UI. Ia adalah sumber yang bebas dan terbuka dokumentasi hebat dalam talian.
Anda boleh menyemak imbas gaya susun atur, bersama dengan panduan untuk semua elemen utama dan tema tersuai.
Dan, anda boleh memuat turun a salinan kod sumber terus dari GitHub, yang juga termasuk a panduan untuk pemula.
