çapraz tarayıcı | bildirgec.org

Web tasarımındaki en büyük sorunlardan biri de çapraz tarayıcı sorunlarıdır. Herhangi bir tarayıcıda tasarladığınız sayfa diğer tarayıcılarda farklı yorumlanarak tasarım hatalarına yol açabilir. Bunun önüne geçmek için birçok çapraz tarayıcı testi bulunmakta. Bu testlerde sayfalarınızı test ederek tüm tarayıcılara göre hazırlayabilirsiniz. İşte popüler tarayıcı testleri;

Adobe Browser Lab

Çapraz tarayıcı testlerinde hızlı ve kolay çözümler sunan çok kullanışlı bir adobe air uygulaması.firefox, chrome, internet explorer, safari gibi tarayıcılar ile sayfanızın çift taraflı karşılaştırmasını yapabilirsiniz. Ayrıca Dreamweaver CS4 ekletisi sayesinde browser lab'a bağlanarak çalışmalarınızı anında test etme imkanınız bulunuyor.

Browser Shots

Farklı işletim sistemlerinden (Windows, Linux, Mac OS) farklı tarayıcılar seçerek web sitenizi çapraz tarayıcı testine sokabilirsiniz. Sayfanızı 79 adet tarayıcı ile test etmenize imkan veriyor. Sayfa görüntülerini anında size sunuyor.

web tasarımcıların en büyük sorunlarından biri de çapraz tarayıcı sorunlarıdır. adobe firması bu sorunun çözümüne yardımcı olabilmek için online olarak çapraz tarayıcı testleri yapabileceğiniz adobe browserlab sistemini geliştirmiştir. buyrun hep birlikte bu sistemi daha detaylı bir şekilde inceleyelim...

sisteme adobe id ile bağlandıktan sonra test edeceğiniz özellikleri beliryip sitenizin resim halinde, belirlediğiniz özelliklerdeki tarayıcı ve işletim sisteminde nasıl göründüğüne bakabiliyorsunuz.

Desteklediği tarayıcı ve işletim sistemleri:

jsTree, jQuery eklentisi olarak paketlenen çapraz tarayıcı ağaç bileşenidir.Javascript tabanlı olan bu uygulama üzerinde kategorili listeleme yapabileceğiniz gibi üzerinde kayıtlı bulunan tüm girdiler üzerinden eşzamanlı olarak işlem yapabilirsiniz.

Listeleme, Site Haritası hatta menü olarakta kullanılabilecek çok yönlü bir uygulama olan jsTree, ücretsiz olarak dağıtılmakta, ayrıca GPL ve MIT lisanslarına sahip bir jQuery uygulamasıdır.

Kategoriler ekleme, anında isim değişikliği, dosya ve klasörleri düzeltebilme/silebilme, sürükle-bırak özelliği ile içerisindeki nesneleri herhangi bir klasör yada katagori içerisinden bir başkasına taşıyabilme gibi birçok özelliği bulunmaktadır.

Tema desteği sayesinde tamamen kişiselleştirilebilir ve HTML, JSON, XML gibi verikaynaklarının birçoğunu destekler. Ayrıca değiştirilebilen animasyonlu açılışı ve sayfa harici yükleme özelliği bulunmakta. Arama fonksiyonu, çerezleri optimize etme, klavye ile işlem yapma gibi özellikleri ile jsTree muhteşem bir uygulamadır.

Web sitenizin içeriğine göre web sitenize takvim eklemek veya takvim üzerinden işlemler yapmak zorunda kalabilirsiniz. Kullanıcılarınız ürünlerinizi takvim üzerinden takip edebilir veya işlemlerinizi o takvim üzerinden yayınlayabilirsiniz. En azından üyelik formunda kullanıcınızın doğum tarihini interaktif bir takvim ile alabilirsiniz. Tüm bu işlemleri ve daha fazlasını Date Range Picker uygulaması ile yapabilirsiniz.

Date Range Picker, içerisinden birçok seçenek ve birçok tema bulunan bir jQuery eklentisidir. Klasik bir forma tıklandığında tooltip özelliği sayesinde ortaya çıkarak kullanıcıları uzun işlemlerden kurtarır. Son günü, son 7 günü, son ay, son yıl gibi kısayollar sayesinde birden çok tarihi seçebilirsiniz.

İnternetin popüler tarayıcıların Firefox, süpriz bir karar ile motorlarının alt yapısını değiştireceğini açıkladı. Eskiden en hızlı internet tarayıcısı olan Firefox'un JavaScript motoru da diğer tarayıcılara göre daha hızlıydı. Fakat giderek hız yarışında arka plana giden Firefox, bu kararı ile yeniden bir hamle yapmayı planlıyor.

Firefox'un hız konusunda ve JavaScript motoru hızında arka planda kalmasından şikayetçi olan kullanıcıların tepkisi sayesinde bu karara adım attıklarını belirten Firefox ekibi, artık daha hızlı bir Firefox olacak mesajı verdi. Geçtiğimiz günlerde şimdiye kadar hız konusunda lider olan Google Chrome'u geçerek birinciliğe Opera 10.5 sürümü ile oturmuştu. Bu gelişmelerin ardından Firefox, rakiplerine göre oldukça geride kaldı.

Mozilla'nın geliştiricilerinde David Mandelin, JägerMonkey adındaki yeni bir JavaScript motoru kullanacaklarını ve gidişat ve diğer bilgileri yakın zamanda duyuracaklarını söyledi.

Popüler internet tarayıcısı Firefox'u tasarlayan Mozilla, Mozilla Drumbeat adındaki yeni projesini duyurdu. Dünya çapındaki bu büyük proje, 30 alt dalı bulunan çok büyük bir girişim.

Mozilla'nın, bu proje ile istediği ise interneti önümüzdeki 100 yıl boyunca kökten değiştirmek. İnsanların internete sahip çıkmasını sağlayarak onların daha iyi ve daha bilinçli birer internet kullanıcısı olmalarını sağlamak. İnternet kullanımını kolaylaştırmak, standartları özgürleştirmek ve kişilere eğitim ve iş imkanları sağlamakta projenin ana fikirleri içirisinde yer alıyor.

Mozilla, internetin daha bilinçli ve özgür olarak kullanılması için okullarda kullanılan program ve araçların, Microsoft ve Cisco şirketlerinin etkisinden kurtarmak istiyor. Benzer sistemleri güçlendirerek alternatifler sunulabileceğini savunuyor.

Bu yüzden Mozilla, HTML5 gibi yeni ve gelişmekte olan birçok teknolojinin eğitiminin verilmesini, ayrıca dili bilenlerin sertifika almasını istiyor. Bu proje için dünya çapında çevrimiçi olarak bir topluluk sistemi oluşturuyor.

jQuery upload uygulamaları, kullanıcılarınızın sunucunuza dosya yüklemesini sağlar. Fakat kullanıcılar, dosya yüklerken aynı zamanda farklı işlemler yapabilmelidirler. Birden fazla dosya yükleme özelliği bulunan bazı uygulamaları da kullanabilirsiz. İşte en iyi jQuery upload uygulamaları

AJAX File Upload Form Using jQuery

Bu uygulama ile sayfayı yenilemeden, herhangi bir sorunla karşılaşmadan kullanıcılarınızın dosyaları sunucunuza yüklemesini sağlayabilirsiniz. Her seferinde tek dosya yükleyebiliyorsunuz.

AJAX Upload

AJAX Upload ile önceden belirlediğiniz formattaki dosyaları sunucunuza yükleyebilirsiniz. Dilerseniz sadece resim veya tüm dosyaların yüklenmesine izin verebilirsiniz. Ayrıca pop-up açılarak yükleme özelliği bulunmakta.Submit butonu olmadan dosyayı seçtiğiniz an çalışmayan başlayan bu uygulama ile her defasında bir dosya yüklebilirsiniz.

Realistic Hover Effect With jQuery | Demo

Bu uygulama ile web sitenizdeki butonları hareketli hale getirebilirsiniz. Reflection ve Shadow şeklinde 2 farklı demosu bulunmakta.

Create an Animated Call to Action Button | Demo

Artık sing up butonları faklı olacak. Bu jQuery uygulaması ile butonları kararıp sönen veya farklı renklere şeffaf geçiş yapabilen bir özellik kazandıramanız mümkün.

Jquery Animated Buttons using CSS | Demo

Bu uygulama ile web sitenizde bulunan butonları hareketli hale getirebilirsiniz.