webkit | bildirgec.org

İ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.

CSS3 ile css ve web tasarımı birbirinden farklı birçok özellik kazandı. Her türlü yazı tipini web sayfalarında kullanabilme, css ile oluşturulan animasyonlar, şık buton tasarımları gibi birçok örnek bulunmakta. Bu örnek ve uyguları öğrenmek ve css3'ü tamamen tanımak için birçok uygulama ve makale bulunmakta. Fakat css3 tarayıcıların eski sürümşerinde çalışmıyor. Bunu dikkate alarak da web sayfanızı şekillendirmelisiniz. İşte birbirinden farklı css3 uygulamaları;

11 classic CSS Techniques Made Simple with CSS3 | Demo

Klasik css'den farklı olarak css3'teki farklılıkları açıklayan bu yazıyı css3'e geçen herkesin okuması gerek. Css3'teki animasyon, yazı tipi değişimi ve vurgusu, köşesiz blok yapımı gibi konularda içinde bulunan çok eğitici bir yazı.

Mock-Up Interface Using CSS3 Colour | Demo

Css3 ile transparan bloklar yapabileceğinizi gösteren çok hoş bir uygulama. İstediğimiz herhangi bir bölümü ya da sayfanın tümünü transparan hale getirmek mümkün.

Biz hala Internet Explorer 8'in neresi iyi, neresi kötü diye araştırmaya başlamadan, Microsoft, Internet Explorer 9 hakkında konuşmaya çoktan başladı. Geçtiğimiz Mart ayı ortalarında yapılan MIX10 konferansında, IE9'un teknik özellikleri hakkında web geliştiricilerine sunumlar yapıldı.

Bu sunumlarla birlikte yapılan bir başka duyuruyla IE9 Platform Preview adı altında bir deneme sürümü yayınlandığı ve www.ietestdrive.com adresinden indirilebileceği bildirildi. Bu deneme sürümü tam olarak IE9'un kendisi değil. Sadece Microsoft'un IE9'da üzerine düştüğü özelliklerin test edilebildiği bir yazılım. Bu yazılım sadece Vista ve Windows 7 de çalışıyor. (ipucu: Adres girebilmek için Ctrl-O tuş kombinasyonu kullanılıyor.)

Microsoft'un IE9'da üzerine düştüğünü başlıca özellikler şöyle:

Web tasarımcılarının neredeyse kolu bacağı haline gelen jquery artık 3d dünyasına da el atmaya başladı. pek çok görsel efekt, artık flash yerine jquery ile zahmetsizce hazırlanabiliyor ve aşağıdaki örneklerden de görüleceği üzerine -bana katılır mısınız bilmem ama- jquery bu örneklere benzer uygulamalarda flashtan aşağı kalır bir yanı olmadığını gösteriyor.

Lafı fazla uzatmadan örnek uygulamaları sıralamak istiyorum.

1- 3d youtube duvarı

Bu orjinal örnekte, youtube'tan sınırsız sayıda video görüntüsü 3 boyutlu bir ortamda sunuluyor. şu anlık sadece web kit desteği olan tarayıcılarda (chrome ve safari) desteği bulunan bu eklentide sağ ok tuşu ile youtube'dan (ya da flickr'dan) ajax ile son video görüntüleri sınırsız olarak besleniyor. Görüntülenen videolar arasından arama da yapabildiğiniz bu güzel eklentiye buradan ulaşabilir, buradan demosunu inceleyebilir ve şuradan da indirebilirsiniz.

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.

web browserlar tam anlamıyla CSS3'ü desteklemese de web sitelerinde css3 sıkça kullanılmaya başlandı. bu makalede css3 dünyasında nelerin olduğuna değineceğiz. aşağıda sizlere ilham vereceğini düşündüğüm farklı tarzlarda css3 örnekleri mevcut. css3 ile neler yapılabilir sorusunun cevabına yanıt bulabileceğiniz örneklere göz atalım.

CSS3 & jquery saat

analog saat - tutorial

3d cube that rotates using arrow keys- tutorial
(yön tuşlarıyla hareket ettirebileceğiniz 3d küp) -

daha önce birçok kez duymuşsunuzdur: biz web geliştiricileri olarak, bu işi yapanlar olarak değişimin uçurumundayız. css3 ve html5 gibi geleceğin standartları işlerimizi büyük ölçüde değiştireceğe benziyor.

css3’ün nasıl etkilediğini aşağıdaki örneklerde görebilirsiniz.

1- güneş sistemimiz

bu örnekte css3'ün sborder-radius, transform ve animation özellikleri kullanılarak güneş sistemimizin bir modellemesi yapılmış. ayrıca güzel bir tooltip de kullanılmış, yan tarafta yazan gezegen isimlerinin üzerine gelince açıklaması çıkıyor. bu örneğin nasıl yapıldığına buradan bakabilirsiniz. bu animasyon sadece google chrome ve safari’de çalışıyor.

2- Flash reklamlar yerine CSS3 reklamlar

animasyon dünyasında flash’ın adı çıkmış, istenilse css3 ile de aynı güzellikte animasyonlar yazılabilir. bu örnekte birkaç flash reklam css3 ile yapılmaya çalışılmış, çok da güzel olmuş. ama şimdilik firefox ile çalışmıyor, chrome ile deneyebilirsiniz.