Vakfı 6 - 10 İnanılmaz Yeni Özellikler

Vakfın ön uç çerçevesindeki geliştiriciler, sadece Bootstrap ekibi etkileyici yeni ana sürümleri üzerinde çalışırken, sadece defnelerine oturdular. Geçen yıl, bilgilerini kullanıcılarıyla paylaşmak ve Vakfı'nı gerçek hayattaki çalışmalarında nasıl kullandıklarını sormak için harika bir Dünya Turu yaptılar..

Masalarına döndükten sonra, kullanıcılarının ihtiyaçlarını ve isteklerini topladılar ve çerçevenin yeni ana sürümünü planlamaya başladılar: Vakıf 6.

Hala gelişme aşamasında, ancak planlar çok umut verici. Gelecek özellikler 3 ana alana odaklanıyor: performans, özelleştirilebilirlik ve erişilebilirlik. Şimdi bu özelliklerin 10 tanesine bakalım:.

1. Kolaylaştırılmış İş Akışı

Kullanıcılarının deneyimlerine dayanarak, Vakıf ekibi yeni bir slogan geliştirdi, yani “Üretime Prototip”, Vakıf 6 için. Bu, tasarımcıların ve geliştiricilerin uygulamalarına izin verecek yeni ve düzenli bir iş akışı anlamına gelir. prototipten üretime doğrudan geçmek.

Yeni Vakfın 6 amacı, mümkün kılan esnek ve kolayca özelleştirilebilir bir çerçeve sağlamaktır. en başından itibaren temiz ve anlamsal kod yazınız.. Mevcut sürüm, Foundation 5 de hızlı prototip oluşturmaya izin veriyor, ancak daha fazla iş akışı optimizasyonu bekle önümüzdeki sürümde.

2. Sass Sürümü için Basitleştirilmiş Kurulum Süreci

Foundation çerçevesi hakkındaki en harika şeylerden biri, Sass stil sayfası dili ile oluşturulmuş olmasıdır, bu nedenle mümkün varsayılan stil kurallarını hızla gerçek gereksinimlerimize göre özelleştirin.

Sass kurulum işlemi birçok kullanıcı için biraz korkutucu oldu, bu yüzden yeni ana sürüm Sass versiyonu için basitleştirilmiş bir kurulum süreci edinin. Bu, Sass kurulumunun yapacağı anlamına gelir. çok daha az bağımlılık gerektirir öncekinden daha. Elbette, vanilya CSS versiyonunu tercih ederseniz, yine de tercih edebilirsiniz..

3. Maximalistler İçin Yeni, Çorba Kurulumu Yığını

Düzenli Sass versiyonunun yanı sıra, Foundation 6 bir çorba ile birlikte gelecek Geliştiricilere güçlü özelleştirme seçenekleri sunacak Sass sürümü.

Vakfın yaratıcısı ZURB, kendileri de dahil olmak üzere kamu için kendi kalkınma yığınını açacaktır. statik alan üreteci, canlı yeniden yükleme sunucusu ve iç optimizasyon tekniklerinin yükleri kullanılmayan stilleri kaldırmak için UnCSS entegrasyonu ve JavaScript sıkıştırması için UglifyJS dahil.

Dolayısıyla, temel olarak, ZURB'un dahili olarak kullandığı aynı geliştirme ortamında çalışmamız mümkün olacak..

4. Azalan Sayfa Yükleme Süresi

Vakıf ekibi, pek çok Vakıf projesinde, CSS kodunun yaklaşık% 90'ının uyuşmadığını iddia eden yapıcı eleştirilerle karşı karşıya kaldı. Bu yalnızca Foundation için değil aynı zamanda Bootstrap ve TopCoat gibi diğer büyük CSS çerçeveleri için de geçerli değildi. Cevaplarının bir parçası olarak, Zurb, kabaca% 40-50 oranında bir kod azaltma uygulayarak, çıkarılan CSS'nin dosya boyutunu önemli ölçüde azaltmaya karar verdi..

Belirterek kendilerini Bootstrap'den ayırmaya çalıştıklarını belirtmek ilginçtir "Temel, stilistik sınıfların kenar boşluğuna, dolgusuna veya yuvarlak ve yarıçapına sahip olacak bir çerçeve değildir". (Referans için önceki yazımızdaki Bootstrap 4'ün yeni Yardımcı Sınıflarına bakınız).

5. Wireframe Olarak Hareket Eden Temel Stiller

Performans iyileştirme çabalarının diğer kısmı ise son tasarım yerine tel kafes görevi gören bir temel stil yaratın. Bu öncelikle daha hafif bir temaya neden olur, ancak aynı zamanda büyük bir avantajı da vardır. Daha fazla stil kuralı bireysel bileşenlere taşınacağından, geliştiricilerin tasarımlarını daha kolay şekillendirin.

Umarım bu, Vakfa dayalı sitelerin benzer, standart görünüme sahip daha az, ve tasarımcıların exp için daha fazla alanı olacakgüzel ve benzersiz bir çözüm ile sertleşmeksıkıcı görünüşlü bir ağ hakkındaki son endişeleri çürütecek iyonlar.

6. Kolaylaştırılmış Seçici İthalat

Temel 5, geliştiricilerin yalnızca kullanmak istedikleri bileşenleri seçmelerini sağlar. Vakıf 6 bu çabayı bir sonraki seviyeye taşıyacak seçici içe aktarma özelliğinin _settings.scss Sass dosyasına taşınması.

Bu şekilde _settings.scss bir olacak gerçekten evrensel yapılandırma dosyası, çünkü satır genişliği veya varsayılan font gibi özellikleri yalnızca kendi yardımlarıyla özelleştiremeyiz, aynı zamanda kolayca İhtiyacımız olmayan bileşenlerden vazgeçme. Bunu yaparsak, daha fazla performans iyileştirmesi sağlayabiliriz.

7. Yalın ve Temizleyici Sass

Yeniden tasarım sürecinde, Vakıf ekibi çerçevenin her yönünü yeniden düşündü; Sass stil sayfası dilini kullanma biçimini değiştirdi. Bazı durumlarda, Sass’ı, CSS çıktısının gereksiz yere. Akıllarında daha yalın ve daha temiz bir kod tabanının hedefi ile, Sass yapılarını da rasyonelleştirdiler..

Vakıf 6'da yapabiliriz iç içe geçmişliği ve özgüllüğü azaltmayı, düzenli medya sorgularını beklemeli (tekrarlayan kodları birleştirdiler) ve ölçeklendirilmiş geri bileşen karışımları. İkincisi, daha az bileşen karışımının olacağı ve geri kalanlarının daha az parametreye sahip olacağı anlamına gelir, bu da daha basit ve daha mantıksal bir kod ortaya çıkarır

Karışımları seviyorsanız, endişelenmeyin, her bileşen hala onlara sahip olacak, sadece şu an olduğundan daha verimli ve kullanışlı olacak şekilde yeniden tasarlanacaklar..

8. Geliştirilmiş Izgara Karışımları

Bileşen karışımlarını geri keserken, Foundation 6 ile gelecek gelişmiş ızgara karışımları bu bize izin verecek daha özelleştirilmiş bir ızgara oluşturmak.

Zurb yapabileceğimize söz veriyor. Karmaşık ızgara sistemi olarak kolayca inşa edilebilir İstediğimiz gibi daha karmaşık özel satırlar ve iç içe ızgaralar, ve varsayılan sınıfları anlamsal işaretlemeye dönüştürme yeteneği. Geliştirilmiş ızgara karışımları akımı yaratacaktır ızgara oluşturma, daha sezgisel, esnek ve daha hızlı.

9. Özel JavaScript Eklentilerinin Sorunsuz Entegrasyonu

Foundation 5 şu anda havalı modal iletişim kutuları, ipuçları, yapışkan gezinti çubuğu, ışık kutuları ve modern bir web sitesinin ihtiyaç duyduğu diğerleri gibi birçok JavaScript bileşenine sahip, ancak önümüzdeki ana sürüm bize özel JavaScript eklentilerimizi yaz Vakıf çekirdeğinden yararlanmak. Her ikisinde de ileriye doğru büyük bir adım kullanım kolaylığı ve performans.

Gelecekte, mümkün olacak yerleşik başlatma yöntemlerine eriş, geçiş tetikleri ve kırılma noktaları, ve Vakfın global JavaScript'in diğer tüm özelliklerinden yararlanın..

10. Tam Erişilebilirlik

Muhtemelen yeni Vakıf 6'nın en şaşırtıcı özelliği, tamamen erişilebilir olması. Her bileşen ve kod pasajı, uygun WAI-ARIA özellikleri ve dönüm noktası rolleri ile birlikte gelir. Üstelik geliştiriciler bile olacak Bir kullanım kılavuzu ile sağlanan hakkında a11y web standartları nasıl kullanılır?.

Bu nedenle, müşterimize tam olarak erişilebilir bir web sitesi sağlamak istiyorsak, tasarımımızı Temel 6 ile inşa etmekten başka bir şey yapmamız gerekmez. HTML sayfalarımıza uygun ARIA kurallarını kendimiz ekleyelim, Her ne kadar Zurb'in 11 yıllık bir kullanıcı kılavuzu geliyor olsa da kesinlikle öğrenme sürecini kolaylaştıracak.