‘Firefox’ etiketi için sonuçlar

FireBug 1.4 sürümü çıktı

Temmuz 19th, 2009 • 3 yorum CSS, XHTML
Etiketler: , , ,

Firebug 1.4 sürümü çıktı. Firebug web sitelerine tarayıcı üzerinden düzenleme ve denetleme yapabileceğimiz, ayrıca hata ayıklaması yapmamızı ve network hareketlerini izlememizi sağlayan güzel bir Firefox eklentisidir. HTML, CSS ve javascript kodlarına tarayıcı üzerinden etkileşimli olarak müdahale etme olanağı sağladığı için biz web kod yazarları için bulunmaz bir araçtır.

Yeni sürüm ile gelen özellikler;

  • Sekmeleri üste alınmış. Görsel olarak biraz daha derli toplu olması için. Eskiye alışanlar için ilk başta biraz garip olsada zamanla alışacağız.
  • Birden fazla panelde arama imkanı. Bu bir çok zaman gereksinim duyduğumuz bir şey idi.
  • Daha gelişmiş bir Net paneli
  • Panel akif-pasif geçişi kolaylaştırılmış.
  • Script paneli performansı arttırılmış.
  • Firefox 3.5 desteği var

Bunun dışında 150′den fazla hata giderilmiş.

http://getfirebug.com/

Firefox 3.5 çıktı

Haziran 30th, 2009 • 15 yorum Haberler
Etiketler: , , , , ,

firefox-128Daha önce Firefox 3.1 yenilikleri adlı bir makale yazmıştık. Ancak sonra Mozilla bu sürümü biraz daha geliştirip biraz daha özellik ekleyip Firefox 3.5 diye sundu bizlere. Yukarıdaki video’da aslında bir çok şey açıklanmış. Ama yinede biz bir kaç cümle ile de olsa bir şeyler yazalım.

Önceki makaleden

  • Geolocation
  • @font-face desteği
  • HTML 5 Video ve Auido Desteği Bu özellik sayesinde video üzerine sağ tıklayıp kaydet diyerek kaydedebiliyoruz. Video ve müzik eklemek için flash’a gerek yok artık.
  • Adres Bar yenilikler
  • Yeni Javascript Motoru – TraceMonkey
  • XHR

Önceki makalemde bahsetmediğim kısımları burada sizlerle paylaşmak istiyorum.

Yeni Kapatılan Pencereler

Birçoğumuz yaşamışızdır, kapattığımız Firefox penceresini tekrar geri getirmeyi. Bu aslında "Yeni kapatılan sekmeler" olarak vardı ancak şimdi pencere olarakda önceki pencereler dönebiliyoruz.

Yeni Görünümlü Gizlilik Sekmesi

Gizli(Private) Sekme özelliği sayesinde gezdiğimiz sitelerin çerezleri siliniyor ve girdiğimiz siteler hakkında bilgiler toplanmıyor. Google Chrome, Safari ve IE8′deki bu özellik Firefox 3.5 ile birlikte geliyor. Firefox 3.5′de bu özelliği Tools – Start Private Browsing deyip balta biliyor ve sonra işimiz bitincede Tools – Stop Private Browsing tıklamamız yeterli. Ctrl + Shift + P kısa yolu yardımı ile daha kolay yapabiliyoruz.

Daha gelişmiş "Geçmişi Sil" Seçenekleri

Geçmişi sil özellikleri arttırılmış. Artık geçmiş 1 saat, 2 saat, 4saati veya bu günü sil diye biliriz. Her şeyi sil seçeneğide mevcut.

Bu siteyi unut özelliği

Bu özellik sayesinde bir daha girmeyeceğimiz sitenin ön bellekteki bilgilerini silebiliyoruz. Sun domain bilgileri buna dâhil değil.

Daha Gelişmiş Sekme Özellikleri

Diğer tarayıcılarda olan sekme ekleme düğmesi Firefox 3.5′e de eklenmiş durumda. Ayrıca Her sekmeyi kendi başına tek olarak görmek ve çalıştırmak için sekmeyi çekip çıkarmak yeterli.

Firefox İkonunu Yeniledi

Firefox 3.5 ile birlikte ikonunu da yeniledi.

clip_image002

Firefox 3.5 indirmek için tıklayınız.

Kaynaklar

Firefox’un Negatif Değerli z-index Desteği

Haziran 17th, 2009 • 12 yorum CSS
Etiketler: , , , , ,

Geçen bir projede z-index ile ilgili bir tanım yaptım. Üçlü bir tanımdı sırası ile elemanlara z-index:100, z-index:50 ve z-index:0 değerleri atadım. Aslında 1, 2, 3 diyede tanımlama yapabilirdim, ama araya başka bir eleman girerse diye böyle aralıklı değerler verdim.

Firefox, IE 8, Opera ve Google Chrome’da sorunsuz çalışan kod, IE 6 ve 7′de  çalışmadı. Bende daha önce böyle bir sorun ile karşılaşmıştım. Çözüm için z-index:-1 tanımı yapıp çözmeye çalışmıştım, ama bu seferde Firefox 2′da çalışmamıştı o zaman. Firefox 2′de negatif değleri desteklemediğini öğrenmiştim o zaman. Bende bunu için bir düzeltme yazmıştım zamanında. Ama Firefox 3 ile birlikte z-index negatif değer desteği geldiği için şimdi bu sorunu çözülmüş oldu. Bir bilgi olarak bunu bilmek gerek diye düşündüm.

Sonra acaba Firefox 2 için bir düzeltme yazmaya gerek var mı diye düşündüm. Ancak Firefox çok hızlı güncellenen bir tarayıcı ve şu an Firefox 2 kullanımı %5′lerin altına düşmüş durumda bir düzeltme yazmaya gerek yok diye düşünüyorum. 

Sonuç olarak şunu söyleyebiliriz ki, gönül rahatlığı ile negatif z-index tanımı kullanabiliriz.

Kaynaklar

CSS İpucu 21: CSS ile Seçilen Metinlerin Rengini Değiştirmek

Haziran 1st, 2009 • 14 yorum CSS, XHTML
Etiketler: , , , , , , ,

metin_secme_rengicss-tricks.com sitesine her girdiğimde metinleri seçince çok hoş bir görüntü ile karşılaşıyorum. Bence çok güzel. Belkide standart renklerden bıktığım için farklı renkler bana hoş geliyor. Metinleri seçince ardalan rengini ve metin rengini değiştirebilmek çok güzel bence. Özelliğin tek kötü yanı Internet Explorer’un(8. sürüm dahil) desteğinin söz konusu olmaması.

Kodlama çok basit

::-moz-selection {
    background:#c00;
    color:#fff;
}
::selection {
    background:#c00;
    color:#fff;
}

Kodlamanın birinci kısmı(::-moz-selection) mozilla tabanlı yani Firefox için ikinci kısmı ise normal CSS 3 ile birlikte gelen koddur. Webkit tabanlı tarayıcılar ve Opera 9.5 bu kodu destekliyor.

Ayrıca diğer seçicilerede bunu uygulayabiliyoruz. Bağlantılar için farklı bir renk tanımlayalım mesela

a::-moz-selection {
    background:#1259C7;
    color:#fff;
}

a::selection {
    background:#1259C7;
    color:#fff;
}

Örnek olarak bu sitede herhangi bir metni seçince göreceksiniz.

Internet Explore desteklemiyor. Bunun haricinde Firefox 2, Safari, Opera 9.5 ve Google Chrome destekliyor.

Kaynaklar

CSS İpucu 20: Firefox’da Kaydırma Çubuğu Çıkarma

Nisan 16th, 2009 • 16 yorum CSS
Etiketler: , , , ,

Firefox İnternet Explorer’un tersine eğer sayfa yüksekliği kaydırma çubuğu çıkarmayacak kadar yüksekliğe sahip değilse kaydırma çubuğu çıkarmıyor. Bu özellikle çerçeveli sayfalarda sorun çıkarabilir. Bunun için bir çözüm.

html{
	overflow:-moz-scrollbars-vertical;
}

CSS İpucu 18: Optimizasyon İçin CSS Medya Dosyalarını Birleştirmek

Şubat 16th, 2009 • 4 yorum CSS, XHTML
Etiketler: , , , , , ,

Bir çok web kod yazarı için sayfaların yavaş açılması büyük bir sorundur. Bu sorunun çözümü için çeşitli metotlar uygulanır. Farklı araçlar ile testler yapılır çözümler üretilmeye çalışılır. Sonuçta en kararlı hale ulaşılmaya çalışılır.

Bende bir test aracı ile(Firefox – FireBug – YSlow) test ediyorum. Test ettiğim siteler HTTP isteklerinin çokluğundan dolayı düşük puan alıyor. Fazla sayıda css ve javascript dosyasının eklenmesi bu soruna neden oluyor. Bunun için en kolay ve basit yöntem css ve js dosyalarını birleştirmekten geçiyor.

optimizedenonce

Genelde projelermizde css dosyalarımızı genel stil için ve yazıcı için olmak üzere ikiye ayırıyoruz.

<link rel="stylesheet" href="/style/iskelet.css" type="text/css" media="screen" />
<link rel="stylesheet" href="/style/yazici.css" type="text/css" media="print" />

Normal ve çıktı almak için bunları bir css dosyasında birleştirerek HTTP istek sayısını azaltabiliriz.

<link rel="stylesheet" href="/style/iskelet.css" type="text/css" />

gibi iskelet.css içeriğinin yapısı ise aşağıdaki gibi olacaktır.

/*  all media  */
@media all
{
    body    { color:#666; font:13px arial, helvetica, sans-serif; padding:20px 0 30px 0; }
}

@media print
{
    body    { color:#000; font:12px arial, helvetica, sans-serif; padding:0; }
}

şeklinde yaparak css dosyalarımızı tek dosya içerisinde toplayabiliriz.

Daha fazla sayıda css dosyası kullanmamız durumunda ise sunucu veya istemci taraflı kod yardımı ile css veya js dosyalarımızı tek bir dosya gibi gösterebiliriz. Bu konuya burada girmeyeceğim. Konu ile alakalı çalışmaların linklerini aşağıda veriyorum.

Kaynak

« Önceki Yazılar

Sonraki yazılar »

Kategoriler

Kitap

CSS'e başlangıç Uzun süredir üzerinde çalıştığım CSS’e başlangıç kitabımı bitirdim. Aslında buna bir kitap demek ne kadar doğru bilmiyorum. Tam doğru tanımı makalelerimin derlenip düzenli hale getirildiği bir e-doküman demek daha doğru olur. Bu kitap makalelerimi derleyip hazırladığım ilk kitap. İnşallah ikinci kitabıda yazmayı düşünüyorum. Zaman ve imkânlar nispetinde 2. kitapta çıkacaktır.