bildirgec.org - aL3rTTo - beğendikleri

farklı tarzlarda jquery ve css menüler

aL3rTTo — Mon, 07 Sep 2009 16:47:00 GMT

CSS ve JQuery ile hazırlanmış farklı tarzlardaki menüleri sizler için derledim. menülerin nasıl hazırlandığını menünün linkine tıklayarak öğrenebilirsiniz, isterseniz kodları direkt indirerek sitenize entegre edebilirsiniz.

1- Kutu dışında JQuery Navigasyon Menü - demo - download

2- gösterişli drop down menü jquery & css - demo

3- Yukarıdan Aşağı Açılır Menü Oluşturmak - demo - download

4- dairesel alt menü yapımı - demo - download

5- Olağan dışı Navigasyon menü yapımı - demo - download

6- Twitter'deki gibi Açılır login penceresi yapımı - demo - download

7- Sürgülü menü yapımı - demo - download

8- Mootool ssürgülü menü yapımı - demo - download

9- vimeo tarzı navigasyon menü yapımı - demo - download

10- Dinamik php/css menü yapımı - demo - download

11- JQurery Animasyonlu menü yapımı - demo - download

12- JQuery Header Menü Yapımı - demo - download

13- Çoklu Dosya Gösterimi - demo - download

Bu yazı aL3rTTo tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

etkileyici jquery uygulamaları

aL3rTTo — Tue, 21 Jul 2009 09:02:00 GMT

sitenizde çeşitli amaçlarla jquery'den faydalanabilirsiniz. resim gösterimleri, arama kutusu... ya da yalnızca görsel zenginliği arttırmak için de yine bu javascript kütüphanesinden yararlanmanız mümkün. sitenizi daha hoş yapabilecek 20 uygulama;

Creating a Keyboard with CSS and jQuery

Animate Curtains Opening with jQuery

BBC Radio 1 Zoom Tabs

Sexy Drop Down Menu w/ jQuery & CSS

Learning jQuery: Fading Menu – Replacing Content

jQuery Demo: Creating A Sliding Image Puzzle Plug-In

Creating A Fading Header

Sliding menu using jQuery

CSS Dock Menu

jQuery Virtual Tour

How to Load In and Animate Content with jQuery

Nice & Clean Sliding Login Panel built with jQuery

jQuery Dropdown Search Panel

Dynamic Drag’n Drop With jQuery And PHP

How To Build A Personal Mashup Page With jQuery

jQuery Horizontal Accordion

Creating a polaroid photo viewer with CSS3 and jQuery

Creating A Unique Gallery By Using z-index And jQuery

Smart Columns w/ CSS & jQuery

Make Your Header Responses To Mouse Movements With JParallax

6 ücretsiz sohbet odası ekleme aracı

aL3rTTo — Tue, 24 Mar 2009 17:11:00 GMT

ücretsiz olarak kendi sohbet odalarınızı yapmak isterseniz bu siteleri bir dolaşın. isterseniz oluşturduğunuz chat odalarını sosyal ağ sitelerinize veya bloglarınıza ekleyin.

99chats
herhangi bir e-posta adresiyle kayıt olup 5 dakikada sohbet odanı oluştur. blog, web sitesi veya sosyal (Myspace, orkut, hi5, Friendster, Wordpress ve Blogger) ağlarda eklenti yap.

99chats

tinychat
sohbet alanı oluşturmak için kayda ihtiyaç yok. oldukça avantajlı bir araç. tweeter hesabınıza kaydedebilir, e-posta ile url oluşturabilirsiniz.

tinychat

meebo chat
diğerleriyle ortak özellikler taşıyan ama arayüzü gelişmiş özelliklere sahip bir araç. sohbetini flickr fotoğraf, youtube video gibi eklentilerle zenginleştirebilirsin. dolayısıyla konferanslar için ideal bir uygulama.

meebo chat

chat maker
geçici kullanım için ideal bir araç. mobil araçlardan da bağlanmak mümkün. ancak diğerleri gibi blogunuza ekleme imkanı yok. kayıt yok.

chat maker

yaplet
yaplet ile dilediğiniz siteye link verin. anında eklenti olarak çalıştırın. işte örnek bloglar için de bu özellikten faydalanabilir, günlükleri kayıt altına alabilirsiniz. farklı ve kullanışlı bir uygulama.

yaplet

gabbly
herhangi bir web sayfası etrafında sohbet sağlayan servis. kayıtlı kullanıcılar gabbly üzerinden para kazanabilir.

gabbly

iyi sohbetler...

Bu yazı aL3rTTo tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

SEO için Altın Backlinkler -1

aL3rTTo — Fri, 06 Feb 2009 07:46:00 GMT

SEO için en önemli unsurlardan biri sitelerimize kaliteli backlink sağlamaktır. Backlinklerin oluşturulma işlemi zahmetli ve uzun süren bir çalışmadır. Ayrıca sitemize sağlayacağımız linklerin kalitesi de bir diğer önemli unsurdur. Birçok dizin ve toplistlerden alacağımız linkler zaman zaman bizlere artı birşey katmazken, zarar dahi verebilirler.

Backlink Semasi

İşte biz seocular da bu backlinkleri sağlamak için uzun süren çalışmalarla belirlediğimiz bazı dizin ve diğer sayfalara linkimizi ekleriz. Şimdi sizlere uzun süren çalışmalarım sonucu hazırladığım bazı dizin ve sitenizin linklerini "tavsiye edilen siteler" bölümüne ekleyen link öneri ve ekleme sayfalarının adresleri ile birlikte paylaşmak istiyorum. Bu serinin ilkidir ve devamı da tarafımdan yazılacaktır.

Bu yazı serisi tamamen benim tarafımdan hazırlanmış olup başka hiç bir kaynakta bulamayacağınız bir içeriktir.

Listelenme Sırası : (Site Adresi) - (Kategorisi) - (Ekleme Sayfası Linki) - (Çeşidi) - (Domain PR)

Nature.com Recommended Links(Bilim)Ekleme Sayfası(Dizin) PR9

Education World(Genel)Ekleme Sayfası

(Diğer) PR8

Yahoo! Directory(Genel)Ekleme Sayfası(Dizin) PR8

dmoz (open directory project)(Genel)Ekleme Sayfası(Dizin) PR8

Artcyclopedia(Resim ve İnsanlık)Ekleme Sayfası(Dizin) PR7

Surfing the Net with Kids(Toplum)Ekleme Sayfası(Dizin) PR7

MRS Internet Journal of Nitride Semiconductor Research(Bilim)Ekleme Sayfası(Dizin) PR7

Get a Freelancer(Sektörel)Ekleme Sayfası(Dizin) PR7

The Paleontology Portal(Bilim)Ekleme Sayfası(Diğer) PR7

Cal State LA Recommended Music Websites(Resim ve İnsanlık)Ekleme Sayfası(Dizin) PR7

Podcasting Directory(Bilgisayarlar)Ekleme Sayfası(Dizin) PR7

Inc.com Recommended Start-Up Resources(Sektörel)Ekleme Sayfası(Dizin) PR7

North Carolina Health Information(Sağlık)Ekleme Sayfası(Dizin) PR6

UNIXguide.net(Bilgisayarlar)Ekleme Sayfası(Dizin) PR6

Localeye(Genel)Ekleme Sayfası(Dizin) PR6

Ananzi(Genel)Ekleme Sayfası(Dizin) PR6

Indiainfo.com(Toplum)Ekleme Sayfası(Dizin) PR6

TenLinks.com(Bilim)Ekleme Sayfası(Dizin) PR6

Ottawa Start(Toplum)Ekleme Sayfası(Dizin) PR6

Design Interact(Resim ve İnsanlık)Ekleme Sayfası(Ücretli Reklam) PR6

CancerIndex(Bilim)Ekleme Sayfası(Dizin) PR6

American Library Association Great Web Sites for Kids(Genel)Ekleme Sayfası(Dizin) PR6

Eat Well Guide(Toplum)Ekleme Sayfası(Dizin) PR6

New Zealand Tourism Online(Eglence)Ekleme Sayfası(Dizin) PR6

Wheelock College Recommended Websites(Genel)Ekleme Sayfası(Dizin) PR6

FreeIndex(Genel)Ekleme Sayfası(Dizin) PR6

eHub by Emily Chang(Genel)Ekleme Sayfası(Diğer) PR6

JoeAnt.com(Genel)Ekleme Sayfası(Dizin) PR6

SafetyDirectory.com(Sağlık)Ekleme Sayfası(Dizin) PR5

The Real Estate Library(Sektörel)Ekleme Sayfası(Dizin) PR5

Austin Astronomical Society (Bilim)Ekleme Sayfası(Dizin) PR5

Great Bridge Links(Eglence)Ekleme Sayfası(Dizin) PR5

Electronix Express(Bilim)Ekleme Sayfası(Dizin) PR5

Women's Health Matters(Sağlık)Ekleme Sayfası(Dizin) PR5

Linguistic Funland(Resim ve İnsanlık)Ekleme Sayfası(Dizin) PR5

Outdoor Ed(Eglence)Ekleme Sayfası(Ücretli Reklam) PR5

McGrew's Recommended Websites(Genel)Ekleme Sayfası(Diğer) PR5

Austin Community College Recommended Websites(Genel)Ekleme Sayfası(Dizin) PR5

Eat Well Guide(Sağlık)Ekleme Sayfası(Dizin) PR5

Blogger & Podcaster Guide(Medya)Ekleme Sayfası(Dizin) PR5

Madison Metropolitan School District Library of Student Recommended Sites(Genel)Ekleme Sayfası(Dizin) PR5

Quackwatch Interesting Web Sites(Genel)Ekleme Sayfası(Dizin) PR5

Bu yazı aL3rTTo tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

En İyi 65 mooTools Eklentisi

aL3rTTo — Mon, 26 Jan 2009 18:55:00 GMT

Hazır sözü 2008'in En İyi JavaScript Kaynakları'ndan açmışken jQuery'nin pratikliği karşısında dimdik duran ve kimilerine göre jQuery'nin pabucunu yakında dama attıracak olan bir başka JavaScript kütphanesi mooTools'dan bahsetmeden olmaz.

Bu yazımda, bugüne kadar yayımlanan en iyi 65 mooTools eklentisini sizlerle paylaşmak istiyorum. Listede olmayan ve sizin de beğenerek kullandığınız mooTools eklentileri varsa paylaşmaktan çekinmeyin.

SmoothScroll

SmoothScroll kullanıcıyı sayfanın belirli bir bölgesine yumuşakça yönlendiriyor. Normalde bu tip bağlantılar kullanıldığında tarayıcı herhangi bir efekt olmadan sayfayı doğrudan istenen bölgeye taşır. SmoothScroll işte bu eylemi yavaşlatarak kullanıcının gözüne daha hoş gelecek şekilde yeniden tanımlıyor.

MultipleSelect

MultipleSelect HTML çoklu seçim kutucuklarına özel stil eklemenizi sağlıyor. Üstelik birden fazla öğe seçmek için CTRL tuşuna basılı tutmanız da gerekmiyor.

Typewriter Effect

MooTools kullanılarak oluşturulmuş güzel görünümlü bir daktilo efekti.

MooColumns

MooColumns bir MooTools 1.2 sınıfı olup içeriği birden fazla sütuna kolayca ve çabucak bölümlendirebilmenizi sağlıyor.

Yatay kaydırmalı haber bandı

Bu haber bandı çok basit olup web projelerine entegre edilmesi çok kolay. Newsvine Live panel'den esinlenen bu eklentinin göze oldukça hoş gelen bir efekti mevcut.

MooScroll

MooScroll bir MooTools 1.2 sınıfı olup kaydırılabilir divler üzerindeki kaydırma çubuğunun görünümünü özelleştirebilmenizi sağlıyor.

Giriş Panelini Göster/Gizle

Sayfanın üst kısmından aşağı yumuşakça kayan güzel bir giriş paneli.

Kroppr

Kroppr güçlü bir betik olup ziyaretçilerine imaj kırpma desteği sunmak isteyen tüm site sahiplerinin işini kolaylaştıracak nitelikte. Diğer betiklerin aksine Kroppr resimleri döndürebilir, yakınlaştırabilir ve flash ya da java gibi herhangi harici bir eklenti kullanmadan imajları taşıyabilir. Kırpma işlemi kullanıcı seçiminden memnun olduktan sonra gerçekleştirildiğinden hem sunucuya bindirilen yük hem de kullanıcının işlem süresi azaltılmış oluyor. Kesinlikle önerilir.

Sayaç Eklentisi

Internet üzerinde ziyaretçinin bir işlemin sonucunu alabilmesi için bir süre beklemesini gerektiren ve bu esnada ekranda sayaç gösteren pek çok web sitesi bulunuyor, örneğin RapidShare. MooTools kullanılarak oluşturulan bu eklenti, sitenize benzer bir özelliği kolayca entegre edebilmenizi sağlıyor.

Twitter Emulation

Dünyanın her bir köşesindeki insanlar, Twitter'ı kullanımı çok kolay olduğu için seviyorlar, zira site üzerinde tek yapmanız gereken mesajınızı yazıp "Güncelle" düğmesine basmaktan ibaret. Pek çok kişinin bilmediği şey ise Twitter'ın işlevselliğini sitenize entegre edebilmenin aslında ne kadar kolay olduğu. PHP, MySQL ve MooTools JavaScript kullanılarak Twitter benzeri bir durum paylaşım sistemini sitenize kısa sürede entegre edebilirsiniz.

Fancy Navigation

Navigasyon menüleri genellikle sıkıcıdır, öyle değil mi? Çoğu zaman navigasyon menüsünün üzerine fare ile gelindiğinde bir imaj belirir. Peki bunun orijinalliği nerede? Bu makalenin yazarı MooTools kullanarak güzel görünümlü bir navigasyon menüsü oluşturmuş. Menünün üzerine fare imleci götürüldüğünde zincir efekti oluşuyor.

Select Box Factory 1.0

Alternatif bir çoklu seçim kutusu örneği. Arama kutusuna birkaç harf girerek, site üzerindeki öğelerden birini aramayı deneyin. Listenin hemen yanında benzer bir liste, açılır liste olarak belirecektir (bu geçişi sağlamak yaklaşık 5 saniye kadar sürüyor).

AutoCompleter

MooTools için hazırlanan bu otomatik tamamlama betiği metin önerme ve tamamlama özelliklerini bir arada sunuyor. Yerel, JSON ya da XML gibi farklı veri kaynaklarını desteklediği gibi farklı kullanıcı etkileşimleri, özel biçimlendirme, çoklu seçim, animasyon ve çok daha fazlası için desteği de bünyesinde barındırıyor.

mooSocialize

mooSocialize düğmesine tıkladıktan sonra, beğendiğiniz sosyal ağı seçebileceğiniz bir pencere beliriyor. Her bir sosyal ağ servis isminin yanında bulunan küçük resim, kullanıcının aradığı servisi kolayca bulabilmesini sağlıyor. Ama hepsi bu değil - bağlantılara tıkladığınızda bulunduğunuz sayfadan başka bir sayfaya yönlendirilmiyorsunuz, aksine seçilen sosyal ağ site üzerinde bir kutu içerisinde açılıyor. Kullanışlı ve kolay. Kutu üzerinde bulunan düğme aracılığı ile kutuyu gizlemek de mümkün.

SlideItMoo

SlideItMoo, imajlar için bir MooTools 1.2 kaydırıcısı. Pek çok tarayıcı üzerinde sorunsuz çalışan bu eklenti, JavaScript'in etkin olmadığı zamanlarda bile görünümü ve işlevselliğini bozmuyor. Tüm CSS stillemesi harici olarak yapılmış. Kaydırma işlemi hem ileri ve geri düğmeleri ile hem de fare üzerinde bulunan tekerlek aracılığı ile yapılabilir. Betik hem bir galerinin küçük resimlerini hem de reklam bannerlarını döndürmek için kullanılabilir. Betiği kullanım amacınızı değiştirmek de çok kolay, tek yapmanız gereken betiği sayfanıza eklerken kullanmak istediğiniz sınıfı belirlemek.

mooTools ile Yansıma (Reflection) Efekti

Bir ara popüler olan reflection.js'nin mooTools JavaScript çatısı için yeniden yazılmış sürmü. 2KB'dan küçük olan bu eklenti sayesinde sitenizdeki imajlar üzerinde herhangi bir oynama yapmadan onlara yansıma efekti ekleyebilmeniz mümkün hale geliyor.

MooTools Etkinlik Takvimi

Resmi olmayan MooTools Etkinlik Takvimi eklentisinin resmi sürümü. Halihazırda kullanılan web projelerine entegre edilebilen bu takvim, mooTools JavaScript çatısını kullanıyor. Şimdilik halen geliştirilme aşamasında olan bu betiğin şu anki hali bile pek çok kullanıcının işini görecektir.

AJAX Kullanıcı Adı Kontrol Mekanizması

Sitenize kayıt olmak üzere olan bir kullanıcının seçtiği kullanıcı adının sitede daha önce bir başkası tarafından alınmış olup olmadığını kontrol etmek için neden kullanıcıyı formu göndermek zorunda bırakasınız? AJAX ve MooTools 1.2 kullanılarak kullanıcı adı girildiği anda kontrol işleminin nasıl yapılabileceğini öğrenin.

Cam efektine sahip işlevsel navigasyon çubuğu

Ana menü üzerindeki bir sekmeye fare imlecinizi götürürken seçili olan sekmeye ait alt menü öğeleri görüntüleniyor. O sırada navigasyon çubuğunun sağ kısmında alt menüleri gizleyebileceğiniz 'Gizle' bağlantısı yer alıyor. Bağlantıya tıklandığında alt menü öğeleri güzel bir efektle gizleniyor ya da yeniden tıklandığında görüntüleniyor.

HTML Form İpuçları

Twitter benzeri bir karakter sayacı olan bu eklenti MooTools ile hazırlanmış. Giriş kutusuna karakter girdikçe, daha önceden tanımlayacağınız en yüksek karakter sayısı girilen karakter miktarına göre gittikçe azalıyor.

mooFlickr

Eğer Flickr istatistiklerinizi blogunuzda ya da web sayfanızda göstermek istiyorsanız bu küçük eklentiye ihtiyacınız olacaktır. Eklenti Flickr üzerinde gönderdiğiniz resimleri, sık kullandığınız etiketleri ve katıldığınız kullanıcı gruplarının bir listesini alabiliyor.

Göster / Gizle efektine sahip CSS dikey menü

Göster / Gizle efekti kullanılarak hazırlanmış ve göster/gizle efekti bulunan bir CSS dikey menüsü. Menünün ana öğeleri üzerine tıklandığında alt menü öğeleri bir efektle beliriyor.

mooSlide

mooSlide ile web siteniz üzerinde birkaç kaydırıcı elementini birden çağırabilirsiniz. Tek yapmanız gereken kaydırıcıyı bir sınıfa dahil etmek ve ardından betiğe o sınıfı tanıtmak.

MooFlow

Özünde bir resim galerisi olan bu eklenti, görünümü ile kendini benzerlerinden ayırıyor. iTunes'un CoverFlow özelliğinin web sitenizdeki resimlere entegre edebilmeniz için mükemmel bir eklenti.

AJAX MooTools Güvenli İletişim Formu
MooTools 1.1 çatısını kullanan bu iletişim formu form alanlarını kontrol ederek kullanıcıya eş zamanlı olarak girilen verinin doğru olup olmadığını bildiriyor. Örneğin İsim alanı sadece normal karakterleri, elektronik posta alanı girilen adresin bir elektronik posta adresinin karakterlerini içerip içermediğini ve mesaj alanı üzerinde de web sitesi adresinin girilmesini engelleyerek spam mesajların önüne geçilmesini sağlıyor.

Facebook Kaydırıcıları

Yumuşak bir kaydırma efekti.

Fotoğraf Galerisi

Büyüleyici bir interaktif fotoğraf galerisi (Demo burada)

Noob Slide

Güzel görünümlü bir başka resim galerisi.

Simple 3D Carousel

Gelişmiş bir 3B karusel.

Kaydırıcı

Yatay ve dikey çubuk ve kaydırıcısı.

Arkaplanı tıklayarak değiştirmek

Dinamik renk seçicisi - renk değiştiricisi. Renkler üzerine tıklandığında arkaplan değişiyor.

Pamoorama

Sayfa ilk yüklendiğinde resmin bir bölümünü gösteriyor. Ardından üzerine fare imleci götürülüp sürüklenerek imajın geri kalan kısımları görüntülenebiliyor. MooTools kullanarak panaromik efekt oluşturmak isteyenlere.

MooTools ile ipuçları

Güzel görünümlü bir ipucu tanıtımı.

JavaScript Resim Galerisi

Basit ama kullanışlı bir resim galerisi.

Basit bir Navigasyon Çubuğu

Basit ve kullanımı kolay bir navigasyon çubuğu.

Slidinglist

Ağaç dosya sistemi benzeri kayan bir navigasyon sistemi.

Multibox

Resim, Flash, Video, MP3 ve HTML destekleyen bir lightbox örneği.

Resim Menüsü

Üzerine fare imleci getirildiğinde imajın geri kalanını gösteren yatay bir menü.

Window Growl

Farklı bir ipucu eklentisi.

ReMooz

SqueezeBox'tan daha sade ve kolay olan bir eklenti. Resmin üzerine tıkladığınızda resmin orijinal boyutunu görebiliyorsunuz.

Accordions

Güzel görünümlü ve yumuşak geçiş efektleri olan bir navigasyon eklentisi.

Slideshow

En fazla özelliğe sahip olan en iyi resim galerisi / slayt gösterisi uygulamalarından birisi. Çok iyi bir eklenti.

mooSlide (lightbox'un yerine)

mooSlideBox, AJAX tabanlı küçük ve sade bir uzantı. Özellikle lightbox kullanmak istemeyenlerin ihtiyaçlarını karşılayacak türden.

Sayfa Yükleyicisi

Bir başka sayfadaki div'i geçerli sayfadaki div içerisine yükleyebilirsiniz.

textarea'yı genişlet

Sadece bir form oluşturmanız yeterli. Betik, textarea form alanının boyutunun kullanıcı tarafından değiştirilebilmesini mümkün kılıyor.

JavaScript Zaman Seçicisi

Çok kolay sürükle-bırak arayüzünü kullanan ilk zaman seçicisi.

JavaScript İle Hazırlanmış Seksi Yan Çubuk Kayan Menü Sistemi

Yumuşak ve evet, SEKSİ yan çubuk menüsü.

Slayt Gösterisi

Resimler arasında yumuşak geçiş efekti.

AJAX İle Hazırlanmış Giriş Formu

Kullanımı kolay bir giriş formu.

FancyUpload

Güzel görünümlü dosya gönderimleri için SWF AJAX ile birleşti.

Doğrulama

Sade bir form doğrulama mekanizması.

Dizilebilir Tablo

Tabloları dizin ve filtreleyin.

MooTabs - MooTools İçin Basit Sekme Sınıfı

MooTabs gerçekten çok küçük (3KB) ve adından da anlaşılabileceği gibi basit sekmeli navigasyon sistemi hazırlamak isteyenler için düşünülmüş. jQuery, MooTools gibi üçüncü parti JavaScript kütüphanelerini kullanmadan sekmeli içerik oluşturmak isteyenler için bir de bu var.

Sıralanabilir Liste Örneği

Sürükle-bırak desteğine sahip sıralanabilir liste. İşe yarar olabilir.

Takvim

Calendar (Takvim) bir JavaScript sınıfı olup form elementlerine erişilebilir ve kullanımı kolay tarih seçicileri ekler.

MooTools İle Yuvarlatılmış Köşeler

Sitenizde halihazırda bulunan divler üzerine yuvarlatılmış köşeler ekler.

Mediabox

Mediabox, "lightbox" tarzında bir pencere üzerinde flash, video ve html içeriğini görüntüleyebilmenizi sağlar.

Form Kontrolü
Formlar üzerinde farklı testler uygular ve hataları vurgular.

mooRainbow

mooTools çatısı altında inşa edilmiş bir renk seçicisi (color picker).

Lightbox

Geçerli sayfanın üzerinde beliren satıriçi resim penceresi.

SmoothGallery

Bu JavaScript galerisi ve slayt gösterisi sistemi sitenize sade ve yumuşak geçiş efektleri bulunan resim galerileri, slayt gösterileri, vitrinler gibi kullanışlı öğeler ekleyebilmenizi sağlar.

Popmenu

Arkaplan imajı yavaşça belirerek karaktersiz menülerinize canlılık katar.

MooWheel

Bu betiğin amacı JavaScript ve tuval nesnesi kullanılarak verinin görselleştirilebilmesine dair özgün ve kullanışlı bir örnek oluşturmak. Bu tip görselleştirmeler özellikle farklı nesneler arasındaki bağlantıları göstermek için kullanılabilir.

moo.rd

Bu bir dizi örnek uygulama moo.rd'nin nasıl çalıştığını ve sizin moo.rd ile nasıl çalışabileceğinizi gösteriyor. MooTools'un gücüne güç katmak için eşsiz bir uzantı.

Mootools Mocha UI

Mocha bir web uygulama arabirim kütüphanesi olup doğrudan MooToools JavaScript kütüphanesi üzerine inşa edilmiştir. Mocha grafiksel kullanıcı arabirim bileşenleri tuval etiket grafikleri ile oluşturulmuş çok gelişmiş bir kütüphane.

Kaynak: speckyboy

Bu yazı aL3rTTo tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Tek Bir Düğmeden Oluşan Flash MP3 Player: AudioPlay

aL3rTTo — Tue, 13 Jan 2009 07:36:00 GMT

Hayır, iPod shuffle'dan bahsetmiyorum. Bahsedeceğim şey, web sitelerinizde kullanabileceğiniz ve sadece tek bir düğmeden oluşan, flash biçiminde hazırlanmış bir MP3 oynatıcısı olan AudioPlay.

Kullanımı ve halihazırda kullandığınız projelerinize entegre edilmesi çok kolay olan bu ücretsiz web uygulamasınun üzerinde sadece bir "çal" (play) düğmesi bulunuyor ve ona tıkladığınızda düğme "duraklat" (pause) düğmesine dönüşüyor ve tanımladığınız MP3 dosyasını çalmaya başlıyor. AudioPlay'in yaptığı tek şey bu.

AudioPlay Logo

Uygulama üzerinde kullanılan imajlar, indirdiğiniz pakette bulunan imajlar değiştirilerek kolaylıkla özelleştirilebilir.

XML dosyası üzerinden kontrol edilebilecek ayarlar:

arkaplan rengi
mp3 dosya adı
sürekli olarak (loop) çalma (hiç, x kez ya da sınırsız)
otomatik başlatma

Uygulama ayrıca aynı sayfa üzerinde birden fazla kopyanın da kullanılabilmesini sağlıyor.

Özetlemek gerekirse özellikle websitelerinde ücretsiz arkaplan müzik çalar arayan kullanıcıların tam aradığı bir uygulama.

AudioPlay

Bu yazı aL3rTTo tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Web Geliştiriciler İçin Ajax Kaynakları

aL3rTTo — Sat, 05 Jul 2008 12:32:00 GMT

Sitenizde veya blogunuzda küçük ajax uygulamalarının fena olmayacağını düşünüyorsanız, güzel uygulamalar bulabileceğiniz şu sitelere bakmanızda fayda var.

Ajaxian

MiniAjax

AjaxDaddy

HotScripts

Funky Ajax

CrackAjax

ajax.clear-mind.be

Ajax-Source.com | Ajax Kaynağı

Best Ajax Scripts | En iyi Ajax Scriptleri

Free Ajax Scripts | Ücretsiz Ajax Scriptleri

123 Developers

PHP Ajax

Ajax CSS ve WEB2.0 Kaynağı

Daniweb.com

Ajaxonomy

Kaynak

Bu yazı aL3rTTo tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

bir müzik macerası

aL3rTTo — Sat, 24 May 2008 17:25:00 GMT

the sixtyone

sürekli aynı şarkıları dinlemekten sıkıldıysanız, üstüne bir de müzik zevkinize güveniyorsanız, the sixtyone tam size göre demektir. profesyonel sanatçıların yanı sıra amatör çalışmaların da yer aldığı, güzelce kategorize edilmiş şarkılar içinden dilediğinizi dinleyebiliyor, beğendiğinizi 'bump' ederek (bir nevi oy vermek denebilir) ön plana çıkartabildiğiniz, eğer ki gerçekten akımları yakalayabilen bir müzik zevkine sahipseniz ve diğer kullanıcılar da aynı şarkıyı 'bump' ederse puan kazandığınız, hem ruhu besleyen hem eğlendiren bir site. tabii şarkıları 'bump' etmek belli bir puan yatırımı gerektiriyor, ki bu yatırım da şarkı ne kadar az ilgi çektiyse (yani dipte köşedeyse veya yeniyse) o kadar çok oluyor.
bu arada amatör veya profesyonel olarak müzik yapıyorsanız sitede şarkılarınızı satışa dahi sunabiliyorsunuz.

1 mbps'lik adsl bağlantım siteden rahatlıkla müzik dinlememe imkan verdi, o konuda da bir tereddüt olmasın.

ajax ağırlıklı olan sitenin tasarımı ve kullanışlılığı beni kendisine hayran bıraktı, sadece onun için bile görülmeye değer diyebilirim.

site tabii ki ingilizce.

Bu yazı aL3rTTo tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Tek Masaüstünde Linux ve Windows Nasıl Çalıştırılır?

aL3rTTo — Thu, 24 Apr 2008 10:31:00 GMT

Windows ve Linux işletim sistemlerini aynı bilgisayarda kullanmak için pek çok yol var. Ancak Linux kurulu bir bilgisayarda aynı anda Windows işletim sistemini çalıştırmak Linux'a geçmek isteyen pek çok Windows kullanıcısının hayal ettiği bir şey olsa gerek. İşte, Linux kullanmak isteyen ama bazı nedenlerden dolayı Windows'tan vazgeçemeyenler için Linux ve Windows'u aynı anda çalıştırma yöntemi...

Adım 1: Gerekli yazılımı yüklemek
1. Linux kurulu sistemimizde aynı anda Windows'u da kullanabilmek için ihtiyacımız olan yazılım Virtualbox. Öncelikle buradan yazılımın Linux dağıtımımıza uygun olan sürümünü (şu an 1.5.6 sürümü) bilgisayarımıza indirelim. (Ek: Virtualbox Sun Microsystems tarafından satın alındığından dosya indirme linkleri Sun sunucularına taşındı.)

Alternatif: Pek çok Linux dağıtımında, VirtualBox paket depolarında hazır bulunuyor. Bu nedenle önce paket yöneticinizde "virtualbox" kelimesini aramanızı tavsiye ederim. Böylece kurulum daha pratik olacaktır...

2. İndirdiğiniz dosyaya çift tıklayarak programı kurduktan sonra konsolu açıp yönetici yetkisi aldıktan sonra şu komutu çalıştırmalısınız: $ adduser kullanıcı_adınız vboxusers (Ubuntu kullanıcıları komutun başına sudo ekleyerek yönetici yetkisiyle işlem yapabilirler)

3. Açık tüm programlarınızı kapattıktan sonra oturumunuzu kapatıp yeniden giriş yapın. Artık Virtualbox yazılımını rahatlıkla kullanabilirsiniz.

Adım 2: Windows kullanmak için hazırlık
VirtualBox uygulaması Sistem Araçları menüsüne yerleşmiş oluyor. Bu menüden yazılımı çalıştırabilirsiniz.

Sanal bilgisayar oluşturmak için;

Sanal sabit disk hazı

Sanal sabit disk hazırlama -5

rlama -1

Sanal sabit disk hazırlama -2

Sanal sabit disk hazırlama -3

Sanal sabit disk hazırlama -4

Sanal sabit disk hazırlama -5

Sanal sabit disk hazırlama -6

1. "New" butonuna basın
2. Os Type (işletim sistemi tipi) olarak "Windows XP" seçin ve sanal bilgisayarınızın adını yazın (Örn: WinXp)
3. "Next"e basın. Bu ekranda hafıza boyutunu ayarlayacağız. Windows çalıştırmak için en az 256 MB bellek ayırmanız gerekiyor.. Ancak tavsiyem 512 MB bellek ayırmanızdır.
4. "Next"e bastığınızda sistemimiz için bir sabit disk seçmek için bir menü ekrana geliyor. Burada "New" butonuna basarak yeni bir disk oluşturmamız gerekiyor.

4a. "Next"e basıyoruz.
4b. "Fixed-size image" seçeneğini seçip "Next"e basıyoruz.
4c. 6 GB alan sıradan bir Windows işletim sistemi için yeterlidir. Ancak sisteminize kurmanız gereken yüksek boyutlu yazılımlar varsa boyutu arttırabilirsiniz... Boyutu seçtikten sonra yine "Next"e basıyoruz
4d. Son olarak "Finish" butonuna basarak sabit diskimizi oluşturma işlemini bitiriyoruz.

5. Oluşturduğumuz sabit diskin ismi ekrana gelmiş oluyor. Sırayla "Next" ve "Finish" butonlarına basarak işlemi tamamlayabiliriz.

Sanal makinemiz artık hazır. Fakat bazı ayarlar yapmakta fayda var. Bunun için Virtualbox ana penceresinde Sanal bilgisayarımızın ismini seçip "Settings" butonuna basıyoruz.

1. 'General' bölümünde "Video Memory Size" çubuğunu 64'e getiriyoruz. (Sanal video kartımıza atayacağımız bellek)
2. 'CD/DVD-ROM' bölümde "Mount CD/DVD Drive" seçeneğini işaretliyoruz.
3. 'Audio' bölümünde "Enable Audio" kutusunu işaretleyip açılır menüden 'OSS Audio Driver' seçeneğini seçiyoruz.
4. 'Remote Display' bölümünde "Enable VRDP Server" seçeneğini işaretliyoruz.

Ayarlarımızı da yaptıktan sonra sıra Windows işletim sistemini sanal bilgisayara kurmaya geldi. Windows XP kurulum CD'sini sürücümüze taktıktan sonra sanal bilgisayarımızı seçip Start butonuna basıyoruz. (Windows'un nasıl kurulacağından bahsetmeyeceğim)

(Not: Sanal işletim sistemini başlattıktan sonra Virtualbox penceresine faremizle tıkladıktan sonra imlecin kontrolü sanal bilgisayara geçiyor. Eğer imleci Linux işletim sisteminin kontrolüne geri almak isterseniz klavyenizsin sağındaki CTRL tuşuna basmanız yeterlidir...)

Adım 3: Sanal Windows'u ayarlama
Windows işletim sistemini sanal bilgisayarımıza kurduktan sonra sistem kendini yeniden başlattığında VirtualBox "Devices" menüsünden Install Guest Additions seçeneğini seçmemiz gerekiyor. Bu kurulumu da yaptıktan sonra sanal bilgisayarımızı yeniden başlatıyoruz. (Bu adımdan sonra fare imlecinin kontrolünü geri almak için her defasında CTRL tuşuna basmaya gerek kalmıyor)

Windows ve Linux'u tek masaüstünde birleştirin

Artık sıra son adımda. İlk yapmanız gereken Linux işletim sisteminizin Masaüstü Efektleri'ni kapatmak. Ardından VirtualBox Machine menüsünden Seamless Mode seçeneğini seçerek, iki işletim sistemini birbiri ile birleştirebilirsiniz.

Tek masaüstünde Linux ve Windows

İpucu: Bu işlemden sonra Windows görev çubuğu ekranın altında belirecektir. Linux menünüz ekranın altında kalıyorsa, Windows görev çubuğunun üzerine sağ tıklayıp "görev çubuğunu kilitle" seçeneğini seçerek görev çubuğunun kilidini kaldırdıktan sonra, çubuğu ekranın üstüne taşıyabilirsiniz...

Uyarı: Bilgisayarınızı yeniden başlattığınızda Sanal bilgisayarınızı da çalıştırmanız gerekiyor. Sanal bilgisayarınızı yeniden başlattığınızda otomatik olarak Seamless mode (uyum modu) ile başlayacaktır. (Softpedia Linux bölümünden derlenmiştir.)

Bu yazı aL3rTTo tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Kale gibi sağlam bilgisayar için 3 yazılım.

aL3rTTo — Thu, 01 May 2008 10:22:00 GMT

internet hayatımızı bu kadar kuşatmadan önce evimizdeki bilgisayarımın güvenliğini sağlamak için sadece F-Prot for Dos yeterliydi. Şimdi kendi içinde firewall, antivirüs, anti spyware içeren güvenlik serleri bulunuyor. Ama hepsi birbirinden pahalı ve korsan sürümlerini kullanmak tehlikeli olabiliyor.

İşte benim size, tamamem ücretsiz güvenlik kit'im ve özellikleri:

1. Anti-virüs: Avira AntiVir Personal
Neden Avira? Avira AntiVir anti-virüs programlarının test otoritesi AV-Comparatives 'ın On-demand comparative testinde %99,6 başarı göstererek Advanced+ sertifikası aldı. (Bu testler Antivir PE Premium için fakat bütün sürümlerde ortak antivirus yazılımı ve güncellemeleri kullanılıyor.)
İndirmek için...

2.Firewall: Comodo Firewall Version 3.0
Neden Comodo? Çünkü yaptığım araştırmalar Comodo'nun hızlı ve güvenli olduğunu gösteriyor. Özellikle diğer firewalllar bilgisayarı çok kasarken Comodo bilgisayarımı hiçte zorlamıyor. Comodo'yu şiddetle tavsiye ediyorum. Uzun süredir kullanıyorum ve en ufak bir sorunum olmadı.
İndirmek için...

P2P Güvenliği : PeerGuardian
Neden? Çünkü PeerGuardian bağlanıtınızı hiç kasmadan, bağlandığınız ipleri kontrol ediyor ve güvensiz olanlara bağlanmanızı engelliyor. Basit bir çalışma prensibi var, elindeki milyonlarca ipden birine bağlanıp bağlanmadığınızı kontrol ediyor. Program P2P hızınızın da artmasını sağlıyor.
İndirmek için...

Peki elimizde ne var özet olarak?

Avira bize ne sağladı?

Virüslere, solucanlara ve Trojanlara karşı koruma
Dialer koruması
Rootkit koruması, tespit edilmesi ve silinmesi
Phishing koruması (İnternetten gezerken girdiğiniz siteleri kontrol ediyor ve surf anında sizi uyarıyor.
Akıllı virüs taraması ( Kısa sürede tarama özelliği)

Comodo bize ne sağladı?

Clean PC modu ile bilgisayarınızdaki en ufak kıpırdanmadan haberiniz olacak
Gelişmiş ağ güvenliği
Registry kontrolu, temizliği, güvenliği
Malware bilgisayara kurulmadan engelleme
Hackerlardan, spyware'den, trojanlardan ve kimlik hırsızlığından tam korunma

PeerGuardian bize ne sağladı?

P2P ağları üzerinde zararlı peerleri bütün IPv4 yollarında (TCP, UDP, ICMP, vb), koruyor.

SONUÇ :
Kale gibi güvenli ve hızlı bir bilgisayar güvenliği. Bunlar uzun süren denemelerin ve sonucu. Kendimde kullandığım için, size tavsiye ediyor. Arasıra bilgisayarıma başka ücretli anti-viruslerle deniyorum tarama yapıyorum ve hala en ufak bir sorunla karşılaşmadım.

ÖNEMLİ NOT:
Comodo Firewall Windows Vista ile çalışmamaktadır. Bunun yerine ZoneAlarm kullanabilirsiniz.
ZoneAlarm İndirme Linki

Bu yazı aL3rTTo tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage