Çok fazla CSS yazmıyorsanız, CSS Izgarayı bu şey olarak düşünebilirsiniz. Rachel Andrew tweeting tutar. Eh, bu bir düzeni için tüm yeni sistem ve Zurb görünüşe göre beslemesini takip ediyor. Pek çok tarayıcı satıcısı var.

Bu yazı yazıldığı sırada CSS Grid aşağıdaki tarayıcılarda desteklenir:

  • Krom. Sürüm 57'den beri varsayılan olarak etkindir.
  • Firefox. 53 sürümünden beri varsayılan olarak etkindir.
  • Internet Explorer IE10'dan beri varsayılan olarak etkin
  • Opera. 44 sürümünden beri varsayılan olarak etkindir.
  • Safari. 10.1 sürümünden beri varsayılan olarak etkindir.

Doğru. Önce Internet Explorer var. Bu olduğunda her zaman biraz gariptir. Her neyse, bu bilgi, CSS Grid'in Vakfın içinde yer aldığını açıklayan Zurb'den geliyor. son blog yazısı . Anahtarın üç nedeni var:

Paketin önünde kalmak istiyorlar.

Vakıf, gelişmekte olan web teknolojilerinin önünde kalarak ekmek ve tereyağı yaptı ve web tasarımcılarına bunları kabul etmeleri için bir sebep verdi. Uzun süreli eski tarayıcı desteği istiyorsanız, bunun için başka çerçeveler vardır. Vakıf yeni şeyleri sever ve kullanıcılarını da sever.

Onlar için, bu tür oldukça erken değişim, normdan radikal bir ayrılmadan ziyade, olağan bir iştir.

CSS Izgarası, büyük düzen öğeleri için daha iyidir

Yüzeyde, Flexbox CSS Izgarası ile aynı ihtiyaçları karşılar gibi görünüyor ve destek zaten burada. Eh, tüm bu kadar basit değil.

Flexbox kesinlikle eski float-bazı şeyleri-ve-kesinlikle-pozisyon-diğerleri düzeni okulunda bir gelişme iken, onun quirks olmadan değildi. İçeriğinizin nasıl görüntülendiğini tanımlamasına izin vermek kendini daha kolay ödünç verir. Kullanıcılar, bir sayfanın daha küçük öğelerinde içerik yerleştirmek için harika olduğunu kabul ediyor.

CSS Grid, daha büyük sayfa düzeni göz önünde bulundurularak tasarlanmış görünüyor. Daha az satır CSS içeren büyük mizanpajları diğer seçeneklere göre oluşturmayı, yönetmeyi ve “yanıtlamayı” kolaylaştırır. Kolay mizanpajlar Vakfın tüm anlaşması olduğundan, CSS Şebekesini dahil etmeleri mantıklıdır.

Yine de sayfa metaforunu atmamız gerektiğini düşünüyorlar.

Zurb ve diğerleri, “sayfa” nın bütün kavramının, en azından tasarımcılar ve geliştiriciler için dodo'nun yoluna gittiğine inanıyor gibi görünüyor. CSS Izgarası, düzenleri tek bir sayfa yerine yeniden kullanılabilir öğeler topluluğu olarak ele alan modüler sistemlerle oldukça iyi çalışır.

Bu şekilde düşünme, özellikle, uygulamalar üzerinde çalışan ya da beş sayfalık broşür sitelerinden çok büyük web siteleri üzerinde çalışan geliştiriciler ve tasarımcılar ile popülerdir. Bu Zurb içerir. Git rakamı.

İleriye giden yol Yapı Taşlarıyla döşenmiştir

Bu, web des için iyi bir şey mi? Evet, bunu bitirmeyeceğim bile. CSS Grid büyük zaman alıyor. Bunu benimseyen vakıf, öngörülebilir gelecekte, hemen hemen resmi olmak anlamına geliyor: CSS Grid bir şey . Ve hey, alışması biraz zaman alabilir, ama hoşuma gider.

Ayrıca, Zurb orada durmuyor. CSS Grid'in benimsenmesi, Zurb'yi modüler kod yolunda daha da ileri götürdü. Yeni kodlanmış UI bileşenlerini piyasaya sürdüler Yapı taşları . Yapı taşları Vakıf çekirdeğinin bir parçası olmayacaktır. Onlar uzantı. Onları indirin, projenize bırakın ve gidin.

Şimdiye kadar, bunlar, Zurb tarafından kodlanan bireysel UI unsurlarının yanı sıra, toplum tarafından oluşturulan kod kalıplarının yanı sıra, özellikle de Vakıf ile çalışmaktan oluşuyor. Daha sonra, belirli bir site türünü oluşturmayı daha kolay hale getirmek için tasarlanan, Set olarak adlandırılan Yapı Taşları küratör kümeleri vardır. E-ticaret siteleri, portföy siteleri, yönetici panoları ve daha fazlası için kitler vardır.

Eidetic hafızaya sahip okuyucular, Rafi Benkual'ın bu kavram hakkında konuştuğunu hatırlayabilir. onunla röportajımız ve Kevin Ball. Eh, onlar yaptım. Zurb'nin, tasarımcıların UH kaygılarına ve estetiğe odaklanıp, tüm işlerini kendileri yapmadan yapmasını kolaylaştırdığı görülüyor. Ve ağı ileri doğru itin.

Bunun arkasına geçebilirim.