Bundan birkaç ay önce CSS‘in filtreleri üzerine “Sadece CSS ile Görsellerinizi Yönetin” isimli makalemizde konuşmuştuk. O günden bugüne kesinleşen ve tanım değişimine uğrayan elemanları incelemeye devam ediyoruz. (daha&helliip;)
siyah
Photoshop ile Cilt Sorunlarını Düzeltme
Bu dersimizde portrelerdeki cilt sorunlarını Photoshop aracılığıyla düzeltiyoruz.
CSS Gradient Arkaplan ve Performans
CSS in background kod satırı içerisinde desteklenen onlarca arka plan türü var. Bu yazımda ise gradient (renk geçişlerini) türünü konuşacağız.
Görsel sıkıştırma üzerine konuştuğumuzda renk geçişleri içeren bir objenin dosya boyutunun yüksek olduğundan bahsetmiştik. Hele ki bu görsel zıt tonlamalar arasında geziyorsa onu yayınlamak hem sunucunuzu hem de ziyaretçinizi fazlasıyla rahatsız eder.
CSS ise bunu farklı bir yolla yapıyor. Rengin atanması ve gradient olarak arka plana yerleşmesi kişinin siteyi ziyaret ettiği bilgisayarda işlenmekte ve bant genişliğini rahatsız etmemekte. (daha&helliip;)
CSS ile Yazılara Gradient Efekti
Bu dersimizde ilk olarak Nick La’nın web sayfasında gördüğüm CSS Text Gradient tekniğini öğreneceğiz.
Bu teknik minik bir hile üzerine kurulu. Web sayfanızın arka plan rengiyle uyumlu gradient dosyaları hazırlayıp onları span halinde yazıların üstüne ekliyoruz.
Nasıl mı? Beyaz bir arka plan, üzerinde siyah bir başlığın olduğu sayfanız var diyelim. Beyazdan 0% opacity e doğru giden bir gradient çizip .PNG uzantısı ile kayıt ediyorum ve yazının üzerine gelecek şekilde yerleştiriyorum. Böylece gayet kullanışlı bir yazı efekti elde ediyorum.
(daha&helliip;)