data-deveb.github.io
data-deveb.github.io copied to clipboard
data-deveb
Web siteleri için hazırlanan bir frontend framework çalışmasıdır.
Deveb yalın CSS yöntemiyle bir çok özelliği bünyesinde barındıran yepyeni bir çalışmadır. Görüntülük örgüsü (screen system), kesitlik örgüsü (grid system), renk örgüsü (color system) gibi özellikleri kullanıma sunmaktadır.
Özellikler
Genişletilmiş Görüntülük Örgüsü (Extented Screen System)
Varsayılan olarak görüntülükleri seçme yönü 0'dan sonsuz genişliğe doğrudur. Yani küçük görüntülüklerden büyük görüntülüklere doğrudur. 7 görüntülük aralığı üzerine kurulmuştur; gnl - ufk - kçk - ort - byk - kcm - dev (gnl - xs - sm - md - lg - xl - hg)
Ayrıca görüntülük yönü seçme özelliği ile kullanımı kolaylaştıran yöntemleri bulunur. Örneğin yalnızca telefon görüntülüklerinde bir alanı gizlemek istiyorsanı data-kçk="küçükleriyle-gizle" yazmanız yeterlidir.
Çoklu-Kesitlik Örgüsü (Multi-Grid System)
1'den 24'e kadar aynı anda tüm bölüm düzenlerini (grid part types) kullanabilirsiniz. Diğer çatılar sizi tek düzene bağlı tutarken, deveb ile özgürleşirsiniz. Esnek gösterim (display flex) özelliği kullanılmıştır.
Renk Örgüsü (Color System)
Esnek bir renk örgüsüne sahip deveb ile çok rahat şekilde renklerinizi html üzerinden tanımlayabilirsiniz.
js-yok (no-js)
Deveb özellikleri şu ana kadar bütünüyle yalın css kullanılarak geliştirilmiştir. Tüm olanaklar sonuna kadar kullanılarak bu durum korunmaktadır.
Yeni Örgüler Yolda (New Systems Are Coming)
Sekme örgüsü, metin örgüsü gibi çeşitli özelliklerde yeni örgüler geliştirilmektedir.
Bize Katılın
Deveb örgütlenmesinde yer almak istiyorsanız bize katılabilirsiniz. Ya da yeni oluşturulan çalışmaları denemek mi istiyorsunuz? Belki de eleştirilerinizi bize iletmek için bir yol arıyorsunuz... Github örgütlenmesinde ve Facebook gruplarda sizi bekliyoruz... Eğer canlı iletişim kurmak isterseniz discordapp'deyiz.
Discordapp: https://discord.gg/GeaYaCb
Github: https://www.github.com/data-deveb Facebook Grup: https://www.facebook.com/groups/1818283228485179/
Facebook Sayfa: https://www.facebook.com/datadeveb Twitter Sayfa: https://www.twitter.com/datadeveb
Resmi Sitemiz
https://data-deveb.github.io
Deveb yalın CSS (pure css) yöntemiyle bir çok özelliği bünyesinde barındıran yepyeni bir çalışmadır. Görüntülük örgüsü (screen system), kesitlik örgüsü (grid system), renk örgüsü (color system) gibi özellikleri kullanıma sunmaktadır.
Özellikler
Genişletilmiş Görüntülük Örgüsü (Extented Screen System)
Varsayılan olarak görüntülükleri seçme yönü 0'dan sonsuz genişliğe doğrudur. Yani küçük görüntülüklerden büyük görüntülüklere doğrudur. 7 görüntülük aralığı üzerine kurulmuştur; gnl - ufk - kçk - ort - byk - kcm - dev (gnl - xs - sm - md - lg - xl - hg)
Ayrıca görüntülük yönü seçme özelliği ile kullanımı kolaylaştıran yöntemleri bulunur. Örneğin yalnızca telefon görüntülüklerinde bir alanı gizlemek istiyorsanı data-kçk="küçükleriyle-gizle" yazmanız yeterlidir.
Çoklu-Kesitlik Örgüsü (Multi-Grid System)
1'den 24'e kadar aynı anda tüm bölüm düzenlerini (grid part types) kullanabilirsiniz. Diğer çatılar sizi tek düzene bağlı tutarken, deveb ile özgürleşirsiniz. Esnek gösterim (display flex) özelliği kullanılmıştır.
Renk Örgüsü (Color System)
Esnek bir renk örgüsüne sahip deveb ile çok rahat şekilde renklerinizi html üzerinden tanımlayabilirsiniz.
js-yok (no-js)
Deveb özellikleri şu ana kadar bütünüyle yalın css kullanılarak geliştirilmiştir. Tüm olanaklar sonuna kadar kullanılarak bu durum korunmaktadır.
Yeni Örgüler Yolda (New Systems Are Coming)
Sekme örgüsü, metin örgüsü gibi çeşitli özelliklerde yeni örgüler geliştirilmektedir.
Bize Katılın
Deveb örgütlenmesinde yer almak istiyorsanız bize katılabilirsiniz. Ya da yeni oluşturulan çalışmaları denemek mi istiyorsunuz? Belki de eleştirilerinizi bize iletmek için bir yol arıyorsunuz... Github örgütlenmesinde ve Facebook gruplarda sizi bekliyoruz... Eğer canlı iletişim kurmak isterseniz discordapp'deyiz.
Discordapp: https://discord.gg/GeaYaCb
Github: https://www.github.com/data-deveb Facebook Grup: https://www.facebook.com/groups/1818283228485179/
Facebook Sayfa: https://www.facebook.com/datadeveb Twitter Sayfa: https://www.twitter.com/datadeveb
Resmi Sitemiz
https://data-deveb.github.io
Metadata
Owner
data-deveb
Metadata
Web siteleri için hazırlanan bir frontend framework çalışmasıdır.