CSS Grayscale Özelliği (Tüm Tarayıcılarla Uyumlu)

CSS ile bir nesnenin görünümünü gri tonda yapabilmemiz mümkün. Aslında gri ton bu özelliğin sadece bir değeri 🙂 Her neyse, lazım olur diye bende bloğumda paylaşıyorum.. Örneğin resme grayscale özelliğini vermek için graysale adında bir class ekleyelim. Daha sonra css’de bu class’ı tanımlayalım.
Okumaya devam et “CSS Grayscale Özelliği (Tüm Tarayıcılarla Uyumlu)”

LESS Kullanımı

LESS, CSS yazımınızı hızlandıracak, daha basit ve kullanışlı hale getirecek bir araçtır.
LESS ile değişkenler tanımlayabilir, mixinler oluşturabilir, tanımlı fonksiyonları kullanabilir, matematiksel hesaplar yapabiliriz..

Başka Alternatifler Var mı?

Elbette alternatif mevcut. Örneğin LESS yerine SASS kullanmayı seçebilirsiniz. Ancak ben LESS’i tercih ettim. Kullanımı ve kurulumu çok daha kolay zira.
Okumaya devam et “LESS Kullanımı”

CSS ile Animasyonlu Menü Yapımı

Daha önce şu dersimde jquery ile animasyonlu menü yapımını göstermiştim. Bu dersimde ise bu işlemi CSS ile nasıl yapabileceğimizi göstereceğim sizlere.. Bunun için CSS3 özelliği olan transition özelliğini kullanıyoruz. Yararlı olması dileğiyle.. Okumaya devam et “CSS ile Animasyonlu Menü Yapımı”

Font Awesome ve Diğer İkon Fontları

Font Awesome ve Diğer İkon Fontları

Font Awesome için, ikon fontları arasında en çok kullanılanı diyebiliriz. Bootstrap‘ta bir süre font awesome kullanarak bu popüleriteyi arttırdı sanıyorum. Ancak şuanda kullandıkları (yanılmıyorsam) sadece Glyphicons. Bu yazımda bunlardan da bahsedeceğim sizlere. Okumaya devam et “Font Awesome ve Diğer İkon Fontları”

CSS ile Çevirme (Flip) Animasyonu Yapalım

CSS ile Çevirme (Flip) Animasyonu Yapalım

Fare ile üzerine geldiğimizde yatay ya da dikey olarak çevrilen ve ön arka yüzleri olan animasyonları nasıl yapacağımızı bu derste öğreneceğiz. Yararlı olması dileğiyle.. Okumaya devam et “CSS ile Çevirme (Flip) Animasyonu Yapalım”