Geçen hafta, tarayıcı satıcılarından, çok yakın gelecekte CSS düzeni üzerinde büyük etkisi olabilecek bazı heyecan verici şeyler hakkında birkaç duyuru getirdi.
Chrome, yeni bir Izgara denetçisini önizliyor
Uzun zamandır Firefox’un Grid denetçisinin hayranıyım. Konu CSS mizanpajında hata ayıklamaya gelince, şimdiye kadar diğer tarayıcılar pek yaklaşmadı.
Bu hafta Chrome, Firefox’a bile rakip olabilecek yepyeni bir Grid denetçisinin gizli bir ön izlemesiyle bizimle dalga geçti. Artık gözlerini kısmak ve satır numaralarını saymak yok – Chrome’un denetçisi bunları size gösteriyor! Özünde bir Firefox kızı olmama rağmen, yine de deneyeceğim – ve bu kesinlikle Chrome’da hata ayıklamayı kolaylaştıracak.
Twitter’dan:
Neredeyse burada: CSS ızgara araçları! 🤘
Son birkaç ayda, birlikte çalıştık @EdgeDevTools Bu çok istenen özellik üzerinde çalışmak için. İşte gizli bir önizleme.
Gelecekte şebekeleri nasıl daha kolay ve erişilebilir hale getireceğimize dair daha birçok fikrimiz var – bizi izlemeye devam edin! pic.twitter.com/b3u4XaEkzv
— Chrome Geliştirici Araçları (@ChromeDevTools) 29 Nisan 2020
Chrome Canary’de desteklenen flexbox için ‘boşluk’
Yine, Chrome bu konuda Firefox’a yetişmeye çalışıyor. bu gap özellik bir süredir Grid düzeninde destekleniyor (önceden grid-gap), ancak artık flexbox’ta da kullanılabilir. Bu bina yapar algoritmik düzenler çok daha kolay – artık kenar boşluklarıyla uğraşmak yok.
Bu, şu anda Chrome Canary’de bir bayrağın arkasındadır – etkinleştirmeniz gerekir.
İtibaren Adam Argyle Twitter’dan:
🎉 Chrome Canary’nin son sürümünde bu boşluğu esnetin 🎉
“`css
ekran: esnek; 🦾
boşluk: 1 kanal; 🔥
“`Erken benimseyenler:
test etmemize yardım et, olmaz mı!?Not:
web deneylerinin etkinleştirilmesini gerektirir, chrome://flags/ adresini ziyaret edin#etkinleştirmeetkinleştirmek için Kanarya’da -deneysel-web-platform-özellikleri pic.twitter.com/lG3WusFA4X— Adam Argyle (@argyleink) 27 Nisan 2020
Firefox Nightly’de Duvarcılık
Bu büyük bir şey ve beni biraz kör etti. Duvar düzenleri bir geliştirici olarak uygulamam istenen bir şey tüm ancak (şu anda) yalnızca Javascript kullanılarak mümkün olan zaman. yapabileceğin bazı yollar var biraz saf CSS ile benzer bir şey yapın (Işte bir tane)ancak hepsinin, ana kapta sabit bir yükseklik gerektirmesi veya ızgara öğelerinizin yüksekliğini önceden bilme gibi sınırlamaları vardır.
Bunu CSS’de yapabilmek her zaman uzak bir hayal gibi geldi. Fakat Miriam Suzanne duvar ızgaralarının Firefox Nightly’de test edildiğini duyurdu!
"duvarcılık" Izgaralar, bir özellik bayrağının arkasında Firefox Nightly’de test ediliyor.
1. gitmek "hakkında:yapılandırma"
2. geçiş "layout.css.grid-template-masonry-value.enabled"
3. deneyin!https://t.co/65EW1jOMfihttps://t.co/psOFPVLRk1– [Mia | Miriam] Suzanne? (@MiriSuzanne) 29 Nisan 2020
Hala yaygın tarayıcı desteğine giden uzun bir yol olması muhtemeldir – hala diğer tarayıcıların Firefox’un liderliğini takip etmesini ve üzerinde çalışmasını bekliyoruz. alt ızgara destek, altı ay sonra. Ancak bunun gerçekten oyunun kurallarını değiştiren bir potansiyele sahip olduğunu düşünüyorum – neredeyse alt şebeke kadar. Aslında, genellikle iç içe ızgaralarla alt ızgara desteği eksikliği ve biraz matematik (ideal olmaktan uzak olsa da) üzerinde çalışabileceğim göz önüne alındığında, alt ızgara gerektiren düzenler oluşturduğumdan daha sık duvar düzenleri oluşturmam gerektiğini söyleyebilirim. ).
CSS düzeninde kaydedilen ilerlemeyi görmek harika. Umarız bu özellikler yakında ana akım haline gelir!
