Skip to content

Web siteleri için hazırlanan bir frontend framework çalışmasıdır.

License

Notifications You must be signed in to change notification settings

data-deveb/data-deveb.github.io

Repository files navigation

imge

# Deveb Önyüz Çatısına Hoş Geldiniz Deveb, ağ siteleri için hazırlanan önyüz çatısıdır. Türkçe ve ingilizce diliyle kullanım desteği bulunmaktadı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

# Welcome to Deveb Frontend Framework Deveb is a frontend framework for web sites. Turkish and English language support is available.

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