bildirgec.org - etiketler: ie6

Web Tasarımcıları için Faydalı 5 Araç

angelsdemos — Thu, 07 Oct 2010 09:36:00 GMT

Web tasarım işi oldukça uzun sürebilir. Bu yüzden yapılan birçok uygulama bulunmakta. Bu uygulamalar size zaman kazandırmakla beraber birçok açıdan da yardımcı oluyorlar. Aşağıdaki ücretsiz uygulamaları siz de kullanabilirsiniz.

Flowplayer

Web sitenizde bulunan videoları kullanışlı ve ücretsiz bir flash arayüz olan flowplayer ile yayınlayabilirsiniz. FLV, SWF, MP3, MP4, H.264 video, JPG, PNG gibi formatları destekliyor. ayrıca video içeriğine reklam yerleştirebilme, çalma listeleri oluşturabilme, tam ekran gibi birçok özelliği bulunmakta. Ücretsiz sürümünü kullandığınız takdirde sadece tam ekran modunda sağ alt köşede Flowplayer logosu olmasının dışında herhangi bir eksiği olmayan bu muhteşem arayüz, gpl lisansına sahip ve oldukça gelişmiş.

FancyBox

FancyBox, web sitenizde kullanabileceğiniz gelişmiş bir resim görüntüleme aracıdır. Web sitenizdeki resimleri tooltip şeklinde büyük veya orjinal halini ziyaretçilerinize gösteren bu uygulamayı isterseniz galeri şeklinde de kullanabilirsiniz. swf, iframe gibi desteğe de sahip olan uygulama, oldukça kolay bir kullanıma sahip.

Wordpress için yapılmış bir eklentisi de bulunmakta.

Firebug Lite

Web sitenize yerleştireceğiniz muhteşem uygulama ile web sayfanızdaki kodları yeniden düzenleyip hataları ayıklayabilirsiniz. Bütün tarayıcılarla uyumlu olan Firebug Lite ile html, css, js kodlarını tamamen düzenleyebilirsiniz. Web sayfasının altında çıkacak olan düzenleme editörü ile rahatça düzenleme yapmak mümkün. Ayrıca konsolun html, script, css, dom gibi sekmeleri sayesinde işlemlerinizi karıştırmazsınız. Google Chrome için bir eklentisi de bulunmakta.

Ultimate IE6 cheatsheet

Web tasarımcılar Internet Explorer 6'dan nefret etseler ve Microsoft dahi geliştirilmesini bırakmış olsa bile hala IE6 kullanan oldukça fazla kişi var. Bu yüzden web sitelerimizi hazırlarken IE'yi de işin içine katmalı, en azından bu tarayıcı için basit sayfalar hazırlamalıyız. Bu yüzden yazılan bu muhteşem makeleyi kullanarak web sitelerinizi IE6 için uyumlu hale getirebilirsiniz. Hata Çözümleri, alternatif yöntemler ve birçok şey bulunan işe yarayan bir kaynak.

Zen Coding

Html, css ve js kodlarını yazarken tırnak işareti, eşittir, büyüktür ve küçüktür işaretleri ile oldukça fazla zaman harcadığımızı düşünülerek hazırlanan Zen Coding, mac ve windows tabanlı bir tasarım aracı. Küçük bir formül yapısı ile çalışan bu uygulama ile normalden çok daha hızlı sitenizi biçimlendireceksiniz. Ayrıca notepad++ gibi uygulamalar için de eklentisi bulunmakta.

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : queness

ilgili yazılar

Bu yazı angelsdemos tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

IE Tester ile sayfalarınızı test edin

Yavzas — Fri, 04 Jun 2010 13:16:00 GMT

web tasarımcılarının en büyük sıkıntılarından biriside tüm browserlar ile uyumlu tasarımlar oluşturmak. bitti denilen bir site başka bir browsarda denendiğinde sonuç hayal kırıklığı olabiliyor. Bunların en başında sorunlu kardeşler olarak akıllarda yer etmiş olan ie serisi gelmekte. özellikle ie6 tam bir baş belası olarak hafızalara kazınmış durumda, her n kadar günümüzde kullanım oranı azalmış olasada hâla azımsanmayacak bir çoğunluk ie6 kullanmakta ve da ister istemez tasarımcının tasarımlarını ie6 uyumlu hale getirmesini gerektirtmekte...

Windows XP ninde yerini yavaş yavaş Windows7 ye bıraktığı şu günlerde win7 altında ie6 çalıştırmak maalesef mümkün değildi. Bu yüzden bu bildiri özellikle windows 7 altında çapraz ie uyumluluğunu kontrol etmek isteyen web masterlar için yararlı olacak...

ie tester

ie tester adındaki bu programı burdan (27mb) indirip kurduktan sonra office 2007 tadında bir programla karşılaşıyoruz. sekmelerden test edeceğiniz versiyonu seçip, adres satırına adresi yazmanız, ya da html dosyanızı sürükleyip bırakmanız yeterli olacaktır.

IE Tester bünyesinde ie5.5, ie6, ie7 ve ie8 yi barındırmakta.

Bu yazı Yavzas tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Microsoft'tan Chrome Kullanıcılarına Uyarı

angelsdemos — Fri, 16 Apr 2010 09:18:00 GMT

Google'ın popüler internet tarayıcısı Google Chrome ile MSN Video Player'a giren kullanıcılar hiç beklemedikleri bir uyarı ile karşılaşıyorlar. Microsoft'un hazırlamış olduğu bu uyarı Google Chrome kullanıcılarını daha güncel bir tarayıcı olarak nitelendirdikleri Internet Explorer 8 veya Firefox 3 kullanmaya davet ediyor.

Google Chrome'un en güncel sürümü kullanan kullanıcıların bile karşılaştıkları bu uyarıda tam olarak "Daha güncel bir internet tarayıcı kullanın" yazısı ile karşılaşıyorlar.

Sadece Internet Explorer 8 ve Firefox 3'ü kullanmasını tavsiye eden Microsoft ekibi aşağıdaki uyarıda bulunuyor;

MSN Video'nun sunabileceklerini en iyi şekilde tecrübe etmek için Internet Explorer 8 ya da Firefox 3 gibi daha güncel tarayıcıları tavsiye ediyoruz.

Bu uyarının sebebi ise Google Chrome'un henüz Microsoft'un Flash'a rakip olarak çıkardığı Silverlight'ı desteklememesinden kaynaklanıyor. Aynı içerikte benzer mesaj Google Docs veya Youtube'a, Internet Explorer 6 ile girmeye çalışan kullanıcılar içinde geçerli. Google, Internet Explorer 6 kullanıcılarını daha iyi bir deneyim sunduğunu söyleyerek Google Chrome kullanmaya teşvik ediyor.

Google Chrome henüz Silverlight desteklemiyor fakat yakın zamanda Silverlight 4 ile beraber bu desteği getirecek.

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynaklar ; msn tech, hexus

ilgili yazılar

Google'dan dev adım (5)
Verimliliğinizi Artıracak Chrome Eklentileri (11)
Google Chrome 5 (22)
Microsoft'tan ilginç Açıklamalar (25)
Google Apps Marketplace (5)

Bu yazı angelsdemos tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

IE 6'nın Cenazesi Kaldırıldı

angelsdemos — Wed, 10 Mar 2010 10:17:00 GMT

Microsoft'un popüler tarayıcısı Internet Explorer 6'nın cenazesi geçtiğimiz günlerde kaldırıldı. Törene Internet Explorer geliştirici ekibi, töreni yapan web tasarım şirketi ve rakip birçok tarayıcı katıldı.

Amerika'da Aten Design adında bir web tasarım şirketi Internet Explorer 6 için cenaze töreni yapmaya karar verdi. Fakat şirket bu tarayıcının gitmesinden üzülmek yerine oldukça sevinçli. CSS ve JavaScript uygulamalarının IE6'da oldukça sorunlu çalıştığını söyleyen şirket çalışanları töreni "Öldü de kurtulduk" şeklinde yorumluyorlar.

Internet Explorer 6'ya destek, çıkışından 8 yıl sonra yani 1 Mart 2010 tarihinde resmi olarak kesildi. Google artık Google Docs ve YouTube gibi birçok uygulamasını IE6'ya göre tasarlamayacak ve uygulamaların uyumunu kontrol etmeyecek. Ancak IE6 hala pazar payının 20%'sini elinde bulunduruyor.

Internet Explorer 6 artık çok hantallaştığı için Microsoft artık IE6 bakımını yapmıyordu. Fakat Çin kullanıcıların oldukça büyük bir bölümü Internet Explorer 6 kullandığı için bir türlü ortadan kaldırılamamıştı.

Törene, birçok tarayıcı ve Internet Explorer'ı geliştiren ekip katıldı. Ayrıca Internet Explorer ekibi aşağıdaki notu da cenezaye bıraktı;

Geçirdiğimiz iyi günler için teşekkürler IE6. Hepinizi MIX'e bekliyoruz, orada IE cennetinden küçük bir parça sergileyeceğiz.
-Internet Explorer Takımı

Internet explorer ekibi "IE cennetinden küçük bir parça sergileyeceğiz" derken Internet Explorer 9 ile ilgili daha fazla bilgi paylaşacaklarını belirtmek istiyorlar.

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynaklar ; ie6funeral, dogstar, register, metafilter

ilgili yazılar

Bu yazı angelsdemos tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Internet Explorer 6'ya ölüm

janktp — Fri, 03 Jul 2009 12:34:00 GMT

günümüzde web tasarımcıların en büyük çilesidir. Browser farklılıkları.. Bunların en başındada ie6 uyumsuzluğu geliyor... internet Explorer 6 nın üstündeki sürümlerde doğru gözüken web siteniz internet explorer 6 kullanan bir bilgisayarda açıldığında karşınıza bir kabus çıkması hiçte şaşırılacak bir durum değil.. Bilinçli kullanıcılar tarafından belki bu sıkıntıyı yaşamayacaksınız ama önemli olan zaten bilinçsiz kullanıcılara hitap edebilmek. internet kullanıcılarını fazlası update nedir bilmiyor ve doğal olarak windows kurulduğundaki ayarlarıyla devam ediyor. Teknolojinin her dakika ilerlediği dünyada yenilikçi olmak gerek. Bilinçsiz kullanıcıların yenilikçi olabilmesi açısından çok güzel bir script geliştirilmiş. Sayfanıza gelen kullanıcı eğer internet explorer'ın 6 versiyonunu kullanıyorsa. Sayfanız kullanıcıya bir mesaj veriyor ve ie 6 nın son versiyonunu yüklemesi için bir sayfaya yönlendirme yapıyor. Designer lar için belkide rahatlatıcı bir durum olabilecek bu :).. Çünkü bu sorunu fazlasıyla yaşayanlardan biride benim.

Uygulama örneğine ve nasıl kullanılacağı hakkında bilgiye buradan ulaşabilirsiniz. Lütfen teknolojiyi yakından takip edebilmek ve kötü görünümlü sayfalardan kurtulmak için sizde elinizden geleni yapmaya çalışın...

ilgili yazılar

Bu yazı janktp tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Tarayıcı Sorunlarını Çözen jQuery Eklentileri

pinkfloyd — Mon, 13 Apr 2009 06:47:00 GMT

Mümkün olduğu kadar CSS kullanılması gerektiğini öneriyoruz ve genellikle bunda da başarılı oluyoruz. Modern tarayıcıların CSS için çok iyi desteği bulunuyor, en azından anahattınızı ve sunumunuzu düzenlemek için CSS kullanmanıza yetecek kadar destek içeriyorlar. Ancak bazen bazı sayfa elementleri farklı tarayıcılar üzerinde farklı görünmektedirler. İşte bu yüzden biz de bugünkü yazımızda farklı tarayıcılarda görünen sorunları giderecek 15 jQuery çözümünün yanısıra size bazı güzel tarayıcı efektleri verecek jQuery eklentilerini listeleyeceğiz.

1. Internet Explorer'da DD_Roundies İle Yuvarlatılmış Köşeler Kullanabilmek

Ne yazık ki CSS3 border-radius şimdilik sadece Safari ve Firefox tarafından desteklenmekte olup, Internet Explorer gibi tarayıcılar üzerinde kare köşeler kullanmak zorunda kalıyoruz. DD_Roundies kütüphanesi yuvarlatılmış köşeleri Internet Explorer üzerinde sorunsuzca kulanabilmemizi sağlyor. DD_roundies, tıpkı jQuery gibi, seçicilerle birlikte çalışıyor ki bu sayede jQuery UI'nin CSS Çatı sınıflarını hedefleyerek DD_roundies'i jQuery UI üzerinde sadece birkaç satırlık kısa kodla uygulayablmemimizi sağlıyor.

Demo Burada

2. jQuery İle Eşit Yükseklikler Kullanabilmek

Eşit yüksekliğe sahip sütunların ya da içerik kutularının görsel efektini kullanabilmek her zaman zor olmuştur. Kullanılabilirlik ve performans açısından kullanılabilecek etkin bir çözüm, basit bir JavaScript kodu kullanmaktır. eQualHeights() fonksiyonu, bir kapsayıcı içerisindeki tüm elementlerin yüksekliklerini hesaplıyor ve ardından diğer her elementin minimum-height değerini uzunluğu en fazla olan değere eşitliyor. JavaScript etkisizleştirildiğinde ise kutular farklı boyutlarda görünmesine rağmen içerik ve sayfa tümüyle erişilebilir ve kullanılabilir kalmaya devam ediyor.

Demo Burada

3. Çapraz Tarayıcı Uyumlu text-shadow (metin gölgesi)

text-shadow güzel bir CSS3 (aslında CSS2) özelliği olup metinlerin ardında gölge görüntülememizi sağlıyor. Ancak bu özelliğin kötü bir tarafı var ki o da Internet Explorer üzerinde çalışmaması. Internet Explorer ile ilgili kullanışlı bir özellik var ki o da anlamadığı CSS tanımlamalarına erişim imkanı vermesi ki bu sayede biz de istediğimiz elemente text-shadow değerini uygulayıp ardından onu işletebiliyoruz. Bu betiğin Internet Explorer 5.5'ten Internet Explorer 8'e kadar olan tüm tarayıcılarda çalışması gerek.

Demo Burada

4. Yuvarlatılmış Köşeler

Bu jQuery eklentisi güzel görünümlü yuvarlatılmış köşeleri sorunsuzca oluşturabilmektedir. Herhangi bir görsel ya da yoğun kod kullanmanıza da gerek yok. padding desteği sayesinde JavaScript'in etkin olmadığı tarayıcılarda ise herhangi bir sorun yaşanmıyor.

5. Footer (Altlık) Pozisyonlama

Bu küçük eklenti, sayfanızın footer (altlık) kısmını tarayıcının görünen kısmının en altına yerleştirmenizi sağlar. Altlığın üzerindeki içerik yeteri kadar uzun olmadığı durumlarda bile betik, altlık kısmını başarılı bir şekilde pozisyonlamaktadır.

Demo Burada

6. Bağlantı Kontrolü

Bu küçük eklenti sayesinde son kullanıcıya bağlantıları yeni pencerede açmak isteyip istemediklerini seçebilmelerini sağlayabilirsiniz.

Demo Burada

7. Sayfa Kıvrımı

Günümüzde pek çok web sitesinde kullanılan ve sayfanın herhangi bir köşesinde beliren kıvrım efektinin altından reklam ya da herhangi bir duyuru gösterebilmenizi sağlayabileceğiniz bir jQuery eklentisi.

Demo burada

8. (Uzun) Web Sayfalarında Görsellerin Yüklenmesini Geciktirmek

Lazy Loader bir jQuery eklentisi olup (uzun) web sayfalarında görsellerin yüklenmesini geciktirmek için kullanılabilir. Bir web sayfasının görünen kısmının dışında kalan görseller, kullanıcı tarayıcının kaydırma çubuklarını kullanarak o alanı görüntülemediği sürece o alandaki görseller yüklenmeyecektir. Bu eklenti özellikle çok fazla sayıda görsel içeren uzun sayfaların yüklenmesini önemli ölçüde hızlandıracaktır. Tarayıcı, görünen kısımdaki görseller yüklendikten sonra diğer görsellerin yüklenmesi için hazır durumda bekleyecektir. Bazı durumlarda bu betiğin kullanımı, sunucuya bindirilen yükün de hafiflemesine yol açacaktır.

Demo Burada

9. jQuery İle Görselleri Sırayla Önceden Yüklemek

Bu küçük kod parçacığı bağlantıların üzerine fare imleci getirildiğinde görsellerin yüklenmeye başlamasını sağlar. Tüm sayfa elementlerinin yüklenmesinin tamamlanmasını bekleyebilmek için $(window).bind('load',function(){...}) kullanmaktadır. Bu, tüm görselleri kapsar.

10. BGIframe

Internet Explorer'in z-index sorunları ile baş edebilmek için kullanabileceğiniz bir eklenti.

11. IE Overflow Problemini Gidermek

Internet Explorer, Firefox ve Safari ile karşılaştırıldığında overflow elementini farklı bir şekilde yorumlamaktadır. Özellikle Firefox, bir elementin sınırlarını zorladığınızda, o elementin dışına yatay bir kaydırma çubuğu yerleştirmektedir. Ancak içerik yatay olarak sınırı geçtiği için, IE üzerinde, bir yatay kaydırma çubuğu belirdiğinde, içerik dikey olarak görüntülenememektedir.

Dikey overflow daima elementin içerisinde yer aldığından aşağıdakileri sadece IE için uygulamanız gerekmektedir.

İçeriği yatay olarak sınırlar dışına taşan tüm elementleri bulun.
Elementimizin altına 20 piksellk padding ekleyin.
Dikey kaydırma çubuğunu atın.

(function ($) {
$.fn.fixOverflow = function () {
if ($.browser.msie) {
return this.each(function () {
if (this.scrollWidth > this.offsetWidth) {
$(this).css({ 'padding-bottom' : '20px', 'overflow-y' : 'hidden' });
}
});
} else {
return this;
}
};
})(jQuery);

// kullanım
$('pre').fixOverflow().doOtherPlugin();

Yukarıdaki kod uygulandığında IE üzerinde yatay kaydırma çubuğu elementin altında görünmektedir.

Demo Burada

12. JavaScript Kullanarak CSS Hilelerinden Kaçınmak

Eğer sırf kodunuzu istediğiniz ya da olması gerektiği gibi göstermeyen o çirkin CSS hilelerini uygulamak istemiyorsanız, o zaman bu ipucunu kullanabilirsiniz. "Tarayıcı seçicileri". Bu sayede stilinizin önüne .msie, .mozilla, .opera, .safari ya da hedeflemek istediğiniz .diğer tarayıcı sınıflarını kolayca dahil edebilirsiniz.

Demo Burada

13. Tıklanabilir Alanın Boyutunu Arttırmak

Tüm içerik bloğunu tıklanabilir hale getirerek artık o sıkıcı "Devamını Oku" bağlantılarına bir son verin.

Demo Burada

14. Elementi Dikey Olarak Ortalamak

Bu video kılavuzunda CSS ve jQuery'nin gücünü kullanarak tarayıcı penceresinin görünen alanı üzerinde bir elementi nasıl dikey olarak ortalayabileceğinizi öğreneceksiniz.

15. jSizes - CSS Özellikleri İçin jQuery Eklentisi

JSizes, jQuery'e min-width, min-height, max-width, max-height, border-*-width, margin ve padding özelliklerini ekleyen bir eklentidir. Bunun yanısıra bir elementin görünürlüğünü belirleyebileceğiniz bir metod daha içermektedir. Toplamda jQuery API'sine 6 yeni metod eklemektedir.

Bu metodların nasıl kullanılabileceğine birkaç örnek:

jQuery(function($) {
var myDiv = $('#myDiv');

// margin-top özelliğinin değerini 100px ve margin-bottom özelliğinin değerini 10em yap
myDiv.margin({top: 100, bottom: '10em'});

// üst sınırın boyutunu piksel değerinde gösterir
alert(myDiv.border().top);

// element görünür ise doğru, diğer durumlarda yanlış değerini verir
alert(myDiv.isVisible());

// zincirleme kullanarak padding-right özelliğinin değerini 10px ve margin-left değerinin özelliğini 15px yap
myDiv.padding({right: 10}).margin({left: 15});
});

Aşağıdaki Yazıyı da Okumak İsteyebilirsiniz

Çapraz Tarayıcı Uyumluluğu İçin Altın Değerinde İpuçları

ilgili yazılar

Bu yazı pinkfloyd tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

tasarımınızı tüm IE sürümlerinde test edin

sott — Fri, 13 Feb 2009 08:58:00 GMT

Şu zamanda bile halen insanlar IE6 kullanırken bu sorun tüm web tasarımcılara css kodlayıcılara çok büyük zaman kaybettiriyor.
Tabiki biz tasarımcıların bilgisayarlarında IE7 ve FF kurulu oluyor, bende üç gün önce ie7 ye geçmek zorunda kaldım gerçekten 3 gun zaman kaybettim özellikle "Div içerisinde transparan background" sorunu yüzünden...

Şimdi IE6 bilgisayarımızda yüklü olmasa bile işimize yarayacak bir program var adı IETester bu program sayesinde Internet Explorer ın tüm versiyonlarında CSS testi yapmanız mümkün...

Şu anda son versiyonu v.0.2.3 ü indirmek için buraya tıklayınız...

Birkaç eksiği var... Ama çok önemli olmayan eksikler;
- Resize(boyutlandırma) etmeye çalışıldığında içerik kaybolabiliyor. Bir sonraki versiyonda düzeltilecekmiş.

- İleri/Geri butonları tam anlamıyla çalışmıyor.
- Focus(odaklanma) tam anlamıyla çalışmıyor.
- Java appletler çalışmıyor.
- IE 6 ile flash çalışmıyor.

Daha fazla detay için buraya...

Bu yazı sott tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Css Aşağı Açılır (Drop-Down) Menüler

filezza — Wed, 26 Nov 2008 07:12:00 GMT

free css drop-down menu

Tomas Bagdanavicius tarafından geliştirilmiş ve ücretsiz olarak sunulan, aralarında NVIDIA.com, Adobe.com, MTV.com sitelerinin menü örneklerinin de yer aldığı, Aşağı Açılır (Drop-Down) css menüler, hız, kullanım ve düzenleme esneklikleri ile site menüleriniz için güzel alternatifler olacaklar.

NVIDIA.com sitesinin menü örneğini görmek için buraya tıklayabilirsiniz.

NVIDIA.com horizontal improved css drop-down menu

Adobe.com sitesinin menü örneğini görmek için buraya tıklayabilirsiniz.

Adobe.com horizontal improved css drop-down menu

MTV.com sitesinin menü örneğini görmek için buraya tıklayabilirsiniz.

MTV.com horizontal css drop-down menu

Şu an, 14 örnek ile gelen menü paketini indirmek ve daha fazla bilgi almak için buraya tıklayabilirsiniz.

(Not: Tamamen css ile geliştirilmiş, birçok tarayıcı ile sorunsuz çalışan menüler, IE6 için JavaScript kütüphaneleri Jquery ve Scriptaculous ile desteklenmektedir.)

ilgili yazılar

Bu yazı filezza tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

ie6 kullanmayın

mentor — Wed, 24 Sep 2008 06:43:00 GMT

internet explorer başlı başına bir sorun kaynağı olsa da ie6 tasarımcıların başının belası olmakta rakiplerinin çok önündedir. Ancak windows ile birlikte kurulması nedeniyle bilinçsiz internet kullanıcıları (mavi e harfini internet sananlar) bırakın farklı bir tarayıcı kullanmayı yeni internet explorer sürümlerini bile yüklemezler.

stopie6.com bu noktaya dikkat çekmeye çalışan bir web sitesi. Aynı amaçla kurulmuş çok sayıda site var. Maksat siteyi tanıtmak değil harekete katılmak olduğundan siteler önemli değil. Keşke herkes kendi blogunda bu konuya küçük bir yer ayırsa.

Ya da boşverin vista yaygınlaşınca yeni ie sürümü de yaygınlaşacak nasıl olsa. :)

Bu yazı mentor tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Resimlerinizi css ile şekillendirin

filezza — Tue, 03 Jun 2008 18:47:00 GMT

CSS Decorative Gallery

webdesignerwall.com sitesi, css, css + jquery, css + sIFR, css + jQuery + sIFR kullanarak resimlere hükmetmenin yollarını gösteren yazısı ile css'nin önemini birkez daha kanıtlamış.

Arkaplan atama, etiketleme, çerçeve içine alma, köşeleri şekillendirme, yazı yazmak gibi çeşitli efektlerin uygulanabilirliğini gösteren örnekler ile desteklenen yazı, grafik programları ile zaman kaybetmenin önüne geçiyor.Site düzenlemelerinden sonra (renk vs. gibi) resimler üzerinde yapmak zorunda kalabileceğimiz değişiklikler içinde, resimleri tekrar düzenlemeyi ortadan kaldırabilir.

Yazıya bu sayfadan ulaşabilir, Örneklere aşağıdaki linkleri kullanarak bakabilir, bilgisayarınıza indirmek için bu linke tıklayabilirsiniz.

Örnek : css
Örnek : css + jquery
Örnek : css + sIFR
Örnek : css + jQuery + sIFR

Aşağıdaki tarayıcılar ile test edilmiş. (IE6, IE7, Firefox, Safari ve Opera)

ilgili yazılar

Bu yazı filezza tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage