JSTürk

Feed Rss

Lider javascript çatısı jQuery’nin geliştirme ekibi hız kesmiyor. jQuery ekibi 1.4.3 versiyonunu duyurdu.

logo_jquery_215x53

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ış.

İnternetin tartışmasız en popüler Javascript Framework’ü jQuery‘nin 1.4 sürümü müthiş yeniliklerle duyruldu.

logo_jquery_215x53

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.

ExtJS’nin 3.1 versiyonunun kararlı sürümü duyruldu.


Learn more

ExtJS geliştiricileri güzel haberler vermeye devam ediyor.

Ext JS 3.0

Learn more

Ext JS 3.0 RC1.1 duyruldu. Ext JS’nin 3. versiyonuyla ilgili ilk bilgileri edindiğimiz bu duyuru sayesinde, Ext JS’nin yakın vadedeki durumuyla ilgili bilgi edinmiş olduk.

Ext JS 3.0 RC1.1

Learn more

CSS seçiciler (CSS selector), Javascript Framework’lerin can damarıdır. Çünkü DOM üzerinde manipüle edeceğimiz elemanlara onlarla ulaşırız ve bu yüzden çok da sık kullanırız. Bu kadar çok sık kullanıldığından CSS seçicilerin çalışma performansları ve sağladıkları imkanlar, hangi Javascript Framework’ü kullanmamız gerektiği sorusuna cevap bulmada önemli bir bilgidir.

Slickspeed Learn more

Kopya Kağıtları (Cheasheets), bir çok web uygulama geliştiricisinin kullandığı araçlar. Çünkü diller ve framework’ler o kadar çok özellik ve metod içeriyorlar ki bunların hepsinin ezberde tutulması hem zor hem de gereksiz.

Cheatsheet

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

Learn more

Firebug, javascript uygulama geliştiricileri için hala en ideal hata yakalama aracı(debugger). Javascript kodlarımızda console.log metoduyla nesnelerimizi ve dizilerimizi firebug konsoluna göndererek incelemek büyük bir nimet.

Firebug Logo

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…

Karl Swedberg, jQuery UI (jQuery Kullanıcı Arabirim Framework’ü) için, “2009 jQuery UI’nin yılı olacak” diyor.

jQuery UI

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.

Pixastic, tarayıcıların canvas desteğini kullanarak, taracıyı üzerinde Photoshopvari resim manipülasyonları yapmaya yarayan bir javascript kütüphanesi.

picastic-image-editor

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/