Bootstrap 4.5.0 ile Gelen Icon Kütüphanesi ve 5. Sürüm’e Hazırlık

Front-end geliştiricilerinin en çok kullandığı UI kütüphanelerinden biri olan Bootstrap “4.5.0” sürümüne güncellendi.

Belirli aralıklarla güncellenen kütüphanede genelde minör hata düzenlemeleri ve güncellemeler yapılıyordu. Bootstrap v4.5.0 sürümündeyse, oldukça fazla hata düzeltmesiyle birlikte yeni özellikler ve değişiklikler ile geldi. Başlangıçta bir v4.4.2 yama sürümü olarak planlanan v4.5.0 sürümü, v4 ve yaklaşan v5 arasındaki boşluğu kapatmaya yardımcı olacak yeni özellikleriyle bir ara sürüm olarak güncellendi.

Bu sürümdeki özelliklerden anladığımız kadarıyla Bootstrap 5 öncesinde bazı kütüphane geliştirmeleri yaparak altyapıyı 5. sürüme hazırlamaya çalışıyorlar.

Bootstrap v4.5.0 sürüm notlarını Bootstrap Blog’dan (buradan) inceleyebilirsiniz.

Yeni gelen kütüphanede, neredeyse 700'e yakın çok kullanılan icon tasarlanmış ve artırılmaya devam edilecek gibi görünüyor.

Font Awesome kütüphanesinden aşina olduğumuz gibi <i class=”fas fa-user-md”> tarzı bir kullanım seçilmemiş.

Basitçe görseldeki gibi kullanım tipleri belirtilmiş

İster SVG kodunu alın isterseniz de Node-modules’den kurun ya da direkt indirerek klasör olarak eklediğiniz yerden img src vererek icon’ları çağırın. CSS ile düzenlemelerinizi basitçe yapabilirsiniz.

Ben genel olarak icomoon ile svg’leri ikon kütüphanesine dönüştürüp kullanmayı tercih ediyorum. Tercihiniz tasarımcınız ile ilgili bir durum. Eğer tasarımcınız bu tarz bir kütüphaneden icon kullanırsa icon’ları ekle, çıkart, icon-font’a dönüştür ile uğraşmak zorunda kalmazsınız.

Icon’lar şimdilik kurulumda normal Bootstrap ile gelmemekte. Buradan erişerek npm veya git kütüphanesinden indirebilirsiniz.

İnternet sitelerinin %20'si tarafından kullanılan Bootstrap’in 5. sürümü ise köklü değişiklikler ile gelecek. Bu değişikliklerden de kısaca bahsedelim;

• Yılların kütüphanesi jQuery kaldırılacak.
• Vanilla JavaScript’e geçilecek.
• Responsive Font Size gelecek.
• Internet Explorer 10 ve 11 desteği kaldırılacak. Sharepoint tarzı sistem kullanıcıları için geliştirilen sitelerde de yeni kütüphaneyi kullanamayabilirler.
• Gutter genişliği ve ölçü birimleri değiştirilecek.
• Kaldırılan kart desteleri.
• Navbar optimizasyonu
• Özel SVG icon kitaplığı
• Jekyll’den Hugo’ya geçiş.
• Class güncellemeleri.

Yeni kütüphaneye geçiş öncesi yukarıdaki değişikliklere eklemeler olacaktır diye düşünüyorum.

Kaynak: https://designmodo.com/bootstrap-5/

#Bootstrap #Bootstrap5 #CSS #UIKit