‘css düzeltmeleri’ etiketi için sonuçlar
FireBug 1.5 Çıktı
Ocak 27th, 2010 • 5 yorum Haberler
Etiketler: css düzeltmeleri, firebug, Firefox, Firefox Eklentileri
FireBug 1.5 sürümü çıktı. Çıkalı biraz zamanda oldu ama ben anca yazabildim. Yenilikleri burada sizlere anlatacağım. Bir önceki sürümde yenilikler vardı ama bununla birlikte bazı sorunlarda yaşadık. Yeni sürümde bir çok sorunun giderildiği söyleniyor. Kullandığım kadarı ile iyi, yalnız sorunsuz değil. Yeni sürüm aynı zamanda Firefox’un yeni sürümüne yakın çıktığı için her ikisinide destekliyor. Hem Firefox 3.5 hemde 3.6′yı destekliyor.
Teftiş Et(Inpect Element) Teftiş Et kısmı geliştirilmiş. Artık daha sorunsuz çalışıyor. Quick Info bölümü ile seçilen elemanın bilgileri anında görülebiliyor. Ayrıca Image Map yakalama kısmı eklenmiş.
HTML Paneli: HTML düzenleme kısmı geliştirilmiş. Bir nesneye uygulanan tüm stil atamaları ve etkin stil atamaları artık iki ayrı sekme(Style ve Computed) halinde verilmiş. Sağdaki Layout kısmına position ve z-index değerlerinide gösteriyor artık. MathML ve SVG namespace desteği gelmiş.
CSS Paneli: Css panelde aktif elemanın sözde-sınıflarının(pseudo) hepsi görünüyor ve bunları değiştirebiliyoruz. Bu özellik iyi olmuş, burada sorun yaşıyorduk açıkçası.
Sistemden gelen özellikleri artık görebiliyoruz. Sadece okunabilir.
CSS kısayollarını göster ve gizle yapabiliyoruz.
Javascript Paneli: Gelişmiş inceleme-noktaları oluşturabilme özelliği eklenmiş. Bir çok panel artık inceleme-noktası oluşturabiliyoruz. Dondur işaretinin olduğu kısımlarda buraya kadar incele imkanı veriyor.
Net Paneli: Net panelindeki zamanlama hataları giderilmiş ve geliştirilmiş. Net panelin çalışma mantığı değiştirilmiş ve tam sonuçların alınması sağlanmış. Ayrıntılı bilgi için tıklayınız.
Console ve Net panele Persist özelliği eklenmiş. Eski ile yeniyi karşılaştırma imkanı sağlıyor bu buton bize. Firefox önbelliğini pasifleştirme butonu eklenmiş.
XHR inceleme noktası oluşturabiliyoruz.
Kolonları çıkarabiliyor ve ekleyebiliyoruz.
Gelen ve giden veriler araç ipuçu içinde gösteriliyor.
Araç Çubuğu ve Menüler: Arama kısmını geliştirilmiş. Küçük büyük harfe duyarlı arama yapabiliyoruz ve ileri doğru ve geriye doğru arama yapabiliyoruz. Kapama düğmesindeki “Off” yazısı kaldırılmış.
Sonuç
Sonuç olarak şunu söyleyebilirim; daha önceki sürümlerde yenilikler ile birlikte bazı sorunlarda beraberinde geliyordu bu sefer daha bir oturmuş gibi bu araç. Daha yapısal değişiklikler ve çözümler üretilmiş. Web geliştiricileri için olmazsa olmaz olan FireBug sorunları olsada bir numaralı yerini kimseye kaptırmıyor.
Kaynaklar
- http://getfirebug.com/wiki/index.php/Firebug_Release_Notes
- http://www.softwareishard.com/blog/
- http://lifehacker.com/5453025/firebug-15-updates-with-new-features-still-a-web-developers-dream
- http://hacks.mozilla.org/2010/01/firebug-1-5-a-closer-look/
- http://hacks.mozilla.org/2010/01/firebug-1-5-released/
- http://www.markwarner2008.com/firebug-1-5-updates-with-new-features-still-a-web-developers-dream-downloads/
Tüm tarayıcılar için CSS Düzeltmeleri(Hack)
Aralık 3rd, 2008 • 29 yorum CSS, XHTML
Etiketler: CSS, css düzeltmeleri, düzeltme, hack, ipucu, kod-gizlemek
CSS ile web sayfası kodlarken bizi en çok zorlayan konulardan biri daha önceki yazılarımda bahsettiğim gibi farklı tarayıcı sürümlerine göre kod yazmaktır. CSS ile kod yazarken bazı durumlarda kodumuz bir tarayıcı grubunda düzgün görünürken başka bir tarayıcı grubunda farklı görüntülenir, tabi biz yaptığımız sitelerin kullanıcılar tarafından tarayıcısı ne olursa olsun aynı görünmesini isteriz. Bu gibi durumlarda kullandığımız yöntem aslında çok basit bir tekniktir. Hangi tarayıcıda farklı görünüyorsa onun için farklı kod yazarız ve bunu diğer tarayıcıların görmeyeceği kod bloğu içinde yazarız.
CSS Derslerindeki CSS Sorunları ve Çözüm Önerileri kısmındaki birçok yöntemin ana mantığıda budur.
Farklı tarayıcılar için düzenleme(hack) yazarken genel anlamda iki farklı yöntem kullanırız. Farklı css dosyaları hazırlayıp bunları eklerken şartlı yorumlar yardımı ile farklı tarayıcılar için farklı css kodlarını gösteririz, ikinci yöntem ise kod içerisinde o tarayıcının gördüğü kod bloğu içinde ona göre kod yazarız. Burada birinci yöntemi(IE’de Hata Ayıklamak için şartlı Yorumlar Kullanmak) daha önce anlatmıştık. Bu yazımızda kod içindeki css düzeltmelerinden bahsedeceğiz.
CSS kodu içinde farklı tarayıcılar için farklı kod yazmanın en kolay yolu, tarayıcılara özel seçiciler içine kod yazmaktır.
04 Haziran 2008 web’den seçme haberler
Haziran 4th, 2008 • Haberler
Etiketler: Ajax, ASP.NET, css düzeltmeleri, günlük, İnternet Tarayıcısı, jquery, klavye olayları, mootools, sql server, WordPress
- Yeni çıkacak internet tarayıcılarının karşılaştırması. Bağlantı
- Günlüğümüze email adresi eklemeyi anlatan bir makale. Buradaki fark javascripti le ekleyip istenmeyen epostaları engellemek. Bağlantı
- Tarayıcılar için CSS düzeltmeleri. Bağlantı
- Güzel WordPress temaları. Bağlantı
- ASP.NET ve Culture ayarları – Daron Yöndem Bağlantı
- jQuery yardımı ile klavyeden sayfalarda gezinme. Bağlantı
- Güzel bir SQL Server ipuçları sayfası. Bağlantı
- CSS ile ikon tanımlama. Bağlantı
- 25 adet güzel ajax uygulaması. Bağlantı
- CSS ve Mootools yardımı ile FaceBook benzere resim düzenleme aracı yapmak. Bağlantı
- CSS ile ara birim kodlama bölümlerini anlatan güzel bir makale. Bağlantı
- jQuery 1.2.6 sürümü çıkmış. Performans artırımı ve bazı bir kaç yeni özellik eklenmiş. Bağlantı
- jquery ile geçiş efektli içerik menüleri oluşturmayı anlatan güzel bir makale. Bağlantı
