Bu eklemeleri yaptığınız zaman animasyonunuz tüm tarayıcılarda transparan olarak çalışacaktır.

<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="menu.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent">
<embed src="menu.swf" quality="high" wmode="transparent" width="960" height="200"

Demo sayfasını görmek için burayı,

Örnek çalışmayı indirmek için burayı tıklayınız.

Kiminiz anlatacağım eklentilerin bazılarını biliyorsunuz, kiminiz hiç duymamış olabilirsiniz, hatta eklenti nedir diye bile soranınız olabilir. Bu sebeple kısaca firefox tarayıcısından ve eklentilerden bahsederek başlıyorum yazıma ama önce yazıda bahsedilen eklentilerin listesini yazalım…

1. CssViewer
2. DND Domain Details
3. Dummy Lipsum
4. Firebug
5. Kgen
6. Quick Restart
7. Screen Grab
8. TinyUrl Creator
9. Url Link
10. Window Resizer
11. WordPress Helper

Firefox Mozilla`nın geliştirdiği açık kaynak kodlu bir internet tarayıcısıdır. Özetle açık kaynaklı olması sebebi ile ücretsiz ve herkezin geliştirilmesine katkı sağlayabileceği bir yapıya sahiptir. Bahsi geçen eklentilerde zaten kullanıcılar tarafından geliştirilip kullanıma sunulmuştur. Firefox`un tercih edilmesindeki en önemli sebeblerden birisi bu eklentilerdir. Ayrıca hızlı ve stabil çalışmasıda tercih edilme sebeplerinden sayılabilir.

Eklentiler ise firefox tarayıcınızın standart özelliklerinin kullanıcılara yeterli gelmediği durumlarda işlevsellik katan küçük programlardır. Web sayfaları arasında gezinirken devamlı yaptığınız şeyleri kolaylaştırmaktan tutun, ihtiyacınız olan bir şeyi yapmak için 10 takla atmanızı gerektiren durumlara kadar aklınıza gelen gelmeyen bir çok şey için eklenti bulmak mümkün firefox`un eklentileri arasında.

Benim hali hazırda kullandığım ve sizlere bahsedeceğim eklentilere geçmeden önce;
- Firefox tarayıcısını indirebileceğiniz adres;

http://www.mozilla-europe.org/tr/firefox/

- Firefox için eklentilerin bulunduğu adres;
https://addons.mozilla.org/en-US/firefox/

Gerekli adresleri verdikten sonra, eklentileri nasıl yükleyeceğinizden bahsedeyim kısaca. Yüklemek istediğiniz eklentinin sayfasında, üzerinde “Add to FireFox” yazan yeşil bir buton bulunmaktadır. Bu butona tıkladığınızda sizden kurulum için onay isteyen bir ekran çıkar, ekranda yer alan “Şimdi Kur” butonuna basarak kurulumu başlatabilirsiniz. Genelde kurulumlar bir kaç saniye sürer. Kurulum ardından Firefox tarayıcınızı yeniden başlatmanız gerektiğini söyleyen bir uyarı alacaksınız. Yeniden başlatma işlemi ardından yüklemiş olduğunuz eklentiyi artık kullanabilirsiniz.

Şimdi eklentilerimizi anlatmaya başlayalım…

CssViewer
Seçilen elementin css kodunu gösteriyor. Araçlar menüsünden yada araç çubuğuna eklediğiniz butona basarak aktif hale getiritorsunuz ve mouse ile üzerine geldiğiniz elementin css kodunu tüm detayları ile gösteriyor. Bunun için normalde web sitesinin kaynak kodunu açmanız, sitede kullanılan css dosyasını bulup bilgisyarınıza indirmeniz ve ardından aradığınız elementi bulmanız ve o elemente atanan css class yada ID`sini css dosyasından bularak incelemeniz gerekir. İşte bu küçük eklenti sizi bir çok angarya işten kurtarıyor.

İndirme Adresi : https://addons.mozilla.org/en-US/firefox/addon/2104

Css Viewer

DND Domain Details
Ziyaret edilen web sitesinin bulunduğu sunucu özelliklerini (Server IP`si, İşletim sistemi) kolayca öğrenmenizi sağlıyor. Bunun dışında tek tuş ile bulunduğunuz web sitesinin Whois sorgulamasını yapabiliyor, web sitesinin Arama sayfalarındaki pozisyonunu, kayıt işlemini kimin yaptığını, Name Server bilgisi gibi bir çok bilgiyi alabiliyorsunuz.

İndirme Adresi: https://addons.mozilla.org/en-US/firefox/addon/2166

DND Domain Details

Dummy Lipsum
Daha önce burdaki yazımda bahsettiğim Dummy Lipsum eklentisi www.lipsum.com sitesine girmenize gerek kalmadan küçük arayüzü sayesinde kolayca istediğiniz kriterlerde lipsum metinleri yaratmanızı sağlıyor.

İndirme Adresi: https://addons.mozilla.org/en-US/firefox/addon/2064

Dummy Lipsum

Firebug
İşte web tasarımı ile uğraşan bir çok kişinin vazgeçilmezi. Ziyaret edilen web sitesinin html kodları, css bilgisi, Dom, JS kodları gibi tüm bilgilerine kolayca ve tek noktadan ulaşabilmenizi sağlıyor. Üzerinde değişiklik yaprak sitedeki etkisi görülebiliyor. İncele özelliği ile üzerine gelinen elementin özelliklerini gösteriyor.

İndirme Adresi: https://addons.mozilla.org/en-US/firefox/addon/1843

FireBug

Kgen
Ziyaret edilen web sitesinin içinde en çok kullanılan kelimeleri gösteriyor, hangi kelime kaç kere geçmiş gibi. İstenirse etiket bulutu şeklindede gösterilmesi sağlanabiliyor. Hazırladığınız web sietsi için keyword oluşturmak amacıyla kullanılabilir. Göz ardı edilecek kelimeler vb ayarlanabiliyor.

İndirme Adresi: https://addons.mozilla.org/en-US/firefox/addon/4788

Kgen

Quick Restart
FireFox kullanıcıları zaman zaman tarayıcısını yeniden başlatmak isteyebiliyor. Bu düğme işte sadece bu işe yarıyor, tabi açık olan sekmelerinizi kaybetmeden. Mesela ayarlarda bir değişiklik yaptınız, yada yeni bir eklenti yüklediniz. İşte bu gibi durumlarda Quick Restart eklentisi açık olan sekmeleri hafızasında tutarak tarayıcınızı kapatıp tekrar açıyor.

İndirme Adresi: https://addons.mozilla.org/en-US/firefox/addon/3559

Quick Restart

Screen Grab
Benim favorilerimden biri olan Screen Grab; ziyaret ettiğiniz web sitelerinin ekran görütüsünü kolayca almanızı sağlıyor. İstenirse sadece görünen alanı istenirse tüm web sitesini bir kaç saniyede kaydedebiliyorsunuz. Kayıt ederken hangi ismi vereceiğini, nereye kaydediceğini, resim kalitesini, türünü ayarlar bölümünden belirleyebiliyorsunuz. Sık sık web sitelerinden ekran görüntüsü alıyorsanız, bu eklentinin işinizi ne kadar kolaylaştıracağına şaşıracaksınız.

İndirme Adresi: https://addons.mozilla.org/en-US/firefox/addon/1146

Screen Grab

TinyUrl Creator
Tinyurl web sitesini biliyorsunuzdur. Uzun web sitesi adreslerini paylaşmak istediğinizde bu site kısa urller oluşturarak işinizi kolaylaştırıyor. Bu konu hakkında bilgisi olmayanlar için küçük bir örnek vereyim; mesela benim blogumda yayınladığım bu yazıya twitter, facebook gibi yazdığınız mesajda karakter sayısına sınır getiren bir yerde bağlantı vermek istiyorsunuz. Bu yazının adresi; “http://www.aykutonen.com/kullanisli-firefox-eklentileri” şimdi bu adresi TinyUrl web sitesi üzerinden kısaltırsak bize “http://”tinyurl.com/1254″ gibi bir adres verecektir. Bu adresi tinyurl kendi içerisinde sakladığı için, oluşturulan bu kısa url benim bu yazıma ulaşılmasını sağlayacak. bizde bu kısa Url yi istediğimiz yerde paylaşabileceğiz. İşte bu işlem için sadece bu eklentiyi kullanarak bir kaç saniyede kısa url`nize ulaşabilirsiniz.

İndirme Adresi: https://addons.mozilla.org/en-US/firefox/addon/126

TinyUrl Creator

Url Link
Bazen web sitelerinde url olarak tıklayamacağınız düz metin halinde web sitelerinin adresleri yer alır. Bunları kopyalayıp yeni bir sekme yada tarayıcı penceresi açarak adres satırına yapıştırırsınız. İşte bu eklenti sizi bu zahmetten kurtarıyor. Adresi seçip sağ tıkladığınızda size yeni sekmede, yeni tarayıcıda aç gibi bir sürü seçenek sunuyor.

İndirme Adresi: https://addons.mozilla.org/en-US/firefox/addon/403

Url Link

Window Resizer
Bu eklenti tarayıcınızı istediğiniz ölçülere göre boyutlandırıyor. Mesela 1280*1024 çözünürlüğe sahip bir ekranınız var ve bir tasarım yapıp tarayıcıda ön izlemesine bakıyorsunuz. Bu eklenti ile
tarayıcınızı o anda 800*600 yada istediğiniz başka bir çöznürlüğe getirebiliyorsunuz.

İndirme Adresi: https://addons.mozilla.org/en-US/firefox/addon/1985

Window Resizer

WordPress Helper
Bu eklenti ise WordPress kullanıcıları düşünülerek hazırlanmış. WP kullanılarak hazırlanmış bir blogunuz var ise, sitenize gitmek için, yönetim paneline girmek için, yorumları kontrol etmek için tarayıcınızda yeni bir sekme açıp adresi yazmak gibi işlerle uğraşmıyorsunuz, bu eklenti size bunları tek tıklama ile sunuyor. Ayrıca birden fazla blog siteniz varsa bunları profil olarak kaydediyor ve arasında hızlı geçiş yapabiliyorsunuz. Birde ziyaret ettiğiniz web sitesinin WP altyapısı kullanıp kullanmadığını görebiliyorsunuz.

İndirme Adresi: https://addons.mozilla.org/en-US/firefox/addon/4835

Wordpress Helper

Bu eklentiler benim kullandıklarımdı, sizinde farklı yada benzer amaçlar için kullandığınız değişik eklentiler olabilir, yorum kısmında bunları benimle paylaşırsnız çok sevinirim.

Umarım faydalı bir yazı olmuştur, bu uzun yazıyı buraya kadar okuduğunuz için teşekkür ederim.

Daha önce firefox kullanıcıları Stylish adındaki özel bir eklenti ile Gmail temalarını değiştirebiliyorlardı fakat bu sadece o eklentinin kurulu olduğu firefox tarayıcısında çalışıyordu. Yani farklı bir bilgisayardan girdiklerinde seçtikleri temayı kullanamıyorlardı.

Artık Gmail tema desteğini kendisi veriyor. Gmail hesabınıza giriş yaptıktan sonra Ayarlar sayfasında en sağda bulunan Temalar sekmesine geçerek listedeki temalardan istediğinizi seçebiliyorsunuz.

Bu işlem ardından Gmail hesabınıza hangi bilgisayardan veya tarayıcıdan girerseniz girin seçtiğiniz tema ile kullanıyorsunuz Gmail hesabınızı.

Ben inceledim ve çok beğendiğim 2 tema var;

• Parlak
• Gümüş Tonları

Temayı seçtiğinizde sol üstte bulunan Gmail logosuda temanıza göre değişiyor (hepsinde değil), buda ayrı bi hava katmış. Aşağıdaki resimde bu logolardan bazılarını görebilirsiniz.

Gmail Logolarından Bazıları

Birde şöyle birşey dikkatimi çekti belki bu sadece bende olmuştur bilmiyorum ama temaları tek tek denerken (bunun için temanın üzerine bir kez tıklamanız yeterli tema hemen uygulanıyor) birden bulunduğum şehri soran bir ekran çıktı. Ekranda üstte ülke alanı vardı, burda Türkiye seçili geldi, alt kısımda da şehir alanı vardı ve buraya şehir yazmamı istiyordu benden. İptal düğmesine basıp tekrar bir temaya tıklayınca yine aynı ekran geldi ve bende doldurup kaydet butonuna bastım ardından temaları denemeye devam edebildim.

Bu işlemin ardından temaların bulunduğu sayfanın en altında “Konumunuz İstanbul şeklinde ayarlanmıştır” yazan bir alan olduğunu farkettim (büyük ihtimalle işlem sonrasında geldi oraya). Hemen yanında da değiştir butonu yer alıyor isterseniz konumunuzu oraya basarak değiştirebiliyorsunuz.

Bana tuhaf gelen ise bu konum bilgisinin tema ile alakasını kuramayışımdır. Neyse tema deneticem ayağına kullanıcılarından o bilgiyide almış oluyorlar :)

Biraz araştırma yapınca bu metinleri oluşturan suçluyuda bulmuş oldum; www.lipsum.com.

Bu anlamsız metin öbeklerinin daha çok tasarım yapanların metin gelicek alanlarda insanların dikkatini metinlerden çok tasarıma çekmek için kullandıklarını öğrendim. Örnek vermek gerekirse bir web sitesi taslağı düşünün ve içinde son 5 haberin başlıkları ve özetleriyle birlikte geldiğini. Şimdi bu taslağı müşterinize gösterirken başlık ve haber özeti alanlarına “Buraya Haber Başlığı Gelicek”, “Buraya haber metni gelicek, Buraya haber metni gelicek, Buraya haber metni gelicek….” gibi şeyler yazmak ilk başta mantıklı gelsede sayfanın genel düzeni ve görünüm açısından hoş durmuyor. Bunun yerine tasarımcılar bu “Lorem ipsum” ile başlayan metinleri kulanıyorlar.

Lorem İpsum`un web sitesinde daha önce dikkat etmediğim bir şey var. Geçtiğimiz ay farkettim bunu, websitesinin üstünde bir çok dile ait çevirilere bağlantı verilmiş. Bu sayfalarda kendi dilinizde (Türkçe dahil) Lorem İpsum Nedir ?, Nereden Gelir ?, Neden Kullanırız ? Nereden Bulabilirim ? sorularına cevaplar bulabilirsiniz. Lorem İpsum”un Türkçe sayfası için…

Bu açıklamaların hemen altında “Lorem İpsum” ile başlayan metinler oluşturmanız için bir bölüm var. Buradan paragraf, sözcük, karakter, liste seçeneklerinden birini seçip yanınada kaç tane olacağını yazıp “Lorem İpsum Üret” butonuna basınca belirlediğiniz kriterlerde metin oluştutup size gösteriliyor. İsterseniz oluşturulacak metnin “Loprem İpsum” ile başlamamasınıda sağlayabiliyorsunuz.

Eğer bu metinleri sık sık kullanıyorsanız ve Firefox tarayıcınızda varsa her seferinde www.lipsum.com adresine girmenize gerek yok. Firefox için hazırlanan Dummy Lipsum eklentisi ile siteye girmeden de aynı metinlerden oluşturabiliyorsunuz. Eklenti www.lipsum.com adresine bağlanarak metinleri oluşturuyor, kendi kafasına göre değil yani.

Ayrıca eklentinin HTML taglarını göstermesi (isterseniz), oluşturulan metni önce seçip ardından CTRL + C tuş kombinasyonunu kullanmanızı gerektirmeyen “Copy to clipboard” butonu ile çok kullanışlı bir eklenti bence.

Dummy Lipsum Ekran Görüntüsü

Dummy Lipsum - Aynı zamanda HTML taglarınıda gösteriyor

Lorem İpsum`a alternatif olarak Türkçe metinler yaratabileceğiniz bir websitesi de mevcut. Oluşturulan bu metinler kendi dilimizde olduğu için biraz komik geldi ama yinede kullanılabilir diye düşünüyorum.
Türkçe Lorem İpsum için…

Türkçe lorem ipsumda oluşturulmuş bir metin örneği;

Uzattı sinema gülüyorum ve yazın sıradanlıktan ekşili çorba un değirmeni tv mıknatıslı okuma sayfası. Düşünüyor sandalye ve sıradanlıktan uzattı filmini mi koştum dergi bilgisayarı batarya kutusu filmini mi tv filmini mi gidecekmiş. Sıradanlıktan dışarı çıktılar eve doğru salladı adanaya anlamsız.