Ufak Tefek Grid’ler

temsili grid şema
Temsili grid şema

Biraz ‘Yeni’ Gridden Ekleyelim Siteye

Yeni Grid sistemini ara ara inceleyiyorum. Bildiğiniz gibi başta tarayıcıların desteği yetersiz idi. Şimdi hemen hemen tüm major tarayıcıların son sürümleri destekliyor. Standartları da oturdu, oturacak. Ufak tefek sorunlar var halen.
Ben de site yapısını daha verimli olabileceğini düşünerek biraz biraz denemelere giriştim.
Postların altında “ilgili yazıların” bulunduğu kutular kısmının css kodlarını ‘grid’e çevirdim. Güncel tüm tarayıcılarda çalışıyor. Hiç bir sorun yok.

EK: Geçici olarak daha eski tarayıcılar için de CSS içinde Flex desteğini bir süre için devam ettiriyoruz.

WordPress Sorunları

WordPress CSS yeni editöründe ise sorun var. 1fr birimini hatalı olarak işaretliyor.
fr‘ yerine başka birim kullandığımızda ise, kutular ve içeriğinde uygun olmayan boyutlamalar ortaya çıkabiliyor.

W3C CSS3 Geçerlilik Testi

W3C CSS3 Geçerlilik Testinde grid kodları temiz ve geçerli. Sorun yok. Ancak önceki tarayıcılar için ‘flex’ desteği vermek istediğimizde, Unrecognized at-rule @supports hatası veriyor.
Oysa @supports geçerli bir kod. Sorun için destek yakında gelecektir diye umuyoruz.

NOT:W3C CSS3 Geçerlilik Testi düzeldi. Çözdüler sorunu. 24/03/2018

Tamamen Grid Yapılı Site

Henüz böyle bir şeye cesaret edemem. Nerede ne patlar, ne yamulur tam belli değil. WordPress ana sayfa ve post, sayfa yapıları için daha fazla kod ve css gerekebilir. Buna da gerek yok şimdilik.

PAYLAŞ

Bir cevap veya yorum yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir


This site uses Akismet to reduce spam. Learn how your comment data is processed.