Bootstrap 4 Beta Telah Rilis





Ekuvia - Dua tahun pembuatannya, akhirnya tim Bootstrap merilis Bootstrap versi 4. Pada saat ini, telah memecahkan semua hal setidaknya dua puluh tujuh kali dengan hampir 5.000 comit, 650+ file berubah, 67.000 baris ditambahkan, dan 82.000 baris dihapus tim Bootstrap juga mengirimkan enam rilis alfa utama, trio Tema resmi, dan bahkan papan pekerjaan untuk ukuran yang baik. Sederhananya? Ini tentang waktu.

Bagi mereka yang belum menggunakan rilis alpha v4, berikut adalah beberapa hal menarik untuk membuat Anda terperangkap.
  1. Dipindahkan dari Less to Sass. Bootstrap sekarang mengkompilasi lebih cepat dari sebelumnya berkat Libsass, dan tim Bootstrap bergabung dengan komunitas pengembang Sass yang semakin besar. 
  2. Flexbox dan sistem grid yang lebih baik. tim Bootstrap telah memindahkan hampir semuanya ke flexbox, menambahkan tier grid baru untuk menargetkan perangkat seluler dengan lebih baik, dan benar-benar merombak sumber Sass dengan variabel, mixin, dan sekarang juga yang lebih baik. 
  3. Thumbnail, dan panel untuk card. Card adalah komponen baru untuk Bootstrap, tapi mereka akan merasa sangat familiar saat mengerjakan hampir semua barang, thumbnail, dan panel, hanya lebih baik. 
  4. Forked Normalize.css dan mengkonsolidasikan semua HTML menjadi modul CSS baru, Reboot. Normalize.css telah mengambil jalur yang berbeda dari yang kita inginkan, menjatuhkan beberapa tweak inti CSS yang telah lama kita andalkan. Reboot mengambil inti dari Normalize.css dan memperluasnya untuk memasukkan lebih banyak lagi komisioning seperti box-sizing: border-box, tweak margin, dan lebih banyak lagi dalam satu file Sass. 
  5. Pilihan kustomisasi baru. Alih-alih menghias gaya hiasan seperti gradien, transisi, bayangan, kelas grid, dan lebih ke stylesheet terpisah seperti v3, tim Bootstrap telah memindahkan semua opsi tersebut ke variabel Sass. Ingin transisi default dalam segala hal atau untuk menonaktifkan sudut membulat? Cukup update variabel dan kompilasi ulang. 
  6. Tidak lagi mendukungan IE8 dan IE9, menjatuhkan versi browser lama, dan pindah ke unit rem untuk ukuran komponen guna memanfaatkan dukungan CSS yang lebih baru. Selain grid, piksel telah ditukar dengan rem dan ems yang sesuai untuk membuat tipografi responsif dan ukuran komponen lebih mudah. Butuh dukungan untuk IE8 / IE9, Safari 8-, iOS 8-, dll? Terus gunakan Bootstrap 3. 
  7. Rewrote semua plugin JavaScript. Setiap plugin telah ditulis ulang di ES6 untuk memanfaatkan perangkat tambahan JavaScript terbaru dengan metode teardown baru, pengecekan jenis opsi, metode baru, dan lainnya. 
  8. Peningkatan penempatan otomatis tooltips, popovers, dan dropdownberkat bantuan sebuah perpustakaan bernama Popper.js
  9. Didesain ulang dan dokumentasi yang lebih baik. Tim Bootstrap mendesain ulang, menulis ulang semuanya, dan menambahkan beberapa plugin berguna untuk merampingkan sample dan cuplikan kode agar kerja lebih baik dengan cara lebih mudah dilakukan. Tim Bootstrap juga menambahkan formulir pencarian baru yang lebih baik dari sebelumnya! 
  10. Alat pembuatan baru yang ditulis ulang secara keseluruhan dalam skrip npm bukan Grunt, sangat menyederhanakan proses pengembangan dan kontribusi pada Bootstrap. 
  11. Dan banyak lagi! Kontrol bentuk kustom, korsel yang didesain ulang, navbar yang dirombak, bentuk validasi HTML5, ratusan kelas utilitas responsif, komponen baru, dan banyak lagi juga telah disertakan. 
Oke, mau belajar lebih banyak lagi? Teruslah membaca, atau langsung beralih ke dokumen baru itu !

Sumber referensi : disini

Author : Lani Asep Sutisna

Tidak ada komentar:

Diberdayakan oleh Blogger.