omergulcicek / turkuaz

Hızlı ve kolay web sayfaları geliştirin

Hızlı ve kolay web sayfaları geliştirin

---

Turkuaz Css 11 Nisan 2016 tarihinde, açık kaynak olarak geliştirilmeye başlanmış kişisel bir projedir.

İsmini Türk rengi olarakta bilinen Turkuaz renginden alır.

📑 Doküman

Tüm doküman için turkuazcss.com adresini ziyaret ediniz.

🚀 Hızlı Kullan

Turkuaz Css sürekli gelişiyor, hemen deneyin !

CDN

https://cdnjs.com/libraries/turkuaz (hazır değil)

NPM

npm install turkuaz

💭 Sürümler

Mevcut Sürüm : v1.0.0 - Geliştirme Aşamasında

Eski sürümleri incelemek ve indirmek için release sayfasını inceleyebilirsiniz.

Her sürümde geriye dönük uyumluluk sağlamak için çalışıyoruz. Turkuaz Css, semantik versiyonlama kurallarını kullanır.

📌 Sıradaki Projeler

Turkuaz Css v1.0.0 ile ilk versiyonunu yayınladıktan sonra aşağıdaki projelere başlanacaktır:

• React Turkuaz
• Vue Turkuaz
• Turkuaz Snippet

Detaylı bilgi için destek sayfasını inceleyiniz.

🤝 Destek

Turkuaz Css'in gelişimine destek olmak için issue sayfasında bulunan bir problemi çözün ve kodunuzu pull request edin!

Projeler sayfasında sıradaki versiyon için yapılacaklar listesi yer almaktadır.

📝 Lisans

Telif Hakkı © 2022 Ömer Gülçiçek

Turkuaz Css, MIT Lisansı ile lisanslanmıştır.

turkuaz's Issues

Neden Türkçe Geliştirme Yapılıyor

Geliştirme neden türkçe yapılıyor. İngilizce geliştirme yapmak daha yaygınlaşmasını ve daha fazla geliştirici çekmeyi sağlamaz mı? Eğer değişiklik yapmak isterseniz yardımcı olmaya çalışırım.

Gradient

Herhangi bir etiketin attribute'üne tr-gradient eklendiğinde, girilen parametreler baz alınarak arka plan geçişli olacak.

Detaylar

• tr-gradient'e girilen parametreleri alıp; olabiliyorsa yalnız css ile, olamıyorsa saf JavaScript kullanılarak arkaplan resmi olarak eklenecek.

Geliştirilecek Taslak

https://codepen.io/omergulcicek/pen/yoWoRx

Input - Textarea Karakter Sınırı

Input ve textarea'larda belirlenen sınır geçildiği zaman border-bottom rengi kırmızı olacak. Belirlenen sınırın aşağısına inildiğinde renk tekrar turkuaz haline dönüşecek.

Detaylar

• Sınır aşıldığında border #F44336 rengine dönüşecek.
• tr-alan kapsayıcısının içerisine bir span eklenerek, her karakter girişinde kaç karakter olduğu ve üst sınır görünecek. (5/10 gibi)
• jQuery kullanılmayacak, saf JavaScript kodları ile geliştirilecek.

Geliştirilecek Taslak

https://codepen.io/omergulcicek/pen/bryroR

Yazı Başlıkları Arası Genişilik

Merhaba,

Yazı arası başlık genişlikleri ayarlanmamış, varsayılan değer çok geniş bence en ideali aşağıdaki gibidir. Bu şekilde yapabilir misiniz?

h1,h2,h3,h4,h5,h6 {
  line-height: 1.1;
}

dnomak avatar

Özel slack grubu dedikodularında turkuazcss'i konuşuyorduk ki kart kısmında kendimin ekli olduğunu görünce mutlu oldum :) Avatar url'inde sıkıntı var ama sanırım :)

Şu adresteki avatarı kullanabilirsiniz :) http://dnomak.com/img/avatar/dnomak.jpg

Tekrar çok teşekkür ederim. Yakın zamanda benim kanalda bu kütüphaneyi duyurmak için bir şeyler planlayalım @omergulcicek

Butonu Yayma btn-block Hakkında

Merhaba,

Bootstrapda olduğu gibi btn-block özelliği ile butonu yayan bir özellik göremedim, mevcut mu ?

.btn-block {
    display: block;
    width: 100%;
}

switch'in görünümü

Switch bileşenindeki daire container'ına tam olarak oturmuyor. Alttan daha fazla boşluk var. Görüntü