Fatih Hayrioğlu'nun not defteri

1 Haftalık web’den seçme haberler - II

Fatih Hayrioglu — Wed, 16 Jul 2008 07:24:44 -0500

Web tasarımcıları için link derlemesi. Bağlantı
“Sayfanız kaç adet HTTP-İsteğinde bulunuyor?” - webdeneyimleri.com Bağlantı
“Screengrab adlı zaman kurtarıcı, Firefox eklentisi” - webdeneyimleri.com Bağlantı
“Mootools öldü(?)” - hakanersu.com Bağlantı
Çevirimiçin CSS düzenleme, sıkıştırma araçları. Bağlantı
jQuery farklı görünümlü işaret kutuları(checkbox). Bağlantı
Sitemi WordPress 2.6 sürümüne yükselttim. Bu Otomatik Güncelleme ekletisi çok büyük nimet.

1 Haftalık web’den seçme haberler - I

Fatih Hayrioglu — Tue, 15 Jul 2008 06:30:44 -0500

FireBug hakkında güzel bir makale. Bağlantı
jquery ile tarayıcı üstü mesaj koymak. Bağlantı
web kodlayıcıları için posterler. Bağlantı
En iyi 10 CSS düğme kodlaması. Bağlantı
20′den fazla güzel css uygulaması. Bağlantı
id ve sınıf arasındaki farklar. Bağlantı
CSS’e başlamak için 20 adet makale. Bağlantı
37signals 15 Ağustos itibari ile yaptığı sitelerde ie6 testinden geçirmeyecekmiş. Güzel bir fikir. Bağlantı
jQuery ile hızlı arama. Bağlantı
jquery ile yapılmış güzel bir mesaj eklentisi. Bağlantı
Web site ardalan resimleri. Bağlantı
Asp.net 3 aşamalı kod yazma tekniği. Bağlantı
IE6 için PNG düzenlemesi, alternatif bir script uygulaması. Bağlantı
WordPress 2.6 sürüm yayınlandı. Bağlantı
“Digg Yeni Tavsiye Sistemi” - m3hmet.com Bağlantı
“IE 8: Virüslere karşı SmartScreen-Filter” - chip.com.tr Bağlantı

04 Temmuz 2008 web’den seçme haberler

Fatih Hayrioglu — Fri, 04 Jul 2008 10:06:47 -0500

CSS Firefox 3 filtresi. Bağlantı
Alan Adları Değişiyor - perfectgate.net Bağlantı
Bırakın yazılarınızı okurlarınız etiketlesin - blog.wolkanca.com Bağlantı
İnternet Tarayıcıları ve web geliştirici araçları hakkında güzel bir inceleme. Bağlantı
Volkan Görgülü yeni bir stei açmış, XHTML ve CSS hakkında ilk konusu “CSS Sprite Tekniği” Bağlantı
Firefox 3 rekoru kırabildi mi? - cnetturkiye.com Bağlantı
Uygulamalarımızda kullanabileceğimiz 15 CSS + XHTML uygulaması. Bağlantı
Firefox3 en çok indirilen program olarak Guinness rekorlar kitabına girmiş. Bağlantı
55 adet iyi kalitede ikon setleri. Bağlantı
600 Milyondan Fazla Web Kullanıcısı Risk Altında - turk.internet.com Bağlantı
Javascript ile sayfa adresindeki bilgileri almak. Bağlantı
WordPress eski sürümleri hackleniyor. Bir çok arkadaşımın ve benimde karşılaştığım bir sorun. Güncellemeleri hemen yapmak lazım Bağlantı
Tasarımlarınızı Fiyatlandırma - hasanyalcin.com Bağlantı
Son haberde benden 1 hafta kadar izine çıkacağım. Dönüşte görüşmek dileğiyle. Hoşçakalın.

02 Temmuz 2008 web’den seçme haberler

Fatih Hayrioglu — Wed, 02 Jul 2008 06:10:52 -0500

Asp.net’de otomatik önermeli metin grdi alanları yapmak. Bağlantı
jQuery ile fare imlecinin konumu almak. Bağlantı
RSS ve ATOM beslemelerinizi geliştirin. Bağlantı
jQuery ilerleme çubuğu eklentisi. Bağlantı
Jquery Kaynakları - mfyz.com Bağlantı
vandelaydesign’ın Haziran ayı seçtikleri güzel bir liste. Bağlantı
Adobe swf’leri aranabilme ve indekslenebilme özellikte ekliyor. Bağlantı
js ile resimlerde yakınlaştırma yapmak. Biraz yavaş çalşıyor. Bağlantı
float özelliği hakkında ayrıntılı bir bilgi. Bağlantı
Asp.net, linq ve ajax ile sohbet odası yapmak. Bağlantı
Linklerimizi ayrı pencerede açmak üzerine güzel bir makale. Bağlantı
BlogEngine.NET 1.4 yayınlandı! Bağlantı
10 adet sıra dışı jquery uygulaması. Bağlantı
Google SEO için sitemap.xml nedir? - ercanaltug.blogspot.com Bağlantı

27 Haziran 2008 web’den seçme haberler

Fatih Hayrioglu — Fri, 27 Jun 2008 08:36:30 -0500

Web için posterler. CSS, Html, Javascript vb. Çıktılarını alıp duvara asmak gerek bir çoğunun. Bağlantı
CSS menü uygulamalarından bir derleme. Bağlantı
jQuery otomatik önerme eklentisi. Bağlantı
Ajax ile otomatik önerme - koodla.iblogger.org Bağlantı
Hızlı Javascript/ Ajax uygulamaları geliştirmek için örnek ve araçlar. Bağlantı
CSS Opera 9.5 filtresi. Bağlantı
Esnek yapılı sayfalar ve geleceğe dair güzel bir makale. Bağlantı
jQuery ile yazılara daktilo efekti verelim. Bağlantı
“Web Tasarımın 10 Emri” - hasanyalcin.com Bağlantı
En iyi menü örnekleri. Bağlantı

25 Haziran 2008 web’den seçme haberler

Fatih Hayrioglu — Wed, 25 Jun 2008 06:44:04 -0500

Firefox 3 hakkında gelişmiş ipuçları. Bağlantı
Farklı tarayıcılara göre kod yazarken dikkate alacağımız ipuçları. Bağlantı
SmashingMagazine.com CSS editörleri hakkında güzel bir bilgi derlemesi yapmış. Bağlantı
Adım adım PSD’den HTML sayfa kodlama. Bağlantı
jQuery ağaç menü örnekleri. Bağlantı
jQuery içiçe iki açılır menü. Bağlantı
Web sitelerinin hızını ölçen güzel bir eklenti. Firebug’a ek olan bu eklenti bize site hızı hakkında ayrıntılı bilgi veriyor. Bağlantı
Apple sitesindekine benzer akordiyon menü örneği. Bağlantı
Firefox 3′ün desteklediği CSS özellikleri hakkında ayrıntılı bir makale. Bağlantı
25 adet Minimalistik site örneği. Bağlantı
Firfox3′ün yeni renk profil desteği. Renkler daha canlı. Bağlantı

IE iframe ardalanında beyaz renk sorunu

Fatih Hayrioglu — Tue, 24 Jun 2008 03:05:19 -0500

Sitelerimizde kullandığımızda Internet Explorer bu ardalanını beyaz bir blok şeklinde görüntüleyecektir.

Bu Ardalanı beyaz olan sitelerde sorun değil ama ardalanında resim veya farklı renk olan sitelerde sorun çıkarıyor.

Bu durumu engellemek için koduna çok basit bir özellik eklemesi yeterli oluyor.



Genelde Karşılaşılan Javascript Hataları
Fatih Hayrioglu — Fri, 20 Jun 2008 03:34:49 -0500
Genelde  javascript yazımına ara verdiğimde veya program yazıp sonra javascript  yazmaya başladığımda bazı sorunlarla karşılaşıyorum. Geriye baktığımda  ise bu hataların %80-90′ının aynı hatalar olduğunu gördüm, bunları  siteye yazmayı düşündüm ve biraz araştırınca aynı dertten muzdarip olan  bir çok insan olduğunu gördüm. Genelde hatayı bulup düzelttiğimizde  bunu nasıl görememişim değimiz(yuh artık buda olamaz!) hatalardır  bunlar. 
Kendi sorunlarım ve araştırıp bulduğu genel sorunlar:
= ve == operatörleri
= tanımlama operatörü, == iki değeri eşitlemek için kullanılır. Genelde bir karışık oluyor

var nDeger = deneme.gif ;

 == örnek verecek olursak;

if(nDeger == fatih.gif){
alert(”Fatih geldi”);
 }

 genelde karşılaştığım hata

if(MyVar = “xyz”)

Tırnak İşaretleri
Dizgiler(string)  tırnak işareti içinde olmalıdır. Tek tırnak veya çift tırnak. Genelde  çift tırnak ile başlayan tek tırnak ile kapattığımızda veya tek tırnak  ile başlayanı çift tırnak ile kapattığımızda sorun yaşıyoruz. Yada  dizgileri tırnak içine almayı unutuyoruz.
Parantezler
Parantezlerde  de açılan parantezi kapanmamasından kaynaklana sorunlarda en çok  karşılaştığımız sorunlardan biridir. if, for ve do while gibi işlemler  için kullandığımız parantezleri kapatmadığımızda hata yaşıyoruz. Kod  yazım formatımızı düzenli yaparsak bu sorunu çözebiliriz.
Hiyerarşi sorunları
Çoğu  zaman karşılaştığımız sorunlardan bir taneside doküman hiyerarşisine  göre daha oluşturulmamış bir nesneye erişmek istediğimizde “abs has no  properties” gibi bir hata ile karşılaşırız. Genelde javascript  dosyalarını  etiketi içinde tanımlarız ve sayfa yüklenirken  bir işlev yapılmasını istediğimizde böyle bir hata alırız. Eğer sayfa  ilk yüklendiğinde bir şey yapmak istiyorsak bu kodu sayfa sonuna  koymalıyız, yada yapmak istediğimiz işi sayfadaki bir nesne ile  tetikleyerekte bu sorunu çözebiliriz.
Programın kullandığı Değişkenleri Kullanmak
Çok  azda olsa böyle bir sorunla karşılaşabiliriz. Javascript programının  kendi değişkenlerini biz kullanmaya çalıştığımızda hata verir. Tam  listesini rezerver edilmiş kelimeler linkinden bulabilirsiniz.
Küçük büyük karakter karışımı
Javascript ile kod yazarken küçük büyük harflere dikkat etmeliyiz. Küçük büyük harf bir çok hataya neden olur.

var adSoyad = “Fatih Hayrioğlu”;
  
If (adSoyad == “fatih hayrioğlu”)

Yukarıdaki  kodda iki adet hata var. İlk hata If kullanımı. Javascript bize If  konusunda sorun olduğunu söylemez, ama IE “Object expected” hatası  verir, Firefox ise “If is not defined.” hatasını verir. İkinci hata ise  ilk tanımda “Fatih Hayrioğlu” tanımına karşın sorguda “fatih hayrioğlu”  eşleşmesi bize false değeri gönderecektir. 
Ayrıca belirtmek istediğim bir yer daha var. OnMouseOver ile onMouseOver aynı şey değildir.
‘+’ Kullanımını
Javascript’te +(artı) işareti hem sayısal toplama hemde string birleştirmek için kullanılır. Karıştırmamak lazım. 

1 + 1 = 2

 ve

‘1′ + ‘1′ = ‘11′

 Ayrıca string birleştirirken tırnak işareti ile kullanılmalıdır.

myString = myName + ” ekle ” + myString ;

Javascript: sözde protokolünün kullanımı
Javascript:  sözde protokolü onClick gibi olay tetikleyicileri ile kullanılmaz. Bu  kullanım URL’lerde olur Örneğin  etiketin href özelliğinde ve  
 etiketinin action özelliğinde


Pencere Ac

document.write
document.write sayfa tamamen yüklendikten sonra işler ve içeriğin üzerine yazar.
Sonuç
Gerek  javascript yazarken gerekse diğer programları yazarken bir çok hata ile  karşılaşıyoruz. Hataları en aza indirmek ve çözmek için bir çok yöntem  var. İlk olarak yaptığımız hataları tanırsak ona göre tedbir alırız.  Firefox’un FireBug aracı bence hata ayıklamak için bir numaralı araç. 
Kaynaklar

JavaScript: The Good Parts Ek b *****

  
http://www.dynamicsitesolutions.com/javascript/mistakes/ (kısa kısa) ***  
http://www.netmechanic.com/news/vol4/javascript_no23.htm (ayrıntılı) ****  
http://weblogs.asp.net/bleroy/archive/2005/02/15/Three-common-mistakes-in-JavaScript-_2F00_-EcmaScript.aspx ***  
http://javascript.about.com/od/reference/a/error.htm (ayrıntılı) ***  
http://www.c-point.com/javascript_tutorial/common_mistakes.htm **  
http://javascript.internet.com/debug-guide.html (ayrıntılı) ****  
http://swik.net/JavaScript/Common+JavaScript+Development+Mistakes **  
http://www.javascriptlint.com/ *  
http://www.ddj.com/184412486 **  
http://www.sitepoint.com/blogs/2004/08/18/five-common-mistakes-in-influencing-others/ **  
http://www.javascriptsearch.com/guides/Beginner/articles/070625Mistakes.html (kısa kısa) **  
http://www.webmonkey.com/98/29/index4a_page3.html?tw=programming ***
Beginning JavaScript
  


  



19 Haziran 2008 web’den seçeme haberler
Fatih Hayrioglu — Thu, 19 Jun 2008 02:52:09 -0500

CSS ile Vista Aero düğmelerine benzer düğme oluşturmak Bağlantı 
Web kod yazarları için 40 adet Firefox eklentisi. Bağlantı 
40 adet WordPress uygulması ve ipucu. Bağlantı 
Firefox’un gelişim süreci ekran görüntüleriyle. Bağlantı 
jQuery IU 1.5 ile birlikte gelen ThemaRoller anlatan güzel bir video. Bağlantı 
Web tasarımcılarının izlemesi gereken 12 süper site. Bağlantı 
Safari’nin metin yorumlamasını normale çevirmek. Bağlantı 

  
En çok aranan Wordpress ipuçları - dmry.net Bağlantı 
Güzel bir animasyonlu(gif) menü örneği. Bağlantı 
Aria slider örnekleri. Kullanışlı örnekler. Bağlantı 
Firefox Ebeveyn Eklentisi : Glubble - nucro.org Bağlantı 
Liste etiketi ile yapılmış takvim uygulaması. Bağlantı 
Firefox3 1 günde 8.3 milyon kişi tarafından indirilmiş. Bağlantı 
Site Kapatmaları Abant’ta Masaya Yatırıldı - turk.internet.com Bağlantı 


  



Kızılderili Katliamı - Bartolome De Las Casas
Fatih Hayrioglu — Wed, 02 Jul 2008 06:13:37 -0500
Kitaptan aldığım bir kaç not:
- İspanyollar oraya gittiklerinde Hispanyola(Haiti) adasında 3 milyon insan yaşıyordu, şimdi(1544) ise 200 kişi yazıyor.
- Hıristiyanların son kırk yıl içinde gösterdikleri zorbaca ve insanlık dışı davranışlar aralarında kadın ve çocuklarında bulunduğu 12 milyondan fazla kişinin haksız, yersiz bir şekilde ölmelerine yol açmıştır. Benim 15 milyon tahminim daha isabetli olduğuna dair pek çok sebep de elimizde mevcuttur.
- Bu sadece Hisponyala’daki rakamlar bunun gibi diğer bölgelerdede durum aynı. Poro Riko, Jamaica, Küba, Nikaragua, Yeni İspanya, Guatemala, Panuca, Jalisco, Yucatan, Santa Marta, Cartagena, Pearl Coast, Paria, Trinidad, Yuyapari, Venezüella, Floarida, Plate nehri, Peru, Yeni Granada.
Kitabın Arka Kapağı: Bartolome de Las Casas tarafından 1542′de İspanya Prensi II. Philip’e ithafen yazılan Kızılderili Katliamı, Amerika kıtasının nasıl ele geçirildiğini Eski Dünya’nın gözleri önüne sermiş ve birçok dile tercüme edilmiş çarpıcı bir tarihi eserdir.
Kitapta anlatılanlar insanın kanını donduracak cinsten. Anlatılan o kadar feci ki inanmakta zorlanıyor insan. Bu konuda 3-4 tane daha kitap okumak lazım kesin emin olmak için.
Ayrıntılı bilgi için tıklayınız.