11 Eylül 2008 web’den seçme haberler

Eylül 11th, 2008 • Haberler
Etiketler: CSS ön eki, css3.0, Google Chrome, ie, jquery, Konumlandırma, menü, upload, WordPress

• jQuery ile yapılmış güzel bir efekt. Bağlantı
• FireFox, Opera ve Webkit’den sonra Internet Explorer’da kendi özel ön ekini CSS özelliklerine eklemiş. Bağlantı
• Partilerin İnternet Stratejileri - hasanyalcin.com Bağlantı
• TechCrunch50′den ilk gün izlenimleri - webrazzi.com Bağlantı
• CSS ile Konumlandırma ilgili güzel bir ipucu uyugulama. Bağlantı
• WordPress 2.6.2 sürümü çıkmış yükselttim. Yaklaşık 5 dakikamı aldı. Bir sorun görünmüyor.
• Form girdi alanlarını maskelemk için jquery ile yapılmış bir script. Bağlantı
• CSS sıfırlama teknikleri hakkında güzel bir makale. Bağlantı
• Google Chrome’dan beklenen 10 şey. Bağlantı
• Web kod yazarları için 20 Firefox eklentisi. Bağlantı
• Güzel <hr> örnekleri. Bağlantı
• Neden Webkit yükselirken Mozilla düşüşe geçti. Bağlantı
• CSS 3.0 çalışmalarını sürdüren grup kenarlık(border) ve ardalan(background) üzerine son çalışmalarını tamamlamış. Bağlantı 
• Tek tıklama ile dosya göndermek için jquery eklentisi. Bağlantı 
• jQuery ile menü elemanlarına efekt vermek. Bağlantı 
• Wordpress Temanızdan Silebileceğiniz 13 Etiket - alemsite.com geçen haberlerde bahsettiğim konuyu Selman Kara Türkçeye çevirmiş. Bağlantı

09 Eylül 2008 web’den seçme haberler

Eylül 9th, 2008 • 2 yorum Haberler
Etiketler: Fix Feed, form, gameQuery, Google Chrome, ie6, jquery, poster, rss, WordPress

• Özel form elemanları tasarlamak. Bağlantı
• Google Chrome ipuçları. Bağlantı
• Google Chrome javascript hata konsolu kodları. Bağlantı
• WordPress temasını geliştirmek ve yenilemek Bağlantı
• WordPress Kurulumu Sonrası Yapılacaklar Listesi - webdeneyimleri.donanimhaber.com Bağlantı
• WordPress sitenizde silmeniz gerek 13 kod. Bağlantı
• gameQuery ile oyun kodlamak. jQuery alt yapısını kullana gameQuery bize oyun kodlamak için kolaylıklar sağlıyor Bağlantı
• Şehriderya Wordpress Teması Huzurlarınızda… - sehriderya.net Bağlantı
• Web tasarımcıları için posterler. Bağlantı
• jQuery öğrenmeye başlamak için. Bağlantı
• Internet Explorer 6 bloklamak için. Bağlantı
• İnternet Tarayıcıları savaşı 2.0 Bağlantı
• eBurhan Fix Feed v1.1 yayınlandı… - eburhan.com Bağlantı
• Internet Explorer 8′deki CSS gelişmeleri. Bağlantı
• Google Chrome’un bilinmeyen yanları. Bağlantı
• SmashingMagazine’den güzel bir WordPress teması daha Agregado. Bağlantı
• 12 adet WordPress RSS eklentisi. Bağlantı

05 Eylül 2008 web’den seçme haberler

Eylül 5th, 2008 • Haberler
Etiketler: Apple.com, Freelance, Google Chrome, WordPress

• Google Chrome’un kızıştırdığı pazarda Firefox yeni javascript motorunun daha hızlı olduğunu idda ediyor. Bağlantı
• Google Chrome bir çok özelliğinin yanında beni en çok etkileyen javascript yorumlama hızı. test sonuçları ortada. Firefox’un uzun süredir üzerinde çalıştığı yeni javascript yorumlama sistemide bundan daha iyi bir performans veriyorumuş. Firefox 3.1 ile birlikte gelecekmiş. Ne diyelim stadartlara uyduktan sonra bizim için rekabet her zaman iyidir. Bağlantı
• Freelance iş yapanlara bilgi linkleri. Bağlantı
• 40 güzel web sitesi. 2 ve 3 kolonlu yapılar ve güzel örnekler. Kodlarını incelemenizi öneririm Bağlantı
• WordPress Türkiye yenilenmiş. Bağlantı
• Google’dan 101 ipucu. Bağlantı
• Web sitesi oluştururken dikkat edeceğimiz konuların listesi. Bağlantı
• WordPress istatistiklerini takip edebilieceğimiz 10 araç. Bağlantı
• John Resig Google Chrome ile alevlenen javascript motorları hakkında bir yazı yazmış. Bağlantı
• Safari’nin metinleri kötü taramasını engellemek. Bağlantı
• Apple.com’dan alacağımız 5 CSS dersi. Bağlantı
• Sayfa ardalan resminin ilk yüklenmesini istersek. Bağlantı
• İnternet Explorer 8 ile birlikte FireBug alternatifi Web Developer Tool’unu geliştirmiş. Bağlantı
• jQuery ile sayfa içinde animasyonlu kaydırma yapmayı anlatan güzel bir video ders. Bağlantı

Google Chrome - Birde benden dinleyin :D

Eylül 4th, 2008 • 14 yorum Haberler
Etiketler: Google Chrome, İnternet Tarayıcısı, safari, Web Standartları, web tarayıcısı, WebKit

Her yeni çıkan tarayıcının ardından inceleme yapıp yazı yazıyorum genelde. Tabi Google Chrome içinde bunu yapacaktım ki baktım çok fazla kaynak var. Beni asıl hayrete düşüren Türkçe kaynaklarında çok fazla olması idi. Sonra bir birinin tekrarı içerik oluşturmamak için gördüğüm linkleri kaynaklar kısmına ekledim. Ben ise sadece CSS ve Web Standartları açısından değerlendirmeye karar verdim.

Google Chrome Safari’nin de alt yapısını oluşturan Webkit alt yapısı ile çalışıyor, buda bize Safari neyi destekliyorsa Google Chrome onu destekler ipucunu veriyor. Bir iki özellik(text-shadow ve @font-face) dışında aynı özellikleri destekliyor. CSS destek listesini görmek içintıklayınız.

Benim gördüğüm tek sorun kısayol background tanımında tanımlanan renkerler gelmiyor. Sayfa yenileme ve 5-10 saniye geçtikten sonra geliyor.

1. background:#f00 url(../images/ardalan.gif) top left repaet-x;

ardalan rengi olan #f00 gelmiyor.

CSS filtrelemesi olarak Safari için kullanılan filtreleme kullanılabilir.

1. <html>
2. <head>
3. <style>
4. body:nth-of-type(1) p{
5.    color: #ff0000; // sadece safari ve chrome görecek
6. }
7. </style>
8. </html>
9. <body>
10. <p>deneme olarak bunu yazıyorum</p>
11. </body>
12. </html>

Javascript ile yakalamak içinde 

1. var is_chrome = navigator.userAgent.toLowerCase().indexOf(’chrome’) >
   -1;

yeterli oluyor. Ayrıca javascript hata yakalama konsolu için http://www1.qainsight.net:8080/2008/09/04/How+To+View+JavaScript+Errors+In+Google+Chrome.aspxsiteyi incelmenizi öneririm.

Erişilebilirlik açısından karnesi kötü bulunmuş. http://www.paciellogroup.com/blog/?p=92 sitesinde yazdığına göre erişilebilirlik açısından yeterli not alamamış. Tabi bu sitenin testi ne kadar kriter onu bilemem.

Eklentilerinin olmaması görünen en büyük eksiklik gibi. Yakında eklenti desteği geleceğini duymak bizi sevindirdi. 

Sonuç olarak tüm işlerini internetten gören Google gibi bir şirket için bir tarayıcı çıkarmak gecikmiş bir olay. Ayrıca benim acayibime giden Google’un Firefox ile arama alanı için 2011′e kadar uzattığı haberinin üzerinden kısa bir süre geçmesinden sonra internet tarayıcısı çıkarması. İşin içinde farklı hesaplar var gibi. 2006′da Firefox’a 56 milyon dolar ödediğini düşünürsek çok da anlamsız gelmiyor. 

Her yeni çıkan tarayıcının ardından web kod yazarları acaba bu da sorun çıkarırmı düşüncesi sarar ve hemen kodladığı sitleri kontrol eder ki bende öyle yaptım Allah şükür benim sitem(Üst menü ile resim arasında mesafede sorun var) hariç bir sorun yok. Google Chrome Acid 2 testinden geçerken Acid 3 testinden de mevcut tarayıcıların en yüksek puanı olan 79 alması ve standartlar uyması çok güzel bir gelişme. Böyle tarayıcının başımızın üstünde yeri var deriz.

Okumaya devam edin »

03 Eylül Web’den seçme haberler

Eylül 3rd, 2008 • Haberler
Etiketler: CSS filtreleme, display:inline-block, Erişebilirlik, Google Analytics, Google Chrome, internet explorer, internet explorer 6, jParallax, yazı tipi

• Hasan Yalçın sitesini yenilemiş. Hayırlı olsun. Bağlantı 
• Bu aralar yazı tipi gömme işleri üzerine bayağı bir çalışma var. Bence çok gecikmiş bir özellik umarım tüm tarayıcılar anlaşırlarda iş tatlıya bağlanır. Bağlantı 
• Internet Explorer 8.0 Beta 2 yayınlanmış. Bağlantı 
• Internet Explorer 8.0 Beta 2 ile gelen güvenlik yenilikleri - daron.yondem.com Bağlantı 
• display-inline:block hakkında güzel bir makale. Bağlantı 
• Ağustos ayında yayınlanmış güzel makaleler. Süper derleme Bağlantı 
• Web tasarımlarınızın erişebilirliğini ölçebileceğimiz 10 araç. Bağlantı 
• 30 günde mootools öğrenmeyi anlatan güzel bir site. Bağlantı 
• Birebir tasarıma uygun kod yazmak için güzel bir yöntem. Bağlantı 
• Internet Explorer 6′yı engelleyelim. Bağlantı 
• FireFox, Internet Explorer, Safari ve Opera’ya göre filtreleme yapmak. Bağlantı
  
• Google internet tarayıcı sektörünede girdi. Google Chrome adlı yeni tarayıcı rekabeti kızıştıracak gibi. Bağlantı 
• Google Chrome çıktı. Hızlı, sade ve güven veriyor. Stadandartları destekliyor. Acid 2 testinden tam puan aldı. İndirmek için tıklayınız. Özelliklerini incelemek için tıklayınız  Bağlantı
• Html elemanlarının CSS testini sağlamak için hazırlanmış güzel bir html dosyası. Bağlantı 
• jQuery’nin güzel bir eklentisi jParallax. Bağlantı 
• Profoyonel sitelerden temel olarak nasıl yardım alabilriz. Bağlantı 
• Modern web sitelerinde javascript’in yeri. Bağlantı 
• Çok kademeli sitler için güzel bir menü örneği. Bağlantı 
• Google Analitics ipuçları. Bağlantı