Kategori: CSS

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

0

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

0

SASS Nedir?

SASS, web sayfası tasarlarken CSS içerinde bulunmayan özellikleri kullanmamıza imkan veren CSS derleyicisidir. CSS3 ile birlikte kullanılan CSS özellikleri bir hayli çoğaldı. Bazı özelliklerin ön ek alarak çalışması, büyük çaplı projelerde uzun CSS kodlarının...

responsive 0

Responsive Web Tasarım Framework Kullanmak

Responsive web tasarımı yaparken hazır stil tanım topluluğu olan CSS frameworklerini kullanabilirsiniz. CSS frameworklerinde çoğunlukla Grid Sistemi, Menü Sistemi, Slayt Sistemi vb. stiller tanımlanmıştır. Tasarlayacağınız siteye ve ihtiyacınıza göre CSS frameworklerinden birini seçebilirsiniz. CSS...