gölge | 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.

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.

Daha önce çok kez yapılan bir objeyi gölgelendirme yöntemleri görünüş olarak kabaydı ve gerçekçi değildi.

Oysa şimdi the shadower ile kolay bir şekilde gerçekçi gölgeler elde edebilirsiniz. Bu javascript parçası prototypejs üzerine yazılmış.

herhangi bir anda gezegenimiz üzerinde neresi güneş ışığı alıyor neresi almıyor diye merak edenler için bir yer var.

ben bu yazıyı yazarken dünyanın konumu yukarıdaki resimde olduğu gibiydi. bakalım yayınlandığında dünya ne kadar dönmüş olacak?

dikdörtgensel görüntü için buradan buyrun.

bir araştırma ekibi, "saydam" dokunmatik ekran üzerinde çalışmaktaymış. lucidtouch olarak isimlendirilen bu yeni ekranın prototipi bildiğimiz dokunmatik ekranların zıttına ön değil arka yüzde çalışıyor. araştırmayı yapan bilim insanları, dokunmatik ekranlarda parmaklar genellikle ekranı kapattığı için böyle bir çözüme başvurduklarını söylüyorlar.ancak ekran gerçekte saydam değil, bir kamera tarafından parmak hareketlerini kaydediyor ve ekrana gölge olarak yansıtıyor.ayrıca ekran üzerinde her parmak ucu için aktif bir alan bulunuyor. böylece ekrandaki ayrıntılar işaretlenebiliyor. lucidtouch'un, kameranın büyük olmasından dolayı, henüz pek kullanışlı olmadığını söyleyen araştırmacılar, bu sorunun led'lerle çözüleceğine inanıyorlar.
bilgi.
video.

photoshop kullanarak fotoğraflar üzerinde birçok efekt gerçekleştirmek mümkün. ancak dilerseniz bu efektleri bazı eklentiler sayesinde geliştirebilir, işinizi kolaylaştırabilirsiniz.

• Virtual Photographer sayesinde fotoğraflara çeşitli ışık efektleri verebilir, sıradan bir fotoğrafı dramatize edebilirsiniz.
• Luce de yine gölgelendirme ve ışık efektleri için kullanbileceğiniz bir eklenti.
• PT Lens ise çekim açısından veya fotoğraf makinesinden kaynaklanan fotoğraf üzerindeki eğrilikleri, bombeleri kaldırmak için kullanabileceniz bir eklenti. eklentinin bütün özelliklerini taşımayan bir de program versiyonu var.
• Dust & Scratch removal utility fotoğraf temizlemek için yararlanacağınız bir eklenti.
• B&W Conversion eklentisini resimlerinizi siyah beyaz yapmak için kullanabilirsiniz. ek olarak bazı değişkenleri de kontrol etme imkanınız mevcut.
• Contrast Mask fotoğrafların renkleri üzerindeki karşıtlığı ayarlamak için yararlanabileceğiniz bir eklenti. ışık ayarlarını eklenti yaparak fotoğraflara daha canlı bir hava katabilirsiniz.
• Color Works ise fotoğrafları yeniden renklendirmenize yarayan bir eklenti.
• Face Control insan yüzündeki ifadeler ile oynamanızı yarayan oldukça eğlenceli bir eklenti. değişiklikler gerçekten ilgi çekici.
  
  
  bill gates ve Face Control
  
  kaynak

hepimiz elektriklerin kesik olduğu akşamlarda televizyonsuz ve bilgisayarsız geçen uzun saatlerde, mum ışığında duvara elimizle köpek ve tavşan gölgeleri düşürerek yaratıcılımığızı zorlar ve eğlenmeye çalışırız. hatta kuş yapabilenler bile vardır. Ancak bir de şöyle amcalar var ki, mum ışığı ve gölge olayını aşmışlar birazcık..

bildiğiniz gibi genelde tasarımdaki gölgeler için resimler kullanırız. ama buradaki makalede, gölgeler (drop shadow) resimler ile değil css ile yapılmış. mantık gayet basit: her div elementinin position değeri 2 pixellik relative değer almış. demo sayfası ise burada

yanlış hatırlamıyorsam susam sokağında, elinin gölgesiyle şekiller çıkartmayı öğreten birisi vardı. ordan bir şeyler öğrenemediğine yananlardansanız, Henry Bursill'e ait bu ilistürasyonu öğreten e-book size iyi gelicektir...
buradan...