Kategori: CSS

CSS 0

CSS3 grid Izgara Sistemi

CSS3 ile birlikte gelen grid düzen modülü veya ızgara sistemi olarak adlandırılan yapının kullanımı ile ilgili bilgiler yer alıyor. CSS grid düzen modülü tablo, float, konumlandırma veya flex gibi özellikleri kullanmadan kolay bir şekilde...

CSS 0

CSS3 variables Değişkenler

CSS içinde gizli kalmış bir özellik olan Custom Properties veya Variables olarak bilinen özelliğin kullanımı ile ilgili bilgiler yer alıyor. Değişkenler CSS içerisinde yer alan değişkenler CSS değerlerini özel bir ifade olarak yazmaya imkan...

0

SASS Operatörler

Web sayfasına bölümleri yerleştirirken çeşitli hesaplamalar yapıyoruz. Hesaplamalar zahmetli ve uzun sürebilmektedir. SASS ile hesaplamalar için +, -, *, / ve % operatörlerini kullanabiliriz. SASS operatörlerini kullanarak sayısal değerler üzerinde işlem yapabileceğimiz gibi renk...

1

SASS Mixin

CSS3 ile gelen özelliklerin bazı tarayıcılarda ön ek alarak kullanılması zahmetli ve uzun CSS kodlarının yazılmasına neden olur. Farklı tarayıcı ön eklerinin tekrar kullanımını azaltmak için SASS @mixin kullanabiliriz. @mixin border-radius($radius) { -webkit-border-radius: $radius;...

0

SASS Kalıtım Almak

Web sayfası tasarlarken hazırladığımız buton, menü veya linkler genellikle ortak özellikleri içerir. Sadece arka plan rengi veya boyutunda değişiklik yaparak kullanıyoruz. SASS ile ortak özellikleri bir sınıfta toplayıp bu özellikleri kalıtım alarak kod tekrarını...

0

SASS Stilleri Parçalara Bölmek

Web sayfası tasarlarken sayfayı üst kısım, içerik kısmı, sol ve sağ kısım gibi bölümlere ayırıp her bölüm için farklı CSS tanımlaması yapılması beraberinde kodların uzamasını ve karmaşık hale gelmesine neden olabilir. SASS ile CSS...

0

SASS İç İçe Seçici Kullanımı

CSS ile seçim yapılırken daha alt elemanlar seçildikçe kod yazımı uzamakta ve karmaşık hale gelmektedir. Örneğin; Tasarladığımız web sayfasında aşağıdaki gibi bir menü düzeni olsun. <nav>   <ul>     <li><a href=”#”>Anasayfa</a></li>     <li><a href=”#”>Hakkımızda</a></li>...

0

SASS Değişkenler

SASS ile CSS dosyaları oluştururken en çok kullanılan özelliklerden biri şüphesiz değişkenlerdir. CSS yazarken bazen tasarladığımız web sayfası içerisinde renk, genişlik, yazı-tipi vb. değerleri değiştirmemiz gerekebiliyor. Ancak uzun CSS kodları arasında bu değişiklik zahmetli...

0

SASS Kullanımı

SASS yazdıktan dosyanın CSS dosyasına dönüştürülmesi için derlenmesi gerekiyor. Bunu komut satırı ile yapabiliriz. İlk olarak aşağıdaki SASS kodlarını “deneme.scss” olarak kaydedelim. $font-family: Helvetica, sans-serif; $primary-color: crimson; body { font: 100% $font-family; background-color: $primary-color;...

0

SASS Kurulumu

SASS derleyicisi Ruby ile geliştirildiğinden kullanabilmek için bilgisayarımıza Ruby kurmamız gerekiyor. Ruby Kurulumu Windows işletim sistemi kullanıyorsanız işletim sistemi mimarisine göre(32 bit – 64 bit) Ruby dosyalarını http://rubyinstaller.org adresinden indirin ve standart bir program...