Archive for the ‘Tasarım’ category

jQuery qTip ile Görsel Açıklama Kutuları Oluşturun

November 17th, 2009

qtip_bubbles_blueqTip jQuery kütüphanesi ile hazırlanmış çok şık ve esnek bir jQuery eklentisidir.

Bu eklentiyle hızlı ve görsel bir şekilde açıklama kutuları ve konuşma balonları gibi görsel öğeler kullanabilirsiniz.

Özellikleri,

  • Tarayıcı uyumu: IE 6.0+, FF 2.0+, Opera 9+, Safari 3+,  Chrome 1+, Konqueror 3.5+
  • Çalışabilirlik: qTip kodları dinamik olarak oluşturulur. Eğer tarayıcının javascript desteği pasif ise salt html olarak görünür.
  • Yuvarlatılmış kenarlar
  • Çoklu uygulama: Nesneye birden fazla qTip ekleyerek konuşma balonları oluşturulabilir.
  • Kolay Pozisyonlama: qTip’te tanımlı 12 kutu pozisyonu ile nesnenin istediğiniz yerinde kutuyu gösterebilirsiniz.
  • Görsel stil: Tanımlı 6 stil teması ile farklı tasarımlar için uygun.
  • Sırayla döşeme: qTip kutuları üst üste binse bile fare imleci ile üstüne gelindiğinde geçerli kutu ön plana çıkıyor.
  • Animasyon: qTip içerisinde kutuların belirlenmesi için varsayılan olarak fade, slide ve grow efektleri bulunmaktadır. Kendi animasyonlarınızı oluşturup qTip’i istediğiniz gibi genişletebilirsiniz.
  • Ajax desteği: qTip kutularının içeriğini ajax olarak çekebilirsiniz.
  • API:  API kütüphanesi ile callback ve diğer özelliklere hızlıca erişip, düzenleyebilirsiniz.

jQuery qTip ile ilgili bağlantılar;

qTip Anasayfa |   Demo | Documentation | Download

Internet Explorer 6′da İstenmeyen Fazladan Boşluk

August 3rd, 2009

Internet Explorer 6 tarayıcıda projeme baktığımda aşağıdaki gibi bir yapımda .Tbl class’ına sahip div elementinin üst kısmında ekstradan fazla yaklaşık 100px’lik bir boşluk oluştuğunu gördüm.

<div id="Container">
        <div class="Bas">Başlığım</div>
        <div class="Tbl">
             <table width="100%">...</table>
        </div>
</div>

Google üzerindeki aramalarım sonucunda bytes.com adresindeki “extra whitespace padding in DIV tag” başlıklı forum konusunda çözümü buldum.
Stil tanımlamalarıma .Tbl class’ına sahip div‘im için şu stili tanımladığımda sorun düzeldi.

.Tbl{
        height:100%;
}

Maalesef web uygulamalarını kullacak müşterilerimizin önemli bir kısmı(%15-20) IE6 kullandığı için bu kontrolleri yapmak zorundayız. Herkese iyi çalışmalar.

WYSIWYG Denklem Editörleri – WYSIWYG Equation Editors

May 26th, 2009

mathformulaBir aralar WYSIWYG matematik formül düzenleyicileri araştırmıştım bir proje için. Bu sayede karmaşık matematik ve diğer formülleri web üzerinde girebiliyor ve gösterebiliyorsunuz.
Bulduklarımı buraya toplayım dedim.
Yalnız bu editörleri inceleme fırsatım pek olmadı. Yani belki alakasız şeylerde olabilir aralarında.

 

- Ephox EditLive WYSIWYG Editor : Belkide aralarında en tuttugum budur. Aslında java destekli bir wysiwyg editör olan EditLive’ın bir özelliği Equation Editor modülü var. Bu sayede işimizi görebilir. Demosunu incelemenizi öneririm. Ancak ben demoda Equation editoru açamadım. Lisansla ilgili bir sıkıntı var sanırım.
- DragMath isimli OpenSource bir java applet
- MathML Equation Editor : Java Applet ile web üzerinden giriş yapılabilen güzel bir uygulama. Gallery kısmından örneklere bakabilirsiniz.
- sMArTH (.svg formatında çıktı alabiliyorsunuz)
- JSyndrome Equation Editor : Yine Java destekli web tabanlı bir uygulama. Güzele benziyor
- MathType WebEQ (Mathtype yazılımının web developerlar ve içerik girenler için hazırlanan web arayüzü)
- Mathmagic - Bilindik program ama web tabanlı değil
- AnyEQ : OLE & ActiveX teknolojilerini kullanarak gösteren ve bilgi girişini windows tabanlı yapan bir yazılım

Vista ve Windows7 Üzerinde Internet Explorer 6

May 26th, 2009

ietester-300x213Biz web tasarımcılar ve yazılımcılar için yapılan projenin çeşitli tarayıcılarda ve özellikle Internet Explorer’in kendinden bağımsız ve hepsi farklı çıktı verebilen çeşitli sürümlerinde denemek gerekiyor. Çünkü Analytics ve diğer analiz verilerine bakıldığında azımsanmayacak sayıda kişi XP sistemi altında IE6’sı ile sörf yapıyor.

Burada daha önce Multiple IE adlı yazılımı tanıtmıştım ancak bu yazılım sadece windows xp altında çalışıyordu. Vista için neden böyle bir program yok diye kıvranırkene IE Tester yazılımını gördüm bir blogda.

Kullandım ve gayet memnunum. Neredeyse tüm sürümler var.

Windows Vista altında IE6 kullanmak için:

page_url http://www.my-debugbar.com/wiki/IETester/HomePage

IE Tester Windows 7 altında çalışmıyormuş. Çözüm olarak sanal makina yazılımları ile Windows XP kurup orada bakmak.