bildirgec.org

Google’ın, web’de birçok alanda lider konumda bulunmasının önde gelen nedenlerinden biri de; Webmaster’lara/Web Geliştiricilerine özel bir önem vermesi ve onlara yönelik bazı projeleri (üstelik çoğunu ücretsiz olarak) hayata geçirmesidir.

Bunun en temel nedeni de geliştiricilere yönelik yürüttüğü bu projelerin, bumerang etkisi ile bu projelerden elde edilecek faydaların sonunda kendisine döneceğini bilmesidir.Adsense, Webmaster Tools, Google API’ler, Google Code Hosting ve App Engine gibi servisler bunlardan sadece birkaçı.

Google’ın tüm servisleri göz önüne alındığında tasarımdan çok servislerin perfonmans, işlevsellik veya teknik altyapı olarak adlandırabileceğimiz servislerin arka planlarına önem verdiği görülür.
Hatta servislerin görsel tasarımında genellikle mavinin farklı tonlarını ve beyazı harmanladığı için tasarımcıların haraket alanları çok dar olmakta ve zaman zaman bazı tasarımcıların Google’dan ayrıldığı haberleri duyulmakta.

1 – jQuery ile hazırlanmış sürükle bırak (drag and drop) resim doğrulama sistemi. sitesine buradan ulaşabilirsiniz.

AJAX FANCY CAPTCHA

2 – reCAPTCHA sistemi hazır olup site üzerinden kayıt yaparak aldığınız kodu web sayfanızda kullanabilirsiniz.

reCAPTCHA

3 – Simple AJAX Captcha sayfasına buradan ulaşabilirsiniz.

Tooltip’ler, web sayfalarında ziyaretçilerinize ekstra bilgiler, ipuçları, formları doldurmak için yardımcı bilgiler ve yönergeler vermek için kullanabileceğiniz oldukça etkili araçlardır.
İmleç sayfa üzerinde ekstra bilgi vermek istediğiniz alanın üzerine geldiğinde açılan tooltip’ler imleç alan üzerinden çekildiğinde kendiliğinden kaybolurlar.

Eğer Tooltip’leri yerinde kullanmayı başarabilirseniz; web sitenizin kullanımını daha da kolaylaştırır ve metinlerle dolu bir sayfa yerine, daha sade bir sayfa düzeni sağlayabilirsiniz.

15 adet Kullanıcı Dostu JQuery Tooltip Eklentisi:
1-qTip

2-jQuery Tools/Tooltips

Google’ın Site hizmeti bilindiği üzere belli başlı htmletiketlerini desteklerken javascriptkodlarını çalıştırmıyordu. Bu durum kullanıcıları en çok javascript kodlarıyla siteye gömülen adsense reklamlarını kullanamadıkları zaman rahatsız ediyordu. Ve google buna güzel bir çözümgetirdi.

Site yönetim paneline eklenen ingilizce adıyla “monetize“, türkçe karşılığıyla “kazanç sağlayın” sekmesi ile kullanıcılara google site‘leri üzerinden adsense reklamlarını kullanma imkanı sunuldu.

Site sahibi tarafından etkinleştirilen reklamlar sitenin sol paneline veya sayfa içine yerleştirilebiliyor. Mevcut bir adsense hesabınız varsa hesabınızın bağlı olduğu mail adresi ile pin kodunu girerek yeni bir hesap almadan bu sitenizde de adsense reklamlarının görüntülenmesini sağlayabilirsiniz. Eğer bir hesabınız yoksa da google siteniz adına yeni hesap için direk site üzerinden başvuruda bulunabilirsiniz.

Reklamları bir kez etkinleştirdikten sonra reklamların nerede ve nasıl görüneceği konusunda birkaç yol var. Soldaki gezinme panelinde görünen reklam için varsayılan olarak seçebilir veya sayfa düzeninden istediğiniz alana çekebilirsiniz.

1 – Yatay ve Dikey kaydırma çubukları – Slider

slider örnek

demosu için tıklayınız, indirmek için tıklayınız

2 – Slideshow benzeri resimli kaydırma çubukları – flickr slider

flickr benzeri slider örnek

Nasıl Yapıldığı hakkında konu anlatımı ve kaynak kodunu indirmek için tıklayınız

3 – Yakınlaştırılabilir Kaydırma çubuğu– Accessslider

Accessible slider örnek

Demosu için buraya bakınız , Nasıl yapıldığını öğrenmek için tıklayınız

Diğer Sliderlar için 4 – 5 – 6– 7 – 8 –Fireworks.js slideradreslere gözatabilirsiniz… kaynak

Web sitenin dinamikliğini sağlayan yapı taşlarından birisi olan (küçük pencere) pop-up pencerelerin en büyük özelliği, ajax/js sayesinde anında sayfa ile etkileşim kurarak, vakit kaybettirmeden yeni bir sayfa açtırmadan, o sayfa içerisinde açılarak kolaylık sağlamasıdır. Siteye kullanışlılık katığı için kullanıcının sitede dolaşması kolaylaşır ve ilgi çekici olur. pop-up pencereler bir galeride veya bilgi vermek için kullanılabilir yani hayal gücünüz ne kadar genişse o kadar kapsamlı kullanabilirsiniz. bu bildiride 25’e yakın pop-up pencere örneğini inceleyebilir ve kullanabilirsiniz.

Lightbox JS v2.0

The Lightbox Effect without Lightbox

Leightbox

Java script oyunlar
Merhaba; Bugün sizlere java script oyunlar hakkında bilgiler vericem. Bu oyunlar tamamen java script ile yazılmış.Yazan kişiler genelde ne yazıkki yabancı . İnternette çeşitli sitelerde bu oyunlardan oynayabiliyor ve indirebiliyorsunuz.

Tabiki bu oyunları pc’niz dede oynayabilirsiniz. Java oyunları hangi adreslerden indirebileceğinizi yazımın ilerleyen kısımlarında ele alacağım. Şimdi bunu nasıl yapacağınızıda açıklayalım. Önce indirdiğiniz dosya sıkıştırlmışsa ordan çıkartın. Daha sonra çıkan dosyalar klasörlü değilse bir klasör oluşturun ve çıkan dosyaları oraya kaydedin. Resim varsa dokunmanıza gerek yok. Dosyalar arasından tarayıcınızın simgesi gibi olan simgeyi(internet explorer,firefox…) açın ve karşınızda oyun duruyor.Hadi kolay gelsin.

Merhaba arkadaşlar benim öğrenmek istediğim mynet’teki gibi haber modülüne ingilizce ne ad veriliyor ?. Bu modülün javascript ya da ajax tabanlı olanını bulabilir miyim ? Örnek için aşağıdaki resme bakabilirsiniz.
http://img197.imageshack.us/img197/4619/mynet.png

Web tabanlı bir araç olan Farkie; web sitelerinde ve sosyal ağlarda bulunan birçok içeriği indirebilmenizi sağlıyor. Üstelik bu hizmet için kayıt yaptırmaya veya ücret ödemeye gerek yok.

İçeriğini indirmek istediğiniz web sayfasının adresini Farkie’de bulunan indirme kutusuna yazdıktan sonra download butonuna basarak işlemi başlatıyorsunuz.
Daha sonra web adresinizde bulunan içerikten hangi tür içeriği (medya, linkler, javascript’ler, resimler, css’ler) indirmek istiyorsanız onu seçerek indirebiliyorsunuz.

Kolayca uygulanabilir JavaScript eklentileri + + + + Web projelerinin geliştirilmesinde büyük ölçüde yardımcı olmaktadır.

Oldukça hafif (3.5KB) olan ve sadece web sayfanızda pencere açmak için kullanabileceğiniz TinyBox ta bu gruba dahil olabilecek bir JavaScript Popup Box eklentisidir.

Web Sayfanıza TINY.box.show (‘ornek.html’,1,300,150,1,3) kodu ile kolayca ekleyebileceğiniz TinyBox; açıldığı zaman bulunduğu sayfa kararıp şeffaf bir görünüm almakta ve pencereniz sayfanın ortasında açılmakta.

Pencerenin içeriği olarak bir html sayfanı görüntüleyebileceğiniz gibi TinyBox’ın AJAX desteğinden yararlanarak dinamik içerikler de kullanabilirsiniz.