Yandex Metrica
YS CSS Yayında! - Yasin Sunmaz

Yasin Sunmaz

Kodladıkça değişen bir dünya...

YS CSS Yayında!

22.09.2019 yasinsunmaz 88 0

Herkese merhaba,

Ne zamandır hayata geçirmek istediğim basit ama yararlı olabileceğini düşündüğüm YS CSS'i artık yayınladım. Bazı durumlarda elementi sadece hizalamak isteyebiliriz, işte tam bu noktada YS CSS size yeni css kodları yazmadan mevcut class'ları ile kolayca kullanmanıza olanak sağlayacak. Mevcut css framework'ünüze etkilemeden yardımcı olacak bir yapıdır. Yapacağınız tasarımlarda renk, hizalama ve font gibi bir çok yardımcı class ile istediğiniz şekilde kullanabileceksiniz. YS CSS içerisinde 12 farklı kategoride css kullanım olanağı sunmaktadır. Şuan daha ilk versiyonu o yüzden oldukça sadece basit şekilde. İlerleyen zamanlarda da kendim veya sizlerin önerisi varsa eklemeler yapacağım. 

Yapacağınız tasarımlarda YS CSS dosyasını sitenize dâhil ederek hemen kullanmaya başlayabilirsiniz. 

YS CSS Doküman Website: http://yscss.yasinsunmaz.com/

YS CSS GitHub: https://github.com/yasinsunmaz/yscss

YS CSS İçeriği

1. Margin CSS
2. Padding CSS
3. Width CSS
4. Height CSS
5. Button CSS
6. Color CSS
7. Background Color CSS
8. Font Size CSS
9. Display CSS
10. Float CSS
11. Text Align CSS
12. Z-Index CSS Start

Margin  CSS

İçerisinde margin, margin-left, margin-right, margin-top, margin-bottom olmak üzere 5 farklı class yapısı bulunmaktadır. Detaylı doküman için tıklayınız.

Padding CSS

İçerisinde padding, padding-left, padding-right, padding-top, padding-bottom olmak üzere 5 farklı class yapısı bulunmaktadır. Detaylı doküman için tıklayınız.

Width CSS

İçerisinde belli aralıklarla hazırlanmış genişlik değerleri bulunmaktadır. Detaylı doküman için tıklayınız.

Height CSS

İçerisinde belli aralıklarla hazırlanmış yükseklik değerleri bulunmaktadır. Detaylı doküman için tıklayınız.

Button CSS

Özelleştirilebilir butonlar bulunmaktadır. Renk, boyut ve kenar biçimi gibi birçok özellik ile butonlarınızı düzenleyebilirsiniz. Detaylı doküman için tıklayınız.

Color CSS

10 farklı renk bulunmaktadır. Detaylı doküman için tıklayınız.

Background Color CSS

11 farklı arka plan rengi bulunmaktadır. Detaylı doküman için tıklayınız.

Font Size CSS

İçerisinde belli aralıklarla hazırlanmış 11 farklı yazı boyutu bulunmaktadır. Detaylı doküman için tıklayınız.

Display CSS

Display özelliğine ait class'lar bulunmaktadır. Detaylı doküman için tıklayınız.

Float CSS

4 farklı float değeri bulunmaktadır. Detaylı doküman için tıklayınız.

Text Align CSS

7 farklı yazı hizalama özelliği bulunmaktadır. Detaylı doküman için tıklayınız.

Z-Index CSS

İçerisinde belli aralıklarla hazırlanmış z-index değerleri bulunmaktadır. Detaylı doküman için tıklayınız.

 

Dokümantasyonu incelemek için http://yscss.yasinsunmaz.com/ sayfasını ziyaret edebilirsiniz.

 

Umarım sizin için faydalı olur. Öneri ve görüşlerinizi belirtmekten çekinmeyin. Sağlıcakla kalın 

  • Yorum yapabilmek için giriş yapmalısınız. Giriş yapmak için tıklayınız.

Diğer Yazılar

JQuery İle Data Attribute Değerini Değiştirme

08.04.2019 yasinsunmaz 220 0

Bu yazımda HTML 5'de sıkça kullanılan data attritube özelliğindeki data değerini değiştirmeyi anlatacağım. Data attritube özelliğini HTML'deki elemanl...

JQuery İle Data Attribute Değerini Alma

02.04.2019 yasinsunmaz 464 0

Bu yazımda HTML 5'de sıkça kullanılan data attritube özelliğinden bahsedeceğim. Data attritube özelliğini HTML'deki elemanlardan olan div, button, a h...