Merhaba arkadaÅŸlar bugün sizlere yeni projem olan PineCSS‘den bahsetmek istiyorum bunu aÅŸama aÅŸama ve parça parça olarak anlatacağım.
PineCSS standart olarak bulunan özelikleri sayesinde responsive arayüzler tasarlamanız’da yardımcı olacak bir araçtır kısacası bir css framework diye biliriz.
Grid sistemi olsun buton ve form elementleri olsun sizlere kolaylık sağlamayı hedefler.
Etrafta pine ile aynı sektörde bir çok framework mevcut lakin pine’ı onlarla kıyaslamamanızı istiyorum çünkü pine daha çok iskelet sistemini hedefliyor yani ana amaç size kolaylık saÄŸlamak sizi kendine baÄŸlamak deÄŸil bir çok framework’e arayüzünü entegre etmek eziyet bir hal ala biliyor lakin pine sade olmasından dolayı sizi bu yükten kurtarıyor.
PineCSS arkasında büyük bir firma falan yok pinecss github üzeri açık kaynak olarak geliştiriliyor kısacası sen ben biz onlar ve bunlar geliştiriyor diye biliriz : )
Size pine’ın kolaylıklarından bir kaçını göstermek istiyorum arkadaÅŸla örnek vermek gerekirse şöyle bir ÅŸablonumuz olsun
böyle bir basit iskeleti css ile dökerken yapmanız gereken adımlar öncelikle bir ana ( genel ) div oluÅŸturup içine yok içerik yok ÅŸu diye ayırıp ardından float left rigt gibi deÄŸerler ile içeriÄŸi sola sidebar’ı saÄŸa dayamak bunu yapmak pek zor deÄŸil lakin ne kadar mantıklı ?  günümüz dünyasında responsive özelliÄŸi olmayan arayüzler artık anlamsız kalıyor özelikle büyük projelerde tam bir fiyasko oluyor diye biliriz ÅŸimdi yukarıdaki örneÄŸi pine ile Responsive bir ÅŸekilde dökelim
Yukarıdaki örnekte iskeletimizi bir kaç satır kod ile responsive bir şekilde dökmüş olduk yaratıcılık size kalmış durumda daha fazla bilgi için pinecss dökümantasyon sayfasını inceleye bilirsiniz.