gölge | bildirgec.org

İnteraktif CSS3 Oluşturma Araçları

Etiketler: araç, css, ücretsiz, firefox, generator, tool, interaktif, opera, css3, web 2.0, gölge, drop shadow, webkit, chrome, text shadow, online web

Sitelerimizde henüz rahatlıkla css3 kullanabilmek için zaman biraz erken olsa da, css3 kod yazımını kolaylaştıracak ve kimi yerde ilham kaynağı olabilecek bu uygulamaları takip etmekte fayda var.

css3 generator

CSS3 Generator basit ve hoş arayüzü ile, siz tıklayarak css3 özelliklerini belirlerken, interaktif olarak çıktısını da göstererek kodunuzu kullanıma sunuyor.

CSS3 Please!

css3 please! sitesi ise, direk tüm tarayıcılarla uyumlu olarak yazılmış css3 stil dosyası arayüzü ile karşımıza çıkıyor. Özellikleri kapatıp açarak, yine interaktif olarak sağdaki kutucuktan o kodun ne işe yaradığını görüyoruz.

CSS3 Gradient Generator

css3 gradient generator, css3 ile birlikte gelen gradient efektinin kullanımına yoğunlaşmış bir araç.

CSS3 Generator

Widgetpad tarafından yapılan bu araç, webkit motoru kullanan tarayıcılar için özel olarak hazırlanmış css3 uygulaması.

* Bonus

Anigma

Anigma css3 kullanılarak hazırlanmış hoş bir tarayıcı oyunu. Öncelikli olarak Webkit motoru kullanan tarayıcılar için tasarlandığı belirtilmiş.

trampfd ^(profil)

| 0 yorum var

| 17 Mart 2010 15:36

hayatı kolaylaştıracak 11 css3 tekniği

Etiketler: tasarım, font, mozilla, css, design, javascript, firefox, teknik, ie, css3, gölge, shadow, yuvarlak köşe, sfir, jquery, border, webkit, opacity, flir, font face, rounder corner, cufon, saydamlık, rgba

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.

devamını oku »

basarozcan ^(profil)

| 10 yorum var

| 10 Eylül 2009 12:03

klimayı güneş'ten korumak %10 enerji tasarrufu sağlıyor!

Etiketler: performans, klima, gölge, enerji tasarrufu

sıcakların iyice etkisini artirdiği şu günlerde, özellikle de sıcak şehirlerde klimasız hayat insanları sıcaklarla başbaşa bırakıyor. klima kullanıldığında ise aşırı güç kullanımı hem klimaların performansını düşürüyor hem de elektrik faturalarına yüksek meblağlarda yansıyor. tüm bu olumsuzluklar yaşanırken yapılan bir araştırma yaz sıcaklarında kullanımına heran ihtiyaç duyulan klimaların performansını artırıp enerji tasarrufu sağlanabileceği yününde.
klima sahibi olanlar, dış üniteyi güneş ışınlarından koruyabilirse yani sürekli gölgede tutabilirse, klimanın verimi %10'a kadar artıyormuş. ağaç altındaki hava sıcaklığının, asfalta bir alana göre yaklaşık 14 santigrat derece daha serin olması bu teoriyi açıklıyor nitelikte. gölgeyi aktif biçimde kullanabilmek, gölgede tutulmak istenen cihazın boyutuna, şekline ve yerine bağlı.

vlknkng ^(profil)

| 0 yorum var

| 03 Eylül 2008 14:21

atatürk silüeti

Etiketler: güneş, atatürk, asker, silüet, gün batımı, gölge, karadağ, atatürk silüeti, ardağan, canlı şahit, damal, damal dağları

Ardahan sınırlarında bulunan Damal dağlarında beliren Atatürk silüetinin canlı şahiti var mı aramızda acaba?
her yıl haziran15-temmuz15 arası saat 18 den itibaren atatürk'ün bu silüeti güneş batmadan 20 dk izlenebiliyormuş. atatürk'ün bu profilden görüntüsünün canlı şahidi olmak için bu tarihlerde ardahana gitmek gerekiyor tabi.

eratnow ^(profil)

| 28 yorum var

| 25 Nisan 2008 14:35

The Shadower: Prototypejs gölgelendirme

Etiketler: javascript, add on, prototype, gölge, yansıma, prototypejs

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

eskiden böyleydi

Oysa şimdi the shadower ile kolay bir şekilde gerçekçi gölgeler elde edebilirsiniz.

şimdi böyle

Bu javascript parçası prototypejs üzerine yazılmış.

devamını oku »

anon10500 ^(profil)

| 0 yorum var

| 12 Aralık 2007 20:13

nerede gece? nerede gündüz?

Etiketler: fotoğraf, harita, dünya, uzay, güneş, gece, uydu, görüntü, karanlık, uydu görüntüleri, gölge, gündüz, uydu görüntüsü, uydu fotoğrafı, aydınlık, güneş ışığı, günışığı, world sunlight map

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.

odo ^(profil)

| 3 yorum var

| 20 Kasım 2007 08:54

lucidtouch: "saydam" dokunmatik ekran

Etiketler: ekran, transparent, led, saydam, parmak, labs, dokunmatik, gölge, the, fingers, in, mitsubishi, back, lucidtouch, merl

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.

xerre ^(profil)

| 0 yorum var

| 16 Kasım 2007 20:27

Vista logolarının altındaki gölge yapma programı arıyorum. (soru)

Etiketler: photoshop, program, vista, gölge, vista görünüm, gölge yapma, gölge yapma programı

Merhabalar,
Arkadaşlar aranızda Vista logolarının altındaki güzel gölgeleri yapmak için kullanılan metodları bileniniz var mı? Veya bir program. Mümkünse
Photoshop olmasın. Çünkü acele lazım. Bilenlerden yardım istiyorum.

ogranver ^(profil)

| 6 yorum var

| 02 Kasım 2007 18:07

gölge | bildirgec.org

Etiket: gölge

gölge hakkındaki yazılar:

İnteraktif CSS3 Oluşturma Araçları

hayatı kolaylaştıracak 11 css3 tekniği

klimayı güneş'ten korumak %10 enerji tasarrufu sağlıyor!

atatürk silüeti

The Shadower: Prototypejs gölgelendirme

nerede gece? nerede gündüz?

lucidtouch: "saydam" dokunmatik ekran

Vista logolarının altındaki gölge yapma programı arıyorum. (soru)

etiket menüsü

çok tutulan gölge yazıları

bildirgecinfo

network siteleri

zamazing.org

3ayak.org

hafif.org

22dakika.org

yenimecra.org

sinepil.org

ucandaire.org

kodaman.org