bildirgec.org

Hayatı kolaylaştıracak CSS tekniği nasıl mı olur? İşte cevabı… CSS3 birçok yeni nesil tarayıcıda desteklenmeden önce CSS ile yapmaya uğraştığımız birçok efekt vardı. Örneğin Yuvarlak Köşeler (rounded corners) yapmak için ekstra bir imaj ya da javascript dosyası kullanmak zorundaydık. Lakin CSS3 ile beraber ,bu çok kullanılan ama yapılması biraz külfetli olan efektler, rahatça yapılmaya başlanacak. Bu yazıda CS3 desteği ile gelen ve kod yazma süresini oldukça aza indirecek efektleri göreceğiz.

1. Yuvarlak Köşeler
jquery eklentisini kullanarak, yada top şeklindeki bir imaj dosyasını CSS Sprite tekniği ile bölerek yapabildiğimiz yuvarlak köşeleri artık kısa bir kod ile yapabileceğiz.

rounded corners

border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;

2. Eleman Gölgesi
Türkçe mealini eleman gölgesi olarak telaffuz edebileceğimiz Box Shadow’u aslında jQuery‘nin dropShadow eklentisi ile kolayca yapmak mümkündü. Şimdi ise sadece 3 satırlık bir kod ile yeni nesil tarayıcılarda bu özelliği kullanmak mümkün.

Typechart

Typechart uygulaması ile CSS kodunu incelerken aynı zamanda çeşitli web tipografi örnekleri arasında gezinebilirsiniz. Tüm tipografi stilleri arasında gezinebilir ve ilgilendiğiniz tipografinin CSS kodunu indirebilirsiniz. Eğer siz de farklı tipografi örnekleri ile ilgileniyor ancak çapraz tarayıcı uyumlu kod yazmak için saatler harcamak istemiyorsanız, bu araç oldukça işinize yarayacaktır.

CSS Type Set

Bu mükemmel araç üzerinden ilgilendiğiniz metni girebilir ve ardından yüzlerce farklı CSS tercihleri üzerinde değişiklikler ypabilirsiniz. İstediğiniz sonuca ulaştığınızda ise tek yapmanız gereken şey, sunulan CSS kodunu kopyalayıp siteniz üzerinde kullanmak.

Typetester

Typetester çevrimiçi bir uygulama olup üç adede kadar yazı tipini karşılaştırmanıza ve beğendiğiniz yazı tipine daha kolay karar verebilmenizi sağlıyor. Uygulamanın ana amacı web tasarımcılarının hayatlarını daha da kolaylaştırmak.

Yazıları flash ile değiştiren sfir tekniğini biliyorsunuz. swfIR da ona benzer yeni bir teknik. swfIR, resimleri flash ile değiştirebilmemizi sağlıyor. Daha doğrusu resimleri flash içerisine gömerek yayınlanmanızı sağlıyor.

Esas can alıcı nokta ise, swfIR kullanarak resimlere çeşitli efektler verebiliyorsunuz. Resmin kenarlarını yuvarlatabiliyorsunuz, resmi herhangi bir açıyla döndürebiliyorsunuz, resmin altına gölge ekleyebiliyorsunuz.