bildirgec.org

jsTree, jQuery eklentisi olarak paketlenen çapraz tarayıcı ağaç bileşenidir.Javascript tabanlı olan bu uygulama üzerinde kategorili listeleme yapabileceğiniz gibi üzerinde kayıtlı bulunan tüm girdiler üzerinden eşzamanlı olarak işlem yapabilirsiniz.

Listeleme, Site Haritası hatta menü olarakta kullanılabilecek çok yönlü bir uygulama olan jsTree, ücretsiz olarak dağıtılmakta, ayrıca GPL ve MIT lisanslarına sahip bir jQuery uygulamasıdır.

Kategoriler ekleme, anında isim değişikliği, dosya ve klasörleri düzeltebilme/silebilme, sürükle-bırak özelliği ile içerisindeki nesneleri herhangi bir klasör yada katagori içerisinden bir başkasına taşıyabilme gibi birçok özelliği bulunmaktadır.

Tema desteği sayesinde tamamen kişiselleştirilebilir ve HTML, JSON, XML gibi verikaynaklarının birçoğunu destekler. Ayrıca değiştirilebilen animasyonlu açılışı ve sayfa harici yükleme özelliği bulunmakta. Arama fonksiyonu, çerezleri optimize etme, klavye ile işlem yapma gibi özellikleri ile jsTree muhteşem bir uygulamadır.

Web’in kullanıcılarına sağladığı en önemli olanakların başında gelen “kullanıcılar arası iletişim” özelliği, Web gelişiminin ana omurgasını teşkil etmekte.Kullanıcılar arası iletişimin daha da zenginleştirilip çeşitlendirilmesini sağlayan günümüz “Sosyal ağ çağı”, sobet kanalları ve sohbet programlarının bir devamı niteliğinde.

Günümüzde web kullanıcılarının çoğu iletişim ihtiyaçları için Sosyal ağlardan faydalansa da, farklı hedefler doğrultusunda hazırlanan web projelerinin kendi sohbet uygulamasını ihtiva etmesi istenebilir. Bu türden ihtiyaçlar için kullanılabilecek açık kaynak kodlu bir uygulama olan JsChat uygulaması, bu yöndeki ihtiyaçları karşılayabilecek veya alternatif olabilecek bir uygulama.

Ruby (Sinatra) ve JSON protokolü üzerine inşa edilen JsChat uygulaması; Twitter hesapları ile giriş yapabilmek ve IRC benzeri komutları destelemek gibi özellikleri kullanıcılarına sunmakta.

Web sitenizde içeriğinize göre galeri veya benzeri uygulamalar kullanabilirsiniz. Blog veya web sayfanızdaki galeride kendi çalışmalarınızı veya farklı fotoğraflar yayınlayabilirsiniz. Fotoğrafları yayınladığınız galeri uygulamasının birçok kullanışlı özelliği bulunması sizin için de kullanıcılar için de oldukça elverişlidir. FSGallery, jQuery kullanılarak interaktif olarak hazırlanmış eşsiz bir galeri uygulamasıdır.

FSGallery‘nin en önemli özelliği diğer galerilerin aksine yayınladığınız fotoğrafları tüm ekranda yayınlamasıdır.Yeni fotoğraf tıkladığınızda eş zamanlı yükleme özelliği sayesinde yeni sayfa yüklenmeden fotoğrafı aynı sayfada gösterir.

fsgallery ile fotoğraflarınızın tümüne kısa notlar ekleyebilirsiniz. Sol üstte bulunan info (bilgi) butonu sayesinde ziyaretçileriniz fotoğraflar hakkında bilgi sahibi olabilirler. Ayrıca sağ üstte bulunan “Arama” (search) özelliği sayesinde galeride fotoğraflarda arama yapabilirler.fsgallery fotoğrafları tam ekrana yansıtırken altta ise diğer fotoğraflar için transparan bir alan bırakmıştır. Eklediğiniz tüm fotoğrafların küçük önizlemesi aşağıda yer alır ve bu fotoğrafların üzerine geldiğinizde tooltip özelliği sayesinde önizleme ekrana gelir.

Geçenlerde ajax tabanlı bir uygulama üzerinde harıl harıl çalışırken Firebug’ın ReferenceError u ile birhayli sorun yaşadım. Json olarak aldığım data verilerini tabii ki klasik yöntem ile elde edebiliyordum.

Örn: response.name, response.point gibi..

ancak farkettim ki key değeri içerisinde “-, +” gibi karakterler bulunduğunda bu sorunla karşılaşıyorum.

sorunun çözümü basitmiş ama biliyorsunuz ki “sinekte küçük ama mide bulandırır”.

1
2
3
4
5
6
7

var data = [
{ "name": "Magic Johnson", "mvp": 8, "asist": 10141, "point": 17707, "all-star": 12},
{ "name": "Michael Jordan", "mvp": 14, "asist": 5633, "point": 32292, "all-star": 14},	
{ "name": "Kareem Abdul-Jabbar", "mvp": 8, "asist": 5660, "point": 38387, "all-star": 19}
];

console.debug("All Star" + ":" + data[1].all-star);

Hayatımıza ajax girdiği günden bu yana herşeyin ne kadar kolaylaştığını hepimizin çok iyi gördüğünü düşünüyorum. Bunun bir diğer örneğide veri erişimi için kullanıdğımız XML in AJAX taki kardeşi JSON olarak karşımıza çıkıyor.Şimdi ASP de JSON string oluşturmayı size en basit şekilde anlatmaya çalışacağım.

Öncelikle kurgumuzu incelemekle başlayalım;
Sitemizde anlık mesaj panosu oluşturmak istiyoruz. O halde kullanıcıların yazdıkları yazıların sürekli olarak sitemize yenileme yapılmadan güncellenmesi gösterim için en doğru şekildir. İşte bu noktada JSON devreye girmektedir , veriler JSON olarak bir ASP dosyamızda oluturulur ve AJAX ın kullanımına sunulur.Bu işlem için JSON oluşturan dosyamız aşağıdaki şekildedir.

Microsoft, geliştiricilerin kendi arama motorlarını geliştirebilmeleri için Bing API’yi + duyurdu.

Geliştiriciler limitsiz olarak kullanabilecekleri Bing API ile Web, Images, InstantAnswer, Phonebook, RelatedSearch, Spelling temelli aramalar yapabilmeleri yanında arama sonuçlarını JSON, SOAP ve XML protokolleri ile alabilecekler.

Farklı web sitelerine ait RSS ve ATOM beslemelerini (Feed) karıştırarak tek bir besleme haline getirebilme olanağı sağlayan feedmingle aracı; yeni karıştırılmış beslemenizi RSS, ATOM, JSON ve Web sayfanıza veya blogunuza eklemeniz için Html Widget olarak sunmakta.

Firefox 3.5 ile web geliştiricilerinin yüzü gülecek

Mozillatarafından geliştirilmekte olan Firefox 3.5 sürümü web geliştiricilerinin yüzünü güldürecek cinsten yenilikler ile gelmeye hazırlanıyor. Birçok gelişmekte olan web standartını destekleyecek biçimde piyasaya çıkacak olan Firefox 3.5, tasarımcıların hünerlerini sergileyebilmesi için birçok olanak sunacak.

Firefox 3.5 ile desteklenecek standartlar ve yapılacak yenilikler aşağıda listelendi.

HTML5 desteği
Daha önce yeni html5 tag’leri ve kullanım şekilleri yazısında belirtilen özelliklerin bir kısmı firefox 3.5 ile kullanılabilir olacak.

• Audio ve video tag’leri desteklenecek.
• Siteler arasında sürükle ve bırak (drag & drop) özelliği etkin olacak.

CSS cephesinde gelişmeler

• @font-face desteklenecek. Sitelerdeki font’lar ziyaretçilerin bilgisayarlarına indirilip siteler her font ile sorunsuzca görünebilecek.
• ::before ve ::after geliştirilecek
• media sorgulamaları geliştirilecek
• -moz-opacity desteği kalkacak. opacity özelliği eklenecek
• text-shadow ile yazıları gölgelendirme desteklenecek
• word-wrap özelliği eklenecek
• ziyaretçinin bilgisayarında tanımlanan link bilgilerine ulaşım için -moz-nativehyperlinktext desteği gelecek
• -moz-window-shadow desteği gelecek
• -moz-transform desteği gelecek

Web sayfaları geliştiren tüm heskesin bildiği gibi, projelerimizde inline (yani sayfa içinde) çeşitli scriptler yazabileceğimiz gibi, scriptleri (yani çalışan program parçacıklarını) bir başka dosya (veya dosyalar) içinde tutup ön sayfalara referans kodlarıyla dahil ederek, html kodlarımızda sadeliği (ve iş bölümünde kolaylığı) arttırmış oluyoruz.

Aşağıda yapacağımız çalışma için bize jQuery isimli javascript kütüphanesi gerekmektedir. Çünkü bu kütüphane AJAX işlemlerini kolay bir şekilde halledebiliyor. Gelin şimdi bu kütüphaneyi standart yollardan sayfamıza dahil edilecek örneği verelim. Böylece hem istemci taraflı tasarıma yeni başlamış arkadaşlarımıza include (dahil etme) için örnek oluşturalım hem de normal yollardan bir scriptin ne şekilde sayfaya dahil edildiğine yeniden bakmış olalım. Bu şekilde aşağılarda anlatacağımız gibi standardın dışına çıkarak web sayfalarımıza başka yollardan script dosyalarını dinamik bir şekilde yüklediğimizde meydana getirdiğimiz farklılığı gözler önüne sermiş olacağız.

JavaScript‘ler web sitelerin vazgeçilmez kaynaklarıdır. JS ile kullanıcı dostu, interaktif arayüzler oluşturulurken bu arayüzlerin tarayıcıdan (browser) tarayıcıya farklılık göstermesi, hem web site geliştiricisi hem sitenin ziyaretçisi açısından en istenilmeyen durumlardan bir tanesidir.

JavaScript’in gücü ve etkileyici yanları çeşitli açık kaynak kodlu JavaScript kütüphanesinin yazılmasını sağladı. Bu kütüphanelerden siteler için hazırlanmış, açık kaynak kodlu, görselliği etkileyici ve çeşitli tarayıcılarda testleri yapılmış ExtJS ve ExtGWT‘den bahsetmek istiyorum.

Bu JS kütüphaneleri, yüksek performans elde etmek, zengin internet uygulamaları üretmek amacıyla geliştirilmiş.

Demolarda da göreceğiniz üzerine Ajax‘sal özellikler kütüphanelerin beğeni kazanmasını sağlıyor.

Şimdi ExtJS‘den örneklere bakalım.

• ExtJS Feed Viewer (demo)
  
  ExtJS Feed Viewer