Bu yazımda CSS'in genişletilmiş bir versiyonu olan SASS (Syntactically Awesome Style Sheets)'ı ele alacağım. CSS yazma deneyimini geliştiren ve stil tabanlı projelerde daha...
YS CSS Yayında!
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.