CapScroLL
Müdavim
- Katılım
- 22 Ağustos 2014
- Mesajlar
- 3,657
- Reaksiyon puanı
- 2,683
- Puanları
- 113
- Yaş
- 26
Okumaya başlamadan önce Bootstrap geliştiricilerinin, v5 hakkında yayınladıkları makaleye ekledikleri şarkıyı sizinle paylaşıyorum, keyifli bir sürüme keyifli bir şarkı yakıştırmışlar bu yüzden her iki konuda da kendilerini tebrik ediyorum 
Boostrap Nedir?
Bootstrap, ücretsiz bir CSS kütüphanesidir. Web tasarım işini fazlasıyla kolaylaştıran sınıflara sahiptir, örneğin iki kutucuğu yan yana koymak için sınıf oluşturup bunu tüm cihazların çözünürlüğüne uygun hale getirmekle uğraşmak yerine sadece iki adet sınıf(row ve col) kullanarak bunu yapabilirsiniz.
Neler Oluyor?
Artık Bootstrap 5 sürümünde jQuery ile bir bağlantı bulunmayacak ve Internet Explorer desteği tamamen kesildi! Geliştirici ekip geleceğe daha uygun araçlar geliştirmeye odaklandıklarını belirterek bu teknolojiler ile bağlantılarını kopardıklarını söyledi ve daha fazla CSS değişkeni, daha hızlı JS ve daha az bağımlılık vaadini sundu. Bootstrap 5 BETA için henüz net bir tarih yok fakat bir çok yerde BETA sürümün 2020'nin sonlarına doğru çıkacağı hakkında söylentiler var.
jQuery kullanımının bırakılmasının ardından JS ile ilgili yapılan geliştirmeleri, eklemeleri ve çıkarmaları şu Github adresinden öğrenebilirsiniz.
Bootstrap 5 İle Neler Geldi Neler Gitti?
jQuery kaldırıldı
8 Yıldan fazla süren jQuery çalışmaları tamamen kesildi ve ekip Vanilla JS üzerine yoğunlaştı. Angular, Vue ve React gibi JS çerçevelerinin jQuery'den daha hızlı çalışması ve daha yenilikçi olması kullanıcıların bu JS çerçevelerini kullanmasına neden oldu bununla beraber jQuery popülerliğini yitirmeye başladı.
Vanilla JS'e geçiş yapıldı
jQuery veya benzeri bir çerçeve yerine JS tercih edildi. Bootstrap geliştiricileri performans, yüksek boyut, vb. problemlere yol açtığı için işlerini jQuery ile halletmek yerine yerine tertemiz JS kodları yazarak halletmeyi uygun gördü.
Internet Explorer 10 ve 11 desteği kesildi
Web geliştiricilerin kabusu olan IE, güncel ES standartlarını henüz desteklemiyor. JS kodlarının ES6 yerine ES5 standartlarına göre derlenmesi gerekiyor bu da proje boyutunuzun hemen hemen %30 kadar daha fazla olmasına ve web tasarım potansiyelinizin düşmesine sebep oluyor, IE'nin güncel kullanım oranına da bakarsak Bootstrap geliştiricileri bununla uğraşmak yerine direkt fişini çekmiş gibi görünüyor.
Responsive yazı tipi boyutları
RFS motoru kullanılarak yazı tiplerinin boyutlarının tüm cihazlar için uygun hale getirilmesi hedefleniyor, v5 sürümünde RFS motoru varsayılan olarak aktif gelecek.
Row classı için "Gutter" özelliği getirildi
Oluşturduğunuz sütunların iç boşlukları ve dış doldurmalarını Gutter sınıfı ile kolaylıkla yapabileceksiniz, sütunların genişliği artık "px" yerine "rem" ile ayarlanacak. Gutter sınıfına atanan değerler 1-5 arasında olmalıdır, kullanımı ise şu şekilde
Card-deck sınıfı kaldırıldı
Bootstrap 4 sürümünde bitişik olmayan, eşit genişlik ve yüksekliğe sahip olan kartları oluşturabilmek için "card-deck" sınıfını kullanıyorduk fakat bunun Row-Col mantığı ile yapılabilmesi bu sınıfın gereksiz olduğunu gösteriyordu bu nedenle artık kaldırıldı
Eğer hâlâ ne olduğunu hatırlayamadıysanız hafızanızı tazeleyelim.
Navbar Optimizasyonu
Bootstrap 4 sürümünde navbar için görüntüleme seçeneği satır içiydi (inline-block) artık v5 ile beraber bu da kaldırıldı, bunun yanında küçük değişiklikler de yapıldı.
Yeni İkonlar
Geliştirici ve tasarımcıların Font Awesome gibi alternatif kaynaklara yönelmesi sebebiyle Glyphicons ikonlarının kullanımı neredeyse tamamen bitmişti ve Bootstrap 4 sürümünde bu font tamamen kaldırılmıştı. Bootstrap'in, ikon konusunda Font Awesome'a geçiş yapan kullanıcılara bir sürprizi var. Bootstrap'in kurucu ortağı olan Mark Otto, Bootstrap kullanıcıları için 1.024'ten fazla yeni ve modern ikon tasarladı, bu sayede ikonlar için ekstra bir yerlerden veri çekmemize gerek kalmıyor.
Birkaç yeni sınıf eklendi, bir kaç eski sınıf kaldırıldı
Şimdilik bildiğimiz kadarıyla kaldırılan sınıflar arasında şunlar var;
Yeni Logo
Geliştirici ekibin yeni logo hakkındaki açıklaması şöyle; Bu projenin başlangıcını yaratan CSS'den esinlenen logomuz, küme parantezleri ile sınırlanarak bir kural kümesi hissini somutlaştırıyor. Onu seviyoruz ve sizin de seveceğinizi düşünüyoruz.
Yeni Sürüm Hakkındaki Düşüncelerim
Yeni sürümde dikkatimi ilk çeken şey yeni ikonlar oldu, sonuçta Bootstrap hemen hemen tüm websitelerinde tasarım için kullanılan bir kütüphane fakat ikon içermemesi pek hoş değildi, kaldırılan ikonlar da zaten Font Awesome ile karşılaştırılamayacak kadar berbattı. Ancak yeni sürüm ile beraber gelen bu ikonlar gerçekten hoşuma gitti, gayet modern ve özelleştirilebilir olmaları mükemmel olmuş. jQuery ile olan bağlantının kesilmesi hakkında ne desem yanlış olur, yararlarını ve faydalarını ilerleyen zamanlarda deneyimleyerek öğrenebileceğimizi düşünüyorum. Temiz bir kütüphane yapısı açısından Card-deck tarzında gereksiz sınıfların kaldırılması güzel olmuş, sonuçta bunları row-col ilişkisi ile rahatça yapabiliyorken ekstra bir şeylerin eklenmesi fazlasıyla gereksizdi. Gutter sınıfını mutlaka bir yerlerde kullanacağımı biliyorum, bu yüzden eklenmesi mükemmel çok güzel olmuş. Yeni logonun renk tonu ve CSS'i andıran süslü parantez şekli gayet hoş olmuş, anlaşılan logo çalışmasını yapan kişi işini severek yapıyor.
Kaynak: Bootstrap, Designmodo
Boostrap Nedir?
Bootstrap, ücretsiz bir CSS kütüphanesidir. Web tasarım işini fazlasıyla kolaylaştıran sınıflara sahiptir, örneğin iki kutucuğu yan yana koymak için sınıf oluşturup bunu tüm cihazların çözünürlüğüne uygun hale getirmekle uğraşmak yerine sadece iki adet sınıf(row ve col) kullanarak bunu yapabilirsiniz.
Neler Oluyor?
Artık Bootstrap 5 sürümünde jQuery ile bir bağlantı bulunmayacak ve Internet Explorer desteği tamamen kesildi! Geliştirici ekip geleceğe daha uygun araçlar geliştirmeye odaklandıklarını belirterek bu teknolojiler ile bağlantılarını kopardıklarını söyledi ve daha fazla CSS değişkeni, daha hızlı JS ve daha az bağımlılık vaadini sundu. Bootstrap 5 BETA için henüz net bir tarih yok fakat bir çok yerde BETA sürümün 2020'nin sonlarına doğru çıkacağı hakkında söylentiler var.
jQuery kullanımının bırakılmasının ardından JS ile ilgili yapılan geliştirmeleri, eklemeleri ve çıkarmaları şu Github adresinden öğrenebilirsiniz.
Bootstrap 5 İle Neler Geldi Neler Gitti?
8 Yıldan fazla süren jQuery çalışmaları tamamen kesildi ve ekip Vanilla JS üzerine yoğunlaştı. Angular, Vue ve React gibi JS çerçevelerinin jQuery'den daha hızlı çalışması ve daha yenilikçi olması kullanıcıların bu JS çerçevelerini kullanmasına neden oldu bununla beraber jQuery popülerliğini yitirmeye başladı.
jQuery veya benzeri bir çerçeve yerine JS tercih edildi. Bootstrap geliştiricileri performans, yüksek boyut, vb. problemlere yol açtığı için işlerini jQuery ile halletmek yerine yerine tertemiz JS kodları yazarak halletmeyi uygun gördü.
Web geliştiricilerin kabusu olan IE, güncel ES standartlarını henüz desteklemiyor. JS kodlarının ES6 yerine ES5 standartlarına göre derlenmesi gerekiyor bu da proje boyutunuzun hemen hemen %30 kadar daha fazla olmasına ve web tasarım potansiyelinizin düşmesine sebep oluyor, IE'nin güncel kullanım oranına da bakarsak Bootstrap geliştiricileri bununla uğraşmak yerine direkt fişini çekmiş gibi görünüyor.
RFS motoru kullanılarak yazı tiplerinin boyutlarının tüm cihazlar için uygun hale getirilmesi hedefleniyor, v5 sürümünde RFS motoru varsayılan olarak aktif gelecek.
Oluşturduğunuz sütunların iç boşlukları ve dış doldurmalarını Gutter sınıfı ile kolaylıkla yapabileceksiniz, sütunların genişliği artık "px" yerine "rem" ile ayarlanacak. Gutter sınıfına atanan değerler 1-5 arasında olmalıdır, kullanımı ise şu şekilde
"g-1 ... g-5".
Bootstrap 4 sürümünde bitişik olmayan, eşit genişlik ve yüksekliğe sahip olan kartları oluşturabilmek için "card-deck" sınıfını kullanıyorduk fakat bunun Row-Col mantığı ile yapılabilmesi bu sınıfın gereksiz olduğunu gösteriyordu bu nedenle artık kaldırıldı
Eğer hâlâ ne olduğunu hatırlayamadıysanız hafızanızı tazeleyelim.
Bootstrap 4 - Bootstrap 5
Navbar Optimizasyonu
Bootstrap 4 sürümünde navbar için görüntüleme seçeneği satır içiydi (inline-block) artık v5 ile beraber bu da kaldırıldı, bunun yanında küçük değişiklikler de yapıldı.
Geliştirici ve tasarımcıların Font Awesome gibi alternatif kaynaklara yönelmesi sebebiyle Glyphicons ikonlarının kullanımı neredeyse tamamen bitmişti ve Bootstrap 4 sürümünde bu font tamamen kaldırılmıştı. Bootstrap'in, ikon konusunda Font Awesome'a geçiş yapan kullanıcılara bir sürprizi var. Bootstrap'in kurucu ortağı olan Mark Otto, Bootstrap kullanıcıları için 1.024'ten fazla yeni ve modern ikon tasarladı, bu sayede ikonlar için ekstra bir yerlerden veri çekmemize gerek kalmıyor.
Şimdilik bildiğimiz kadarıyla kaldırılan sınıflar arasında şunlar var;
- form-row
- form-inline
- list-inline
- card-deck
- gx-*
- gy-*
- g-*
- row-cols-auto
Yeni Logo
Geliştirici ekibin yeni logo hakkındaki açıklaması şöyle; Bu projenin başlangıcını yaratan CSS'den esinlenen logomuz, küme parantezleri ile sınırlanarak bir kural kümesi hissini somutlaştırıyor. Onu seviyoruz ve sizin de seveceğinizi düşünüyoruz.
Yeni Sürüm Hakkındaki Düşüncelerim
Yeni sürümde dikkatimi ilk çeken şey yeni ikonlar oldu, sonuçta Bootstrap hemen hemen tüm websitelerinde tasarım için kullanılan bir kütüphane fakat ikon içermemesi pek hoş değildi, kaldırılan ikonlar da zaten Font Awesome ile karşılaştırılamayacak kadar berbattı. Ancak yeni sürüm ile beraber gelen bu ikonlar gerçekten hoşuma gitti, gayet modern ve özelleştirilebilir olmaları mükemmel olmuş. jQuery ile olan bağlantının kesilmesi hakkında ne desem yanlış olur, yararlarını ve faydalarını ilerleyen zamanlarda deneyimleyerek öğrenebileceğimizi düşünüyorum. Temiz bir kütüphane yapısı açısından Card-deck tarzında gereksiz sınıfların kaldırılması güzel olmuş, sonuçta bunları row-col ilişkisi ile rahatça yapabiliyorken ekstra bir şeylerin eklenmesi fazlasıyla gereksizdi. Gutter sınıfını mutlaka bir yerlerde kullanacağımı biliyorum, bu yüzden eklenmesi mükemmel çok güzel olmuş. Yeni logonun renk tonu ve CSS'i andıran süslü parantez şekli gayet hoş olmuş, anlaşılan logo çalışmasını yapan kişi işini severek yapıyor.
Kaynak: Bootstrap, Designmodo
Ekli dosyalar
Son düzenleme:
