18 Mart 2008 - 18:06 Safari 3.1 Final (525.13)

Safari

Apple bir süredir beta olarak denenen Safari 3′ün final sürümünü (3.1) bügün yayınladı. Windows ve Mac alt tabanlı iÅŸletim sistemlerinde çalışabilen Safari 3.1 eski beta sürümlerine göre çok daha iyi performans gösteriyor. Safari Firefox, İE ve Opera tarayıcılarından bazı özellikleriyle hızlı çalışıyor.

indir: safari 3.1 final (win/mac)


Yorum yok | Etiketler: Apple, Firefox, IE, Microsoft, Opera, Safari

27 Ocak 2008 - 20:13 CSS kullanarak desenli ve gradient efektli yazılar oluşturma

CSS test

NDesign-Studio tasarımcısı Nick, WebDesignerWall adlı tasarım sitesinde CSS ile desenli ve gradient efektli yazıların nasıl oluÅŸturulabileceÄŸini anlatmış. Javascript veya Flash’a gerek duymadan sadece CSS tekniÄŸini kullanarak “span” eki yardımıyla oluÅŸturulabilen efektler, istenirse geliÅŸitilebilir ve daha güzel görünümler haline getirilebilir. Nick, Önemli olan Tarayıcı desteÄŸi hakkında da ipuçları vermis. Firefox, Safari, Opera ve hatta internet explorer 6′nın bu özelliÄŸi desteklediÄŸini belirtmiÅŸ. Tabii benim izlenimlerime göre bu css özelliÄŸi internet explorer 6 tarayıcısında (PNG hack eklentisi olmadan) doÄŸru çalışmıyor. Internet Explorer 6 için PNG tekniÄŸinin Javascript ile çalıştırılması gerekiyor

Yararları:

- Bu bir CSS tekniğidir, Javascript veya Flash gerektirmez. İnternet Explorer 6 dahil (png tekniği ile) en popüler Tarayıcıları destekler.
- Header yani sitenin üst kısımları için idealdır. Özel olarak Photoshop ile uğraşmazsınız. Bu teknik size zaman ve sitenize band genişliği kazandırır.
- Bu teknik Her yazı tipini ve boyutunu destekler.

Nasıl çalışır ?

Teknik çok basit. Temel olarak 1px genişliğinde bir Saydam PNG dosyasını Yazının üstünde gösteririz. PNG dosyasındakı Gradient efekti arkaplan rengi ile uyumlu ise, Bu da yazıya güzel görünümler kazandırır.

Kullanılan HTML kodu:

<h1><span></span>CSS Gradient Text</h1>

CSS Kodu

h1 {
font: bold 330%/100% “Lucida Grande”;
position: relative;
color: #464646;
}

h1 span {
background: url(gradient.png) repeat-x;
position: absolute;
display: block;
width: 100%;
height: 31px;
}

ve hepsi bu. buradan önizlemelerini görebilirsiniz. dosyalara da şuradan ulaşabilirsiniz.

İE 6 ile çalışması için şu kodu çalıştırmanız gerekiyor.
<head>kodu altında herhangi bir yere ekleyiniz.

<!--[if lt IE 7]>

<style>
h1 span {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’gradient.png’, sizingMethod=’scale’);
}

</style>

<![endif]–>

Internet Explorer için ekstra bir kod çalıştırılmasının da IE’den nefret etmek için yeterli bir sebep olduÄŸu belli.

1 Yorum var | Etiketler: CSS, Desen, Efekt, Firefox, Gradient, IE, Opera, PNG, Safari, Teknik

8 Ekim 2007 - 10:03 Apple Safari 3.0.4 Beta

AppleSafari, Apple firması tarafından geliÅŸtirilen Mac ve Windows alt tabanlı iÅŸletim sistemlerinde çalışabilen, Ücretsiz, Pop-up (kendilÄŸinden açılan pencereler engelleyicisine sahip, Güvenli, sekmeli sörf imkanı sunan, RSS okuyabilen ve farklı yani Mac Tasarımı bazında (Elegant) bir tasarıma sahip olan bir Web Tarayıcısıdır. Firefox’a rakip olamasa’da kendi çapında bir kullanıcı kitlesi mevcut. Stabil sürümünün yayımlanmamış olmaması ile birlikte Windows Alt tabanlı iÅŸletim sistemleri ile pek uyumlu çalışmıyor.

1 Yorum var | Etiketler: Apple, Firefox, IE, Internet, Tarayıcı, Web