Bu versiyonda CSS modülü tekrardan yazılarak %20 civarında bir performans artışı sağlanmış. Bunun yanında closest, find ve filter gezinme metodlarında dramatik performans artışlarına ulaşılmış. JSLint kontrolünden başarıyla geçen bu versiyondan itibaren modülerlik de artırılarak RequireJS gibi modüllerin gerektiğinde yüklenmesini sağlayan kütüphanelere uyumluluk sağlanmış.

4. yaşını kutlayan jQuery ekibi “yeni yaşa yeni versiyon” sloganıyla, 14 Ocak’ta 1.4 versiyonunu duyurdu. Bir çok performans geliştirmesi ve yeni özellik eklenen framework bu imkanlarıyla javascript framework camiasındaki yerini daha da sağlamlaştıracağa benziyor.

Yeni versiyonla ilgili tüm metodların bir özetini http://futurecolors.ru/jquery/ adresinde görebilirsiniz.

Ext’in bu yeni versiyonunda önemli geliştirmeler yapılmış. Internet Explorer’da DOM’un kullanımıyla ilgili yapılan geliştirmelerle hafıza kullanımı azaltılmış. Uzun süredir hayali kurulan TreeGrid kütüphaneye dahil edilmiş. Grid’de istenen kolonları kilitleyerek yatay kaydırmalarda sabitleme şansı verilmiş. Kolon başlıklarını da gruplayabilme şansı verilmiş ki bu da Ext geliştiricileri için sık sık ihtiyaç duyulan bir durumdu.

Bu versiyondaki tüm geliştirmeleri http://www.extjs.com/blog/2009/12/17/ext-js-3-1-massive-memory-improvements-treegrid-and-more…/ adresinde görebilirsiniz.

ExtJS Blog’unda bildirildiğine göre ExtJS’ye bir dizi yenilik ve geliştiricilerin işini kolaylaştırıcı araçlar eklendi. Geliştiricilerinin ihtiyaçlarının farkında olduğunu hissettiren Ext geliştiricileri, sık sık sundukları geliştirmelerle takipçilerini mest ediyor. Son güzellilere şöyle bir göz gezdirelim:

Umuma Açık Commit Kaydı:

Yeni yapılan bir araçla artık Ext geliştiricileri günlük olarak kodlardaki geliştirmeleri takip edebilecekler.

JS Builder 2:

Ext’in Javascript Builder’ı geliştirilerek yeni versiyonu sunuluyor. Javascript ve CSS dosyalarınızı hafifletmeye yarayan araç http://extjs.com/products/jsbuilder/ adresinden indirilebiliyor.

Tasarım Önizleme Aracı:

Ext kullanılarak yapılacak arabirimleri kodlamadan önizleyebilmek için Adobe AIR ile geliştirilen küçük uygulama, uygulama tasarımları yapmak için büyük kolaylık.

3.0 versiyonunda öne çıkan özelliklerse şöyle:

• Satır Düzenleyici (RowEditor): Artık editablegrid’lerde satırları düzenlemek daha pratik bir hal alacak. Örnek
• ListView: Grid’in daha sade bir versiyonu olan ListView ile, çoklu seçimli, birden fazla kolonu olan şık görünümlü listeler oluşturmak mümkün. Örnek
• Veri Grafikleri: Flash destekli bir arabirimle dinamik olarak verilerin grafiklerini çıkarmak mümkün olacak. Örnek
• Düğme Gruplama (ButtonGroup): Bu yeni özellik sayesinde Office 2007′nin araç çubuğundaki gibi gruplanmış düğmeler üretme şansımız olacak. Örnek
• Tab Gruplama: Tab gruplamada adı üstünde tablarımızı gruplanmış halde gösterebileceğiz. Bu sayede 2 seviye tab gösterme gibi bir şansımız olacak. Örnek
• Geliştirilmiş Düğmeler: 3.0 versiyonunda düğmelerin resimli-resimsiz olmalarını ve resmin konumlarını dinamik olarak bildirebileceğiz. Örnek
• Sığmayan Araç Çubuklarına Çözüm: Araç çubuklarımızda bol eleman, ekranımızda veya penceremizde de dar yer olduğu zamanlar için otomatik bir çözüm üretmiş Ext geliştiricileri. Örnek
• Sığmayan Menülere Çözüm: Bir önceki maddedeki benzer bir problem de aşağı açılır menülerin çok uzun olup pencereye sığmaması idi. Ona da çözüm üretilmiş. Örnek
• İpuçlarının Konumunu Belirleme: Ext’te bolca kullandığımız ipuçlarının(tooltips) artık elemanımızın neresinde görüneceğini belirtebileceğiz. Örnek
• Önbellekli Grid Görünümü: Bu imkan, büyük grid tablolarının render edilmesinde yaşanan performans sıkıntısına çözüm olarak üretilmiş. Bu sayede sadece görünümde olan satırların render edilerek, tarayıcının gereksiz yükten kurtulması sağlanacak. Örnek

Aynı zamanda yeni versiyonda IE8, Chrome ve Safari’nin son versiyonları için de düzeltmeler yapılmış.

Slickspeed, bu konuda Javascript geliştiricilerinin yardımına sunulmuş bir uygulama. Mootools ile yazılan ve http://mootools.net/slickspeed/ adresinden çalıştırabileceğiniz uygulama ile 5 adet Javascript Framework’ün (MooTools, JQuery, Prototype, YUI, Dojo) CSS seçicilerinin performanslarını karşılaştırabilirsiniz. Bu değerlerin çalıştırdığınız tarayıcıya ve bilgisayara göre değiştiğini unutmayınız.

İşte bu durumda imdadımıza kopya kağıtları yetişiyor. “addClass mıydı, addClassName miydi?”, “ilk parametre mi dizi olacaktı ikinci parametre mi?” gibi sıkça kafamız karıştığı zamanlarda hemen Google’da arama yapmak yerine masamızın üzerindeki tek sayfalık kopya kağıdımıza bakmak çok daha hızlı ve verimli olacaktır.

İşte size Javascript uygulama geliştiricilerinin çok işine yarayacak bazı kopya kağıtlarını sunuyoruz:

Javascript Cheatsheet

• JavaScript Kopya Kağıdı
• JavaScript Hızlı Referans Kartı

JQuery Kopya Kağıdı (Cheatsheet)

• jQuery 1.3 Kopya Kağıdı
• jQuery 1.2 Kopya Kağıdı
• jTouch – iPhone ve iPod için jQuery Kopya Kağıdı – Yazdırılabilir Versiyonu

Prototype Kopya Kağıdı (Cheatsheet)

• Prototype 1.6.0.2 Kopya Kağıdı
• Prototype 1.5.0 Kopya Kağıdı

Mootools Kopya Kağıdı (Cheatsheet)

• MooTools 1.2 Kopya Kağıdı
• MooTools 1.1 Kopya Kağıdı

Dojo Kopya Kağıdı (Cheatsheet)

• Dojo 1.3 Temel API’si Kopya Kağıdı

YUI Kütüphanesi Kopya Kağıdı (Cheatsheet)

• Yahoo! Kullanıcı Arabirimi Kütüphanesi Kopya Kağıdı (tüm özellikleri içeren tek bir zip dosyası)

Ancak Firebug sadece Firefox’da çalışan bir eklendi ve Internet Explorer console.log metodunu algılamadığından bu hata ayıklama kodlarımız IE’de Javascript hatalarının oluşmasına neden oluyor. Siz de benim gibi uygulamalarınızı test ederken yaptığınız kodlamaların firefox dışındaki tarayıcılarda hatalara problemlere sebebiyet vermemesine önem verenlerdenseniz, bu problemi önemsemişinizdir.

Ben bu problemi aşağıdaki küçük kod parçacılığıyla çözdüm:

Konsol = {
  fb: (window.console && window.console.firebug),
  log: function(what){
    var args = this.log.arguments;
    if(this.fb){
      window.console.notifyFirebug(args,'log','firebugAppendConsole');
    }
  }
};

Bu nesneyi kullanarak javascript kodlarınızda console.log yerine Konsol.log metodunu kullanabilirsiniz.

Konsol.log('bunu yazdır');

Bu kullanımın size ekstradan kattığı şey console.log kullanımının IE’de veya firebug yüklü olmayan Firefox tarayıcılarında javascript hatasına sebebiyet veriyor olmasına rağmen Konsol.log kullanımının bu hataya sebebiyet vermeyecek olmasıdır. Zira kodun 2. satırında görüleceği üzere sistemin console yazılımını destekleyip desteklemediği kontrol ediliyor ve eğer destekliyorsa parametreler console.log’a gönderiliyor.

Faydalı olması dileğiyle…

Bu iddiasını da aşağıdaki gerekçelerle destekliyor:

• jQuery UI 1.6 versiyonu tüm kütüphaneyi güçlendiren bir yapıyla yakında yayımlanacak.
• Daha şeffaf ve daha iyi bir proje yönetimi.
• Geliştirilmiş tema seçici.
• Geliştirilmiş dokümantasyon ve örnekler.
• Daha büyük kullanıcı desteği. Bu konuda bir çok kullanıcının geliştirdiği faydalı araçlar ve WordPress’in jQuery’e desteği önplana çıkıyor.
• Yakında duyrulacak yeni bir blog.

2008 Javascript adına dolu dolu bir yıl oldu. 2009′da ortalık daha da kızışacak ve sonuçta kazanan yine web kullanıcıları olacak gibi.

Henüz beta aşamasında olan Pixastic Editör, Internet Explorer’ın canvas desteği olmadığı için şu anda Firefox 2+, Opera 9.5+, Webkit’li Safari ve Google Chrome tarayıcılarında çalışıyor. Pixastic aşağıdaki resim manipülasyon işlemlerini yapabiliyor:

• Blur (Bulanıklaştırma)
• Brightness/Contrast (Parlaklı ve zıtlık)
• Crop (Kes)
• Desaturate (Doygunluk)
• Edge Detection (Keskinlik denetimi)
• Emboss (Kabartma)
• Flip Horizontally/Vertically (Yatay/Dikey çevir)
• Glow (Parlat)
• Histogram
• Hue/Saturation/Lightness (Renk/Doygunluk/Aydınlık)
• Invert (Ters çevir)
• Laplace Edge Detection
• Lighten (Aydınlat)
• Noise (Gürültü, gren)
• Posterize
• Remove Noise (Gürültü temizleme)
• Sepia (Sepya)
• Sharpen (Keskinleştir)
• Unsharp Mask
• Color Adjust (Renk Doğrulama)
• Mosaic (Mozaik)
• Pointillize
• Solarize

Kütüphanenin jQuery eklentisi sayesinde jQuery ile birlikte kullanmak da mümkün.

Websitesi: http://www.pixastic.com

Örnek: http://editor.pixastic.com/

Dokümantasyon: http://www.pixastic.com/lib/docs/