webkit | bildirgec.org

CSS3 ve HTML5 ile artık web sitelerimiz daha renkli ve daha interaktif bir şekle giriyor. Yeni özellikler sayesinde hem görsel açıdan tatmin edici çalışmalar yapılırken hem de herhangi bir eklentiye gereksinim kalmıyor. Aşağıdaki benzersiz HTML5 ve CSS3 uygulamalarının nasıl yapıldığını detaylı olarak öğrenebilir ve benzer çalışmalarda bulunabilirsiniz. İlgi Çekici css3 ve html5 Uygulamaları;

Animated 404 Page
(Animasyonlu 404 Sayfası)

Building a custom HTML5 video player with CSS3 and jQuery
(CSS3 ve jQuery kullanarak Özel HTML5 Video Oynatıcısı)

CSS3 Tile Flip Animation Tutorial
(CSS3 Tile Flip Animasyon Eğitimi)

İnternetin popüler tarayıcıların Firefox, süpriz bir karar ile motorlarının alt yapısını değiştireceğini açıkladı. Eskiden en hızlı internet tarayıcısı olan Firefox'un JavaScript motoru da diğer tarayıcılara göre daha hızlıydı. Fakat giderek hız yarışında arka plana giden Firefox, bu kararı ile yeniden bir hamle yapmayı planlıyor.

Firefox'un hız konusunda ve JavaScript motoru hızında arka planda kalmasından şikayetçi olan kullanıcıların tepkisi sayesinde bu karara adım attıklarını belirten Firefox ekibi, artık daha hızlı bir Firefox olacak mesajı verdi. Geçtiğimiz günlerde şimdiye kadar hız konusunda lider olan Google Chrome'u geçerek birinciliğe Opera 10.5 sürümü ile oturmuştu. Bu gelişmelerin ardından Firefox, rakiplerine göre oldukça geride kaldı.

Mozilla'nın geliştiricilerinde David Mandelin, JägerMonkey adındaki yeni bir JavaScript motoru kullanacaklarını ve gidişat ve diğer bilgileri yakın zamanda duyuracaklarını söyledi.

Firefox, artık 3 boyutlu olarak kullanılabilecek. Firefox içine 3D grafik görüntüleme motorunu yerleştiren ise Mozilla değil, bir grup araştırmacı.

Yeni 3D görüntüleme motoru ile Firefox ile çevrimiçi 3 boyutlu oyunlar direkt olarak oynanabilecek. Ayrıca gelişmiş web uygulamalarını da Firefox'ta çalıştırabileceğiz ve bunlar için Firefox üzerine herhangi bir eklenti kurmamız gerekmeyecek.

Firefox üzerine entegre edilen bu 3 boyutlu görüntüleme motoru bu alandaki ilk çalışma değil. Fakat Saarland Üniversitesinden Profesör Philipp Slusallek tarayıcılar içine entegreli 3D grafik motorları sayesinde kullanıcılara farklı uygulamalar sunabileceğinizi ve 3D'yi geniş bir kitleye yayabileceğinizi söylüyor.

3 Boyutlu görüntülerin 2 boyutlu ekranlara yansıtan geliştiriciler, bu özelliğe RT Fact adını verdiler ve Webkit içine yerleştirdiler. XML3D sayesinde tüm web programları ve web sayfaları 3 boyutlu olarak yayınlanabilecek.

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

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.

Her tarayıcı üreticisi farklı görüntüler üreten motorlar kullanınca bunun sonucu her tarayıcıda farklı görünen sitelerle karşılaşmamız kaçınılmaz oluyor. Bunun en büyük sıkıntısını yaşayan kişiler web sitesi tasarlayan (web designer) kişiler olsa da, son kullanıcılar da bundan nasibini alıyor ve tıklamak istedikleri linklere tıklayamıyor, hepsi tek bir tarafta alt alta dizili sitelerle karşı karşıya kalıyor ve bunun sonucu olarak sağlıklı bir web süreci yaşayamıyorlar.