bildirgec.org

Bir dönem Internet Explorer ve Netscape arasında uzun süre devam eden “tarayıcı savaşı” sonunda Explorer‘ın galip gelmesiyle sonuçlanmıştı.

Microsoft bu başarının verdiği rehavetle tarayıcı konusunda derin bir uykuya dalmış ve uzun süre Internet Exlorer 6.0′ı piyasada tutmuştu. Firefox‘un piyasaya çıkması ve artan baskılar sonucu Explorer 7.0‘ı adeta çıkarmak zorunda bırakılmıştı.

teknoloji firması kullanıcılarına yeni bir şeyler sunması gerekirken kullanıcılar microsoft‘u zorladı, en uzun kullanıma sahip ve halen en çok kullanılan sürüm Explorer 6.0’da “sekmeli tarama” olmaması çoğu kullanıcıyı firefox veya diğer tarayıcıları kullanmaya itti.

Uzun zamandır tahtında sarsılmadan oturan Internet Explorer, küçük miktarlarda olsa pazar payı kaybetmeye başladı. Netscape ile Internet Explorer arasındaki “rekabet” daha çok “yenilik” ve “farklı”arayış arzusu içinde olan biz kullanıcılara daha “keyifli sörf” yapmamızı sağladı. Bu tatlı rekabette ortaya çıkan yeni tarayıcılar “Internet Explorer”‘ı gelişmeye zorluyor.

Microsoft’un HTML 5 tartışmalarına katılması ve büyük rakibi Google‘ında “internet uygulamalarıyla” ve bulut bilgi işlem (Cloud Computing – kullanıcıların internet üzerinde donanım-yazılım bağımlılığına veya kurulumuna ihtiyaç duymaksızın internet hizmetlerine erişmesi) çalışmaları ile rakibine meydan okuyor.

“Internet tarayıcıları” artık sadece “sörf aracı” olmaktan çıkıp bir “bilgisayar” gibi, bilgi işlem uygulamalarının bir parçası haline geldi. Google Docs ortaya çıkmasaydı, Microsoft online uygulamalarını çıkarmış olmazdı. Yakın gelecekte bilgisayardan oyun oynamak, müzik dinlemek, video izlemek tarihe geçebilir. Çünkü artık bunların hepsini internetten yapıyoruz. Internet tarayıcıları, işletim sistemi içirisinde her bir uygulamanın yaptığı herşeyi kendi içlerinde birleştirip başarmaya uğraşıyorlar.

Artık internet tarayıcıları bir zamanlar olduğundan çok daha fonksiyonel ve esnek hale geldi. Bu çeşitlilik her geçen gün tarayıcıların özelliklerinin gelişmesini sağlıyor. “Modern” ve “güncel” bir internet tarayıcı kullanmak, yeni internet uygulamalarını bütün işlevselliğinden yararlanmak için çok önemli.
Eski sürümler hem gereken teknolojik standartlara uyumlu değil hem de bazı yeni html “özellikleri” ve javascript vb. uygulamaları desteklemiyor. Örneğin
Explorer 6 “”png dosyasını “desteklemiyor”.

Hayatı kolaylaştıracak CSS tekniği nasıl mı olur? İşte cevabı… CSS3 birçok yeni nesil tarayıcıda desteklenmeden önce CSS ile yapmaya uğraştığımız birçok efekt vardı. Örneğin Yuvarlak Köşeler (rounded corners) yapmak için ekstra bir imaj ya da javascript dosyası kullanmak zorundaydık. Lakin CSS3 ile beraber ,bu çok kullanılan ama yapılması biraz külfetli olan efektler, rahatça yapılmaya başlanacak. Bu yazıda CS3 desteği ile gelen ve kod yazma süresini oldukça aza indirecek efektleri göreceğiz.

1. Yuvarlak Köşeler
jquery eklentisini kullanarak, yada top şeklindeki bir imaj dosyasını CSS Sprite tekniği ile bölerek yapabildiğimiz yuvarlak köşeleri artık kısa bir kod ile yapabileceğiz.

rounded corners

border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;

2. Eleman Gölgesi
Türkçe mealini eleman gölgesi olarak telaffuz edebileceğimiz Box Shadow’u aslında jQuery‘nin dropShadow eklentisi ile kolayca yapmak mümkündü. Şimdi ise sadece 3 satırlık bir kod ile yeni nesil tarayıcılarda bu özelliği kullanmak mümkün.

Microsoft’ unda sponsor olduğu bir araştırmaya göre Internet Explorer 8 çok sağlam ve stabil bir yapıdaymış. Güvenlik açısından şu anın en iyisi denilebilir durumdaymış.

NSS Labs isimli bir firmanın araştırmasının sonuçlarına göre IE oldukça başarılı ama “en iyi” denilecek kadar değil. Halbuki güvenlik için “iyi” nin üstü durumda denilebilir gibi gözüküyor. İstatistiklere göre yüzde 51 oranla kötü siteleri yakalayabilir durumda olan IE yüzde 81 ile sosyal mühendisliği önlüyor. Yüzde 83 ve 53 oranlarında ise platform yasağı getirebiliyormuş.

Tarayıcılarda IE,Firefox,Chrome,Opera,Safari.. derken liste uzayıp gidiyor ve Tarayıcı savaşları son sürat devam ediyor. İnternet alemi yeni bir tarayıcıyla tanışmayı bekliyor. “ROCKMELT” Netscape kurucusu Marc Andreesen şansını kısa bir süre önce desteklediğini duyurduğu “Rockmelt” projesiyle deneyecek. Bu web tarayıcısının tam olarak şekli belli olmasada Facebookla bütünleşecek bir tarayıcı olduğu söyleniyor. Bu sayede tarayıcı milyonlarca Facebook kullanıcısının hizmetine sunulmuş olacak. Tabi Andreesen’in Facebook denetleme kurulunda görev alıyor olmasıda bu olasılığı güçlendiriyor.

İnternet tarayıcısı firefox 31 temmuz itibariyle 1 milyar kez indirildi. Bu indirilme sayısını mozilla blogundan ve twitter‘dan takip edebiliyorsunuz. Perşembe akşamı indirilme sayısı 999.180.000 idi ve saniyede yaklaşık 15 kez firefox indiriliyordu. Mozilla bu rakama haftasonu ulaşılacağını söylüyordu fakat bu haberin ardından indirilme oranında artış meydana geldi. Bu rakam 2004 yılından beri piyasaya sürülen firfox’un bütün sürümleri için geçerli. Aynı kullanıcı bir sürümü farklı bilgisayarlara yüklediğinde bu rakama dahil edildi. Kullanıcı siteye mozilla sitesine girerek otomatik güncelleştirmeyi beklemiyor ve mevcut sürüme ait güncelleştirmeleri kendi yüklüyorsa bu da rakama dahil ediliyor. Otomatik güncelleştirmeler ise rakama dahil edilmedi. Bu sonuç 1 milyar insanın firefox kullandığı anlamına gelmiyor. Birkaç yıl öncesine kadar tam olarak tanınmayan ve microsft’a ait internet explorer ile kıyasıya rekabete giren bir internet tarayıcısı için bu başarılı gelişme oldukça heyecan verici. Statcounter istatistiklerine göre firefox piyasanın %30’unu elinde bulunduruyor. İnternet explorer %60, safari,chrome ve opera’nın her biri %5’ten daha az bir kullanıma sahip. Kıtalara göre dağılıma bakıldığında ise; firefox avrupa’da ie’nin %47 lik kullanımına %40 lık kullanım ile oldukça yaklaşıyor. Asya pazarında ise ie’nin %70 lik bir kullanımla ezici üstünlüğü bulunuyor. mozilla onebillionplusyou sitesinden bu gelişme ile ilgili olarak ayrıntılı bilgi veriyor. Kaynak

Bu yazımda sizlere CSS ile nasıl yazı döndürüldüğünü göstermeye çalışacağım. Safari, Firefox ve Internet Exlorer’da (5.5 ve üstü) yapılan testlere göre sorunsuz bir biçimde çalışmaktadır.

HTML kodlarımız şu şekilde olmalı:

1
2
3
4
5

<div class="example-date">
  <span class="day">31</span> 
  <span class="month">July</span> 
  <span class="year">2009</span>
</div>

Merhaba sevgili okurlar;

Sizlerle bugün?!? Yasemin’in penceresi gibi bir program sunmaya başlamadım değil mi. Baştan alalım:

Herkese selamlar,

Yazı dizilerimin devamına biraz da css katmak istedim. Css’in verdiği o rahatlığı öğrenince, insan hiç tasarımı kasmıyor. 1 saatte yaptığı iş 10 dakikaya iniyor bazen. Onun için css önemli bir konu.

Bugün sizlere anlatacağım konular :

• float ve clear’ın kullanımı
• overflow nedir?
• CSS 3’le beraber gelenler ve nerelerde işe yarayacağı
• CSS’i IE de kullanırken bize az da olsa kolaylık bir yöntem.

Bugünlük bu kadar konu yeter sanıyorum. Hemen girişimizi yapalım :

Merhabalar.

Bir web sitesinin tasarımını yaparken belkide en çok düşündüğümüz olay “aceba herkez sitemi benim gördüğüm şekildemi görür” dür. Çünkü bizim kullandığımız ie versiyonu ile herkez girmez. Örnek veriyorum bizim kullandığımız ie versiyonu İnternet Explorer 8 ise başkası İnternete İnternet Explorer 7, İnternet Explorer 6, İnternet Explorer 5 gibi farklı sürümleri ile birlikte Mozilla Firefoz, Google Chrome vs. gibi tarayıcılarla girer. Her tarayıcının farklı bir yapısı olduğundan yaptığımız tasarım sadece İnternet Explorer 8 ile tam tasarladığımız şekilde gözükür. Diğer tarayıcılarda ise istediğimiz şekilde gözükmeyebilir. Bizde bunu pek fazla istemediğimiz bir durum olarak değerlendiriyorum.

Geçen hafta yayınlanan Friefox 3.5’e ait özellikler sıralanırken en dikkat çekici özelliklerden biri de HTML 5’i desteklemesiydi.

HTML 5’i bu kadar önemli kılan ise W3C’nin XHTML ile ilgili çalışmasını 2009 sonunda sonlandırması ve HTML 5’e yönelik olan kaynaklarını arttırması.

HTML 5 kullanılmaya hazır olmakla beraber şimdilik Opera, Safari ve Firefox’un güncel sürümleri desteklemekte.

header, footer, nav, video, audio gibi yeni tag’lerin de bulunduğu HTML 5 için hazırlanmış Cheat Sheet’e (PDF) buradan erişebilirsiniz.

Başlığı google chrome olarak atsam dahi bunu ie ve mozillada da uygulayabilirsiniz. sitenizin veya içerisinde bulundugunuz sitenin tam bilgilerine ulaşmak istiyorsanız çok kullanışlı bir araç. verdiğim linki sadece “yer imi araç çubuğu” kısmına sürükleyip bırakmanız yeterli böylece sayfanın pagerank,index ve alexa bilgilerine ulaşabileceksiniz. İşte çok kullanışlı eklenti

javascript:void(window.open(“http://bilalbhatti.com/checksite.php?url=”+escape(location.href),”Bilal%20Bhatti”,”height=150,width=450,top=0,left=0,location=0″))

(sadece link olarak kaydedin, sürükleyin ve bırakın).