Adam Argyle, daha önce Open Props ile CSS için renk, gölge, boyutlandırma ve tipografi gibi konularda önceden yapılandırılmış değişkenler sunmuştu. Şimdi ise Prop For That ile geri döndü. Bu yeni araç, CSS'in normalde tarayıcıda doğrudan göremediği canlı verileri (örneğin fare imlecinin konumu, kaydırma hızı, form durumları, geçerli saat gibi) CSS değişkenleri haline getiriyor. Aslında JavaScript'in algılayıp CSS'e ilettiği bu veriler, Prop For That sayesinde arka planda otomatik olarak işleniyor.
Kullanımı oldukça basit: Kütüphaneyi projeye dahil ediyorsunuz, HTML'de bir veri özniteliği (data-props-for) tanımlıyorsunuz ve ardından CSS'de stillendirmeye başlıyorsunuz. Örneğin, bir div'e 'data-props-for="pointer"' ekleyerek fare konumunu takip edebilir ve CSS'de '--live-pointer-x' ve '--live-pointer-y' değişkenlerini kullanarak öğeyi hareket ettirebilirsiniz. Tüm JavaScript işlemleri arka planda gerçekleşiyor, sadece CSS ile çalışıyorsunuz.
Prop For That'in en etkileyici yanı, sunulan demo projeleri. Adam, bu kütüphaneyle neler yapılabileceğini gösteren şık örnekler hazırlamış. Örneğin, fare imlecini takip eden bir kutu, kaydırma hızına göre değişen efektler veya anlık zamanı gösteren bir saat gibi. Bu demolar, kütüphanenin potansiyelini gözler önüne seriyor ve geliştiricilere ilham veriyor.
Sonuç olarak, Prop For That, CSS'in sınırlarını zorlayarak daha dinamik ve etkileşimli web sayfaları oluşturmayı kolaylaştırıyor. JavaScript bilgisi gerektirmeden canlı verileri CSS'e entegre etmek isteyenler için biçilmiş kaftan. Adam'ın daha önceki Open Props'u gibi, bu da CSS topluluğu tarafından ilgiyle karşılanacak gibi görünüyor.
