kaviDesign

Kendini web geliştirme ile ilgili düşünen hiç kimsenin şimdiye kadar Firefoxu duymadığını sanmıyorum. Duymadığını hatta kullanmadığını söylemek bile o kişinin işini iyi yaptığı konusunda şüphe duymama sebep olur.
Firefoxu bu konuda asıl cazip hale getiren ise eklenileri, web developer eklentisi vazgeçilmezlerimden. Yeni vazgeçilmez adayı Firebug 1.0, daha önce eski versiyonun kullanıyordum işimi kolaylaştıran en güzel yanı javascript ve CSS hatalarını çok rahat tesbit etmemi sağlamasıydı. Yeni versiyonu ise olayı çok daha üst seviyelere taşımış.
Firebug 1.0 ile gezdiğiniz hersayfanın HTML ve CSS kodlarını değiştirebiliyorsunuz. Hangi CSS seçicisinin hangi HTML elementlerini etkilediğini görsel olarak görebeliyor olmak ve CSS kodu tamamlaması CSS kodlamayı çocuk oyuncağı haline getiriyor.
Eski versiyonunda eklenti tarayıcını bir parçası gibiydi artık yeni bir pencerede açabiliyorsunuz.
Kısaca Firebug bir eklentiden çok daha fazlası. Hâlâ beta olması sebebiyle bazı eksikleri var ama çok daha iyi bir hale geleceğini tahmin ediyorum.
Buyrun bir de kendiniz deneyin.

“Dur hele bunlar da neyin nesi?” diyenleri duyabiliyor gibiyim zira hiçbir türkçe sitede bahsi geçmemiş olması beni oldukça şaşırttı.
moo.dom ve Behaviour farklı fakat aynı iş için yazılmış 2 farklı javascript kodu. Yaptıkları iş web 2.0 ile ilgilenen herkesin ekmeğine yağ sürecek cinsten. Şöyleki az çok javascript ile ilgilenen herkes bilir ki javascript kodumuzu ya script tagları arasına yazar yada farklı bir .js dosyasına yazıp HTML dosyamıza ekleriz ve yazdığımız kodu tetiklemesi için onclick(); gibi fonksiyonları kullanırız. Kullandığımız bu fonksiyonlar HTML kodu içinde olamak zorundadır javascript kodumuz farklı dosyada olsa bile.
İşte moo.dom ve Behaviour bu fonksiyonları HTML kodundan ayırmamıza olanak sağlıyor. Bunu yaparken de CSS tarzı seçim metodu kullanıyor. (.class #id veya HTML elemanı adı ile). Yani HTML kodunuza hiç javascript karıştırmadan istediğiniz eleman yada elemanlara tetikleyiciler (event listeners) ekleyebilirsiniz. Gerçekten harika.
CSS ve XHTML kodlayanlara gün doğdu diyebilirim çünkü bu scriptleri kullanmak için HTML kodunuzu anlamsal olması gerekiyor. Her istediğiniz elemana rahatça erişebilmelisiniz. Bu da her elemanı iyi tanımlamakla oluyor.
Benim kişisel seçimim moo.dom’dan yana. prototype.js kütüphanesini kullanıyor bu ekstradan 50kb bir yük demek diye düşünebilirsiniz. Fakat zaten prototype’a ihtiyacınız olacağı için (ilerde mutlaka kullanacağınıza eminin) sorun olmayacaktır. Ayrıca lite verisiyonu da mevcut. Kod yapısı olarak behaviour’dan daha basit.
Gerisi bize kalmış :)

İnternet ortamında büyük harfle yazmak bağırmak anlamına geliyor. (en azından böyle bir anlayış var)
Kişisel olarak ben de bağırma olarak algılıyorum. Hiç değilse estetik olarak hoş gözükmüyor.
Bir de büyük harfleri kullanarak kodlayan insanlar var. Acaba müşterilerine çok mu kızdılar da büyük büyük yazıyorlar :)
İşte asıl sorun bu insanlarla XHTML arasında, XHTML kendine bağırılmasına izin vermiyor. Yani geçerli bir XHTML kodunda büyük harflerle tagları yazamazsınız. Eğer MIME type olarak application/xhtml+XML belirtilmişse tarayıcınız büyük harflerle yazmanıza hemen müdahale edecektir. Aslında güzel bişey çünkü kodunuzun geçerli olduğunu hemen görebiliyorsunuz ve sizi geçerli kod yazmaya zorluyor.
Problem: XHTML kurallarına uygun kodunuzu yazdınız tasarımınız hazır ama ne varki gelen içerik geçerli XHTML değil.
Çözüm: Herkes XHTML kodlasın (tamam herkes kodlamasın ama en azından bu işin içinde olanlar biraz daha sakin olup küçük karakterlerle yazsın)
Çözümü beğenmeyenler buraya bir göz atsın. Ha bir de sakin olun :)

HTML : XHTML:

Not: Orjinal kod RobLab'dan alınmış ve düzenlenmiştir. Robert Nyman'a teşekkürler.

Ajax, web için olmazsa olmaz bir konuma gelmedi henüz ama işleri bazen öyle kolaylaştırıyor ki, kullanmasam bişeyleri eksik yaşadığımı düşünüyorum bazen ve öyle hızlı gelişiyor ki daha nedir diye araştırırken adamlar kendi APIlerini yazmışlar. İlgilenenler için burayı ziyaret etmenizi tavisye ederim.

gelelim sorunlara ajaxın kalbi XMLHTTP nesnesi ile IE arasında bir anlaşmazlık var. bazen rahatsız edici bir güvenlik uyarısı veriyor. neden niye diye ararken buldum bu https olan bir sitede http den yayımlanan bir nesne kullanmak gibi bişey. ilgililer bilir güvenli alanda güvensiz alandan bir nesne çağırınca /* bu resim, js, css olabilir */ IE güvelik uyarısı veriyor ehh haksız da sayılmaz.

Aynı sorun XMLHTTP objesi içinde geçerli. eğer alınan veri farklı bir domainden geliyorsa bu uyarı çıkıyor. meselâ flickrdan rss ile veri alıp kendi sitemde göstermek istiyorum. çözüm basit sunulan verileri kendi sitenizden almanız gerekiyor.

2. sorun Ajax ve Türkçe karakter problemi, sorunun kaynağını tam olarak anlayamadım. gelen verilerde problem yok, sunulan verinin karakteri de doğru. veriyi browser bozuyor olamaz çünkü hepsinde aynı problem var. büyük ihtimalle xmlhhtp objesi bozuyor. kimin bozduğu çokta önemli değil. çözüm olarak hiç Türkçe karakter kullanmamaya karar verdim :D

böyle de çözüm olmaz demeyin oldu bile..
html de her karakterin bir kodu var ç için ç kullanıyoruz. böyle olunca çözüm oldukça basitleşiyor; Türkçe karakterleri ya da düzgün gözükmeyen karakterleri html kodu ile değiştirip sunmak gerekiyor veriyi. PHP için şöyle bir fonksiyonu yazdım.


<?php
function elie_js_friendly($string){
$string = str_replace(
array('ç', 'Ç', 'ğ' , 'Ğ', 'ı', 'İ', 'ö','Ö','ü','Ü','ş','Ş'),
array('&#231;', '&#199;', '&#287;',
 '&#286;', '&#305;', '&#304;', '&#246;',
 '&#214;', '&#252;', '&#220;', '&#351;',
 '&#350;'),$string);
return $string;
}
?>



diğer karakterler için buraya bakıp ekleme yapabiliriniz.