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 1068 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

SASS ve SCSS Nedir? Nasıl Kullanılır?

19.06.2023 yasinsunmaz 329 0

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...

En İyi Çevrimiçi CSS Gölge Oluşturucu Araçları

26.12.2022 yasinsunmaz 305 0

Web tasarımı söz konusu olduğunda, gölgeler sayfalarınıza çok fazla derinlik ve boyut katabilir. Ama ne yazık ki, gölgeler oluşturmak biraz zor olabilir....

JavaScript İle Url Href Alma ve Href Bilgisini Değiştirme

12.03.2022 yasinsunmaz 3729 0

HTML sayfalarımızda bir tetikleme sonucunda ya da sayfa yüklendiğinde a href bilgisini değiştirmeye ihtiyacımız olabiliyor. Java Script ile HTML'de a href bilgisini değişt...

JavaScript Tarih Dönüştürme ve Sıralama İşlemi

07.03.2022 yasinsunmaz 1554 0

Verilerimiz bazen farklı farklı tablolar üzerinden alınarak bir araya geldiğinde anlam kazanır. Farklı tablolardan veri almamız sonucunda bazı işlemleri yapmak zor olabilir ya...

En İyi CSS Hileleri ve Oluşturucuları

30.09.2020 yasinsunmaz 1793 0

Web site tasarlarken değişik tasarımlara ihtiyaç duyulmaktadır. Tasarımlarımızı CSS ile yapıyoruz. Fakat bazı durumlarda istediğimiz sonucu alabilmek için olduk&ccedi...

Girişimcilik Projelerim

06.10.2021 yasinsunmaz 996 0

Herkese merhaba dostlar, Şuana kadar birçok alanda farklı girişimlerim oldu. Bunların bazıları başarısız oldu. Bazıları normal seyirde devam ediyor. Henüz çok...

YS Coin Follower Yayında!

08.09.2021 yasinsunmaz 686 0

Günümüzde artık yeni yatırım aracı olarak görülmeye başlayan Kripto Paralar büyük getiriler sağlayabilmekte. Bunun ile birlikte çok fazla ...

İZCİLİK VE DOĞADA HAYATTA KALMA

01.07.2021 yasinsunmaz 1361 0

İZCİLİK VE DOĞADA HAYATTA KALMA Bu hazırlamış olduğum kitap izcilik ve doğada hayatta kalma becerilerini içermektedir. İzci ve izci adayları için izciliğin ne oldu...

ÜLKE ÇAPINDA 4 ŞUBESİ OLAN BİR ŞİRKET AĞININ KURULMASI: CİSCO PACKET TRACER

13.01.2018 yasinsunmaz 1535 0

ÜLKE ÇAPINDA 4 ŞUBESİ OLAN BİR ŞİRKET AĞININ KURULMASI: CİSCO PACKET TRACER Ülke çapında 4 şubesi olan bir şirketin hem şube içinde hem de şubeler...