bildirgec.org - sahip34 - beğendikleri

En İyi 10 Wordpress Manşet Eklentisi

sahip34 — Sat, 03 Jul 2010 07:03:00 GMT

Bu güne dek hiç web öğesi "manşet(slider)" kadar popüler olmamıştı. Haber siteleriyle birlikte hayatımıza giren bu öğe; bugün e-ticaret sitelerinden bloglara, sosyal ağlardan kurumsal web sayfalarına kadar internetin her noktasında mutlaka karşımıza çıkıyor. Hal böyle olunca en popüler içerik yönetim sistemi WordPress için bir çok manşet eklentisi türemiş durumda. En popüler ve en kullanışlı olanları karşımızda;

1. Front Slider
Front Slider; harika geçiş efektiyle, bünyesinde sınırsız içerik barındırma imkanı sunuyor. Geçiş hızını, otomatik rotasyonu ve bir içeriği görüntüde kalma süresini ayarlayabildiğimiz bu eklenti listemizde ilk sırada yer alıyor.

2. vSlider
Hiç bir kod bilgisi gerektirmeden JQuery'nin birçok kaybolma ve geçiş efektinin kullanma imkanı sunan eklenti; kullanacağı grafikleri içerikten otomatik çekebilme özelliğine sahip. Ayrıca manşette gösterilmesini özellikle belirlediğimiz kategoriden ya da kategorilerden yazı gösterilmesini sağlayabiliyoruz.

3. SlideDECK
Slidedeck özellikle zengin içerikli blogların tercihi. Eklenti görselde de görüldüğü gibi eğlenceli geçiş efektlerine sahip. Slidedeck; anasayfaya manşet yerleştirebileceğimiz gibi bileşen olarak tüm sayfalara da çeşitli öğeler yaratmamıza imkan tanıyor.

4. WP SlideShow Gallery
JavaScript altyapısını kullanan bu eklenti görselde de görüldüğü gibi en klasik manşet görüntüsünü ortaya çıkarıyor.

5. Featured Content Gallery
Entegrasyonu oldukça kolay, tamamen yönetilebilir bu eklenti; görseli tercihen içerikten otomatik çekiyor ya da belirli özel alanlardan çağırıyor. İçeriğn ilk bir kaç satırını da görselin üzerinde transparan olarak gösteriyor.

6. FrontPage Slideshow
Manşette gösterilecek içerik sayısında bir sınırlama yok. Tüm görseller yüklendiğinde geçişler otomatik olarak başlıyor. Boyutlar, renk, arkaplan resimleri, duraklamalar vb. tüm parametreler değiştirilebiliyor.

7. Featurific, the Terrific Featured Item Sideshow!

8. Smooth Slider

9. Wordpress Content Slide

10. Coin Slider 4

kaynak
Takip Et: ekuplu bildirgeç - friendfeed

Bu yazı sahip34 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

10 İşe Yarar Wordpress Güvenlik Ayarı

sahip34 — Fri, 02 Jul 2010 06:39:00 GMT

Güvenlik her zaman önemli bir konu olmuştur. Hayatınızda evinizin, arabanızın güvenliğini sağlamak için pek çok önlem alırsınız. Çevrimiçi iken de güvenlik önemlidir, özellikle de websitelerinden ve bloglarından yaşam sağlayanlar için. Bu makalede, wordpress tabanlı blogunuzu korumak adına bazı işe yarar ince ayarları bulacaksınız.

Wordpress için Güvenlik Ayarları

1. Gereksiz Bilgilerin Gösterilmesini Engellemek

Problem

Wordpress blogunuza giriş yapmaya çalışırken hata yaptığınızda, içerik yönetim sisteminiz size neyi yanlış yaptığınız hakkında ipuçları verir. Parolanızı unutma ihtimalinize karşı bu iyidir, ancak aynı zamanda blogunuzu hacklemek isteyen kişiler için de iyidir. Öyleyse, neden hatalı giriş denemelerindeki hata mesajlarını gösterelim ki?

Çözüm

Giriş denemeleri hata mesajlarını kaldırmak için tema klasörünüz içindeki functions.php dosyanızı açın ve şu kodu ekleyin:

add_filter('login_errors',create_function('$a', "return null;"));

Dosyayı kaydedin ve kendiniz görün: Hata mesajlarına son.

Kod Açıklaması

Bu kod ile, the login_errors() fonksiyonuna bir kanca ekleyerek tekrar yazdırdık. Yeni fonksiyon ise hata mesajı yerine sadece null yani boş bir satır görünmesini sağlayacak.

Kaynak

Wordpress güvenliği için ipuçları

Wordpress Güvenliği: Hatalı Giriş Mesajlarını Gizlemek

2. Force SSL Kullanımı

Problem

Eğer verilerinizin bölünmeye başladığından endişeleniyorsanız, kesinlikle SSL kullanmalısınız. Ne olduğunu bilmeme ihtimalinize karşın, SSL internet üzerinden şifrelenmiş, güvenli iletişimi sağlayan protokoldür.

Wordpress'i SSL kullanmaya zorlamanın mümkün olduğunu biliyor muydunuz? Tüm hosting servislerinde değil ancak, wp webhost veya hostgator kullanıyorsanız, SSL kullanma olanağınız vardır.

Çözüm

Hosting firmanızın SSL desteği olduğundan emin olduğunuzda, wordpress ana dizininizde bulunan wp-config.php dosyanzı açıp bu kodu yapıştırın:

define('force_ssl_admin', true);

Dosyayı kaydedin, işlem tamam.

Kod Açıklaması

Karmaşık bir şey yok. Wordpress yazılımı düzenleyebilmek adına pek çok sabit içerir. Burada da, basitçe the force_ssl_admin sabitinin değerini true yaptık. Bunun sonucunda da wordpress ssl kullanmaya başladı.

Kaynak

Force SSL Wp-admin dizininde nasıl kullanılır?

3. wp-config dosyanızı korumak için .htaccess Kullanımı

Problem

Bir wordpress kullanıcısı olarak, wp-config dosyasının ne denli önemli olduğunu biliyorsunuzdur. Bu dosya değerli veritabanınıza erişim için gerekli bilgileri içerir: kullanıcı adı, şifresi, sunucu adı ve daha fazlası. Bu sebeplerden wp-config.php dosyasının güvenliği gerçekten önemlidir.

Çözüm

.htaccess dosyası wordpress yüklemenizin ana dizininde bulunur. Dosyanın bir yedeğini aldıktan sonra (o denli kritik bir dosyadır ki her zaman güvenli ve düzgün çalışan bir kopyasını bulundurmanız yararınıza olacaktır.), dosyayı açıp şu satırları ekleyin:

<-files wp-config.php->
order allow,deny
deny from all
<-/files->

not: files'taki - işaretlerini kaldırmalısınız.

Kod Açıklaması

.htaccess dosyaları, dosyalarınıza istenmeyen erişimi engelleme işinin üstesinden gelen en iyi araçlardan biridir. Bu kod ile, basitçe wp-admin.php dosyasına (kötü amaçlı botları da kapsamak üzere) gelen erişimleri kesmiş olduk.

Kaynak

Wordpress Blogunuzun güvenliğini sağlamak için 10 basit yol

4. İstenmeyen Kullanıcı ve Botları Karalisteye Alma

Problem

Bu çevrimiçi olduğu kadar çevrimdışı iken de doğru: Bugün sizi rahatsız eden biri, muhtemelen yarın da rahatsız edecektir. Kaç tane spam botun rahatsız edici yorumlarını bırakmak adına günde 10 kez blogunuza döndüğünden haberdar mısınız? Çözüm ise oldukça basit: Blogunuza erişimlerini yasaklayın.

Çözüm

Aşağıdaki kodu wordpress ana dizininizde bulunan .htaccess dosyanıza yapıştırın. Önceden dediğim gibi bu işlem öncesinde .htaccess dosyanızı yedeklemeyi unutmayın. Ayrıca yasaklamak istediğiniz ip adresini de 123.456.789 olarak bırakmayın, hangi ip'yi yasaklamak istiyorsanız onu yazın.

<-limit get post put->
order allow,deny
allow from all
deny from 123.456.789
<-/limit->

Not: Elbette yine "-"leri kaldırmalısınız.

Kod Açıklaması

Apache kolayca istenmeyen kişi ve botların sitenize erişimini kesebilir. Bu kod ile apache'ye 123.456.789 dışındaki ip adresini taşıyan herkesin sitemizi ziyaret etmeye izinli olduğunu söylüyoruz.

Daha fazla kişi veya bot banlamak için farklı ip adresi kullanarak 4. satırı kopyalayın. Örnek verecek olursak:

<-limit get post put->
order allow,deny
allow from all
deny from 123.456.789
deny from 93.121.788
deny from 223.956.789
deny from 128.456.780
<-/limit->

Not: Koddaki "-"lerin kalkacağını her seferinde yinelemekten kaçınmıyorum ki siz de gözden kaçırmayasınız.

Kaynak

2007nin en kötü 150nin üstünde spamcisi

5. Wordpress blogunuzu script enjeksiyonlarından koruma

Problem

Dinamik siteleri korumak özellikle önemlidir. Çoğu geliştirici kendi get ve post isteklerini korur ancak bu her zaman yeterli olmayabilir. Aynı zamanda blogumuzu script enjeksiyonlarına ve PHP globals ve _request değişkenlerini düzenlemeye karşı da korumalıyız.

Çözüm

Aşağıdaki kod script enjeksiyonlarını engellemenin yanında php globals ve _request değişkenlerini düzenlemeye yönelik girişimlere de çözüm oluyor. Wordpress ana dizininizde bulunan .htaccess dosyanızın yedeğini aldıktan sonra içine yapıştırın:

options +followsymlinks
rewriteengine on
rewritecond %{query_string} (\<|%3c).*script.*(\>|%3e) [nc,or]
rewritecond %{query_string} globals(=|\[|\%[0-9a-z]{0,2}) [or]
rewritecond %{query_string} _request(=|\[|\%[0-9a-z]{0,2})
rewriterule ^(.*)$ index.php [f,l]

Kod açıklaması
.htaccess dosyasının gücünü kullanarak istekleri kontrol edebiliriz. Bu kodun yaptığı şey <-script-> içeren veya php globals ile _request değişkenlerini düzenlemeye çalışan bir durum ile karşılaşıldığında isteğin bloklanması ve kullanıcının ekranına bir 403 hata sayfası döndürülmesidir.

.htaccess ile sitenizi koruyun
.htaccess kullanarak blogunuzu koruyun

6. İçerik Hırsızlarına Karşı Savaşın

Problem

Eğer blogunuz biraz tanınır hale geldiyse, şüphesiz ki insanlar izniniz olmadan içeriğinizi kendi sitelerinde paylaşmaya başlayacaklar. En büyük problemlerden biri de resimlerinizin sunucudan çok çağrılması ile hot-linking durumunun yaşanması, bu durumda da giden sizin bant genişliği değerinizden olacaktır.

Çözüm

Sitenizi hot-linking durumlarına ve içerik hırsızlarına karşı korumak için, aşağıdaki kodu .htaccess dosyanıza yapıştırın. Ancak her zamanki gibi bu işlemden önce dosyanızın yedeğini alın.

rewriteengine on #replace ?mysite\.com/ with your blog url
rewritecond %{http_referer} !^http://(.+\.)?mysite\.com/ [nc]
rewritecond %{http_referer} !^$ #replace /images/nohotlink.jpg with your "don't hotlink" image url
rewriterule .*\.(jpe?g|gif|bmp|png)$ /images/nohotlink.jpg [l]

Dosyayı kaydettikten sonra, sadece kendi siteniz resimlerinize link vermeye izinli olacak. Daha doğrusu, sizin dışınızdaki kimse resimlerinize link veremeyecek, çünkü bu onlar için oldukça karışık ve zaman alıcı hale gelecek. Diğer sitelerde otomatik olarak nohotlink.jpg görünecek. Ayrıca var olmayan bir resim adresi de girebilirsiniz, bu durumda sadece beyaz bir boşluk göreceklerdir.

Kod Açıklaması

Bu kodun yaptığı şey resme link verenin kendi sitemizin URL'i olup olmadığına bakmak, değilse ve referans gösterilen dosya .jpg, .gif, .bmp veya .png uzantılıysa bunu nohotlink.jpg dosyası ile değiştirmek.

Kaynak

Blogunuzu içerik hırsızlarından korumak

7. Blogunuzu Kötü Niyetli URL isteklerinden koruyan bir eklenti yaratın

Problem

Hackerlar bazen kötü niyetli sorgularla blogun zayıf noktalarını saptayıp saldırmak isteyebilirler. Wordpress'in öntanımlı koruması oldukça iyi, fakat bunu geliştirmek de mümkün.

Çözüm

Aşağıdaki kodu bir text dosyasına kaydederek adını blockbadqueries.php yapın ve eklenti dizininize atıp yönetim panelinizden aktifleştirin. Artık blogunuz kötü niyetli sorgulara karşı korumalı.

<-?php
/*
plugin name: block bad queries
plugin uri: http://perishablepress.com/press/2009/12/22/protect-wordpress-against-malicious-url-requests/
description: protect wordpress against malicious url requests
author uri: http://perishablepress.com/
author: perishable press
version: 1.0 */

global $user_id;

if($user_id) { if(!current_user_can('level_10')) { if (strlen($_server['request_uri']) > 255 || strpos($_server['request_uri'], "eval(") || strpos($_server['request_uri'], "concat") || strpos($_server['request_uri'], "union+select") || strpos($_server['request_uri'], "base64")) { @header("http/1.1 414 request-uri too long"); @header("status: 414 request-uri too long"); @header("connection: close"); @exit; } }
}
?->

Not: Baştaki ve sondaki "-"leri kaldırmanız gerekiyor yine.

Kod Açıklaması

Bu kodun yaptığı oldukça basit. 255 karakterden uzun URI sorgularını kontrol ediyor ve eval ya da base64 php fonksiyonlarına rastlarsa kullanıcı ekranına bir 414 hatası gönderiyor.

Kaynak

Wordpress'i kötü niyetli url isteklerine karşı korumak

8. Wordpress versiyon numaranızı kaldırın… Cidden!

Problem

Bildiğiniz gibi, wordpress otomatik olarak kullandığınız versiyonu blog dosyalarınızın baş kısmında gösteriyor. Eğer yapmanız gerektiği gibi daima son sürümleri kullanıyorsanız bu oldukça zararsızdır. Fakat herhangi sebeplerle yazılımınızı güncelleyemediyseniz, wordpress bunu da göstermeye devam edecektir, ve bu hackerlar için oldukça önemli bir mana taşıyor olabilir.

Çözüm

Aşağıdaki kodu tema klasörünüzde bulunan functions.php dosyasına yapıştırın. Kaydedin, sayfayı yenileyin ve ta-daa: Artık wordpress versiyon numaranız in the header'da gösterilmiyor.

remove_action('wp_head', 'wp_generator');

Kod açıklaması

Bazı belli aksiyonları işleyebilmek için wordpress "hooks" denilen bir mekanizma kullanıyor, bunun sayesinde bir fonksiyonu bir diğeriyle ilişkilendirebiliyorsunuz. Basitçe, Wordpress versiyonunuzu gösteren the wp_generator fonksiyonu remove_action() fonksiyonuyla ilişkilenince ortadan kalkmış oldu.

Kaynak

Wordpress Versiyon Numaranızı Kaldırmak (doğru yol)

9. öntanımlı “admin” kullanıcı adınızı değiştirin

brute force en kolay şifre kırma yöntemlerinden biri. Metod oldukça basit: Doğru şifreyi bulana kadar deneyebildiğin kadar şifreyi dene. Brute Force metodunun kullanıcıları kullandığı sözlükler ile pek çok şifre kombinasyonu deneme şansına sahip oluyorlar.

Fakat kullanıcı adınızı biliyor olmaları şüphesiz ki işlerini kolaylaştıran bir şey olurdu. İşte bu yüzden her zaman "admin" kullanıcı adınızı tahmin edilmesi daha zor bir şey ile değiştirmelisiniz.

Ayrıca orijinal makalede yok ama bu da benden olsun: Güvenlik adına değil ama bir yerelleştirme tutkunuysanız, sitenizdeki her yabancı terim için bir Türkçe karşılık arıyorsanız, siz de benim gibi Türkçe siteniz içerisinde admin yazısının görülmesinden rahatsız olabilirsiniz. Yerelleştirme adına da değiştirilesi diyorum yani.

Ayrıca Wordpress 3.0 size öntanımlı kullanıcı adını belirleme imkanı veriyor. Yine de bu ipucu eski bir wordpress versiyonunda "admin" adını kullanan bir kullanıcıysanız yararlı.

Çözüm

Hala “admin” kullanıcı adınızı değiştirmediyseniz, aşağıdaki SQL sorgusunu çalıştırın. Tabi ki yeni kullanıcı adınızın ne olacağı bilgisini değiştirmeyi unutmadan.

update wp_users set user_login = 'yeni kullanici adiniz' where user_login = 'admin';

Kod Açıklaması

Kullanıcı adları veritabanında saklanır. Bunu değiştirmek için basit bir sorgu yeterlidir. Bu sorgunun "admin" ile yazılmış gönderileri yeni kullanıcı adınıza aktarmayacağını dikkate alın. Aşağıdaki kaynakta kolayca nasıl yapabileğinizi bulabilirsiniz.

Kaynak

Keşke önceden bilseydim diyeceğiniz 13 Wordpress SQL Sorgusu

10. Dizin Taramayı Engellemek

Problem

Öntanımlı olarak pek çok sunucu klasör listelemeye izin verir. Yani eğer adres çubuğunuza www.yourblog.com/wp-includes yazarsanız, bu dizindeki dosyaları görebilirsiniz. Bu kesinlikle bir güvenlik riskidir, çünkü bir hacker dosyalarınıza en son ne zaman erişildiğini veya dosyalarınızın en son ne zaman düzenlendiğini görebilir.

Çözüm

.htaccess dosyanıza bu satırı ekleyin:

option -indexes

Kod açıklaması

Lütfen blogun robots.txt dosyasına disallow: /wp* eklemenin yeterli olmadığını unutmayın.

Blogunuzun güvenliği için 18 wordpress eklentisi ve ipucu

Bu yazı sahip34 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 tasarımcılar için 12 adet taşınabilir uygulama

sahip34 — Thu, 03 Jun 2010 10:00:00 GMT

bir web tasarımcısının olmazsa olmaz araçları vardır. bunların birçoğu kendi bilgisayarlarında sabit olarak bulunmaktadır. fakat bu programlara her zaman her yerden ulaşmak mümkün olmuyor. bu yüzden kendi programlarımıza alternatif taşınabilir (portable) araçlar işimize yarayabilir. işte işinize yarayabilecek taşınabilir araçlar;

1. KompoZer Portable

KompoZer (eski adıyla nvu), dreamweaver benzeri oldukça fonksiyonel bir html editörüdür. evet görünüm olarak pek güzel değildir ama notepad'e göre gelişmiş özelliklere sahip ve fonksiyoneldir.

2. Firefox Portable Edition

firefox, zaten popülerliği ve eklentileriyle birçok web tasarımcısının vazgeçilmezi haline gelmiş bir web tarayıcısıdır. kurulum gerektirmeyen versiyonu ile daha bir cazip hale gelmiştir.

3. XAMPP Portable

xampp, harika bir local web server olmasıyla birlikte, taşınabilir olması ile daha da mükemmel hale gelmiştir. çalıştırdığınız bilgisayarla uyumlu hale gelerek oluşturduğunuz siteleri rahatlıkla görebilmektesiniz.

4. GIMP Portable

gimp, photoshop'a alternatif ücretsiz bir grafik tasarım programıdır. eğer photoshop kullanan biri iseniz, gimp arayüzü ilk başlarda size farklı gelebilir fakat photoshop alternatifi taşınabilir daha iyi bir grafik tasarım programı yoktur.

5. AMP Font Viewer

amp font viewer, basit ama güçlü bir font yönetim programıdır. taşına bilir olması istediğiniz bilgisayarda fontlarınızı görebilmenizi sağlar.

6. 7-Zip Portable

7-zip, açık kaynak kodlu (open source) dosya arşivleme programları arasında oldukça popüler ve ZIP, RAR, TAR, GZ gibi daha birçok dosya formatını tanıyabilen bir programdır. taşınabilir olması farklı bilgisayarlarda işinizi oldukça kolaylaştırmaktadır.

7. PhotoFiltre

PhotoFiltre, birçok dijital resim formatı üzerinde oldukça basit bir şekilde kırpma veya yeniden boyutlandırma gibi düzenlemeler yapabileceğiniz araçtır.

8. Inkscape Portable

Inkscape, Adobe Illustrator ve Corel Draw programlarına rakip bir vektörel grafik düzenleme programıdır. özellikleri ve taşınabilir olması avantajlı bir program olmasını sağlamaktadır.

9. AbiWord

.doc gibi zengin yazı biçimlerini düzenlemek için taşınabilir bir düzenleyici bulmak oldukça zordur bu durumda taşınabilir OpenOffice programına alternatif olarak kullanabilirsiniz.

10. PicPick Tools

PicPick Tools, web geliştiricileri, tasarımcıları ve programcıları için "all-in-one" araç paketidir. içinde ekran görüntüsü almadan, resim düzenlemeye kadar bir çok araç bulunmaktadır.

11. MobaPhoto

MobaPhoto, kurulum gerektirmeyen resim yönetim programıdır. görünüş itibari ile güzel görünmeyebilir fakat işlerinizi yapmanızda yardımcınız olacaktır.

12. ToDoList

iş yaparken harcadığınız zaman sizin için önemliyse ve bunu mümkün olduğunca düzenli hale getirmeyi seviyorsanız/istiyorsanız tam sizin için taşınabilir bir araç. yapılacaklar listesi ile projelerinizi rahatlıkla yönetebilirsiniz.

Bu yazı sahip34 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

Evden Web Yayını Yapın

sahip34 — Thu, 27 May 2010 09:21:00 GMT

İnternette birçok kez araştırmama rağmen bir türlü güncel ve istediğim bilgileri bulamamanın sıkıntısıyla yazıyorum bu yazıyı. eğer benim gibi meraklı olan varsa, bu yazıyı mutlaka okusun derim. öncelikle belirtmek isterim ki -ki birçok yerde zaten okudunuz ve eğer bu konu ile ilgili araştırma yaptıysanız- gerçekten evden yayın yapmak kolay bir şey değil. ayarların yapılmasından değil, daha çok ülkemizin internet şartları ile alakalı. peki sen neden yaptın? diye sorarsanız, benim amacım evden web yayını yapmak değil de daha çok pratikte bunun nasıl yapıldığını öğrenmekti, öğrendim de!

port yönlendirme

araştırma yapan herkesin karşısına çıkmıştır mutlaka, "modeminizde 80 portunu açmanız gereklidir" diye. bu olay çok zormuş gibi görünse de (ilk merak ettiğim zaman bana da aynısı olmuştu) aslıda oldukça kolay. modeminizin internet arayüzünden kolaylıkla yapabilirsiniz.

ne yapmak lazım?

modemin bütün ayarlarını yapabildiğiniz internet arayüzüne bağlanmalısınız. (genellikle 192.168.1.1 ya da 192.168.2.1 şeklinde bir ip adresidir. ben airties rt-206v2tt modem kullanıyorum ve bu modele göre anlatacağım.)
ip adresinizi yazdığınız zaman sizi giriş ekranı karşılayacak. kullanıcı adınızı ve şifrenizi girip devam edin. (internetinizi ttnet'ten aldıysanız kullanıcı adınız ve şifreniz varsayılan olarak admin/ttnet şeklindedir. Şifrenizi bilmiyorsanız da müşteri hizmetlerini arayarak öğrenebilirsiniz.)
kullanıcı adı/şifre olayını geçtikten sonra açılan sayfada sol taraftaki menüden nat - port yönlendirme'yı tıklayarak yönlendirme ayarını yapacağınız sayfaya gelmiş olmalısınız.

resmin büyük hali için tıklayın

port yönlendirme sayfasında ilk olarak port yönlendirme etkin kutusuna çentik atıp kaydedin. daha sonra yine aynı sayfada yeni butonuna basarak port yönlendirme ayarlarını yapabileceğiniz sayfayı açın. yapmanız gereken ayarları yapmadan önce aşağıdaki açıklamalara da ayrıca dikkat edin.
kural adı kısmına ne yazacağınız size kalmış, istediğiniz bir adı verebilirsiniz (webserver gibi). istemci seçiniz kısmında ise yeni ip adresi bölümüne bilgisayarınızın yerel ip adresini yazmanız gerekli. normalde mevcut lan istemcileri kısmında modeme bağlı bütün bilgisayarlar görünür fakat ben biraz kurcaladığım için bende görünmüyor.

yerel ip adresinizi bilmiyorsanız başlat'tan çalıştır'ı (windows tuşu + r ile açabilirsiniz) açın. cmd yazıp enter'a basın. komut satırına ipconfig /all komutunu girerek ip adresinizi öğrenebilirsiniz.

resmin büyük halini görmek için tıklayın

alt kısımda ise asıl port ayarlarını yapacağımız kısım var. sol taraftan hazır ayarları kullanabilirsiniz fakat biz sadece 80 portunu açacağız. yine uygulama adı kısmına istediğiniz adı yazabilirsiniz. bende webserver yazıyor. wan ve lan kısımlarının altındaki tcp portları kısmına 80 (açmak istediğimiz port numarası) yazıp ekle dedikten sonra kaydederek port yönlendirme işlemini tamamlamış oluyoruz.

ip adresi sabitleme

burada kastettiğimiz ttnet'ten alacağınız bir sabit ip hizmeti değil .bilgisayarın yerel ip'sini sabitlemek... nedeni, modeminizin her açılışta bilgisayara 192.168.2.2 ile 192.168.2.254 arasında rastgele bir ip vermesi. bu ayarlamalar işletim sistemine göre değişiklik gösteriyor fakat ben windows7 kullanıyorum o yüzden ona göre anlatacağım. aynı ayarlamalar ile windows vista'da da yapabilirsiniz benzer şekilde. Xp kullanıcıları ise 5. maddede nasıl yapacaklarını okuyabilirler.

ne yapmak lazım?

saatin yanındaki bağlantı simgenize tıkladığınızda küçük bir pencere açılacaktır. oradan kullandığınız bağlantı üzerinde sağ tıklayarak durum'u seçin.
açılan ekranda etkinlik bölümünde özellikler'i, daha sonra açılacak yeni pencerede internet protokolü sürüm 4 (tcp/ipv4 'e tıkladığınızda ayarları yapacağınız son pencere açılacak.
aşağıdaki ip adresini kullan'ı seçip, ip adresi kısmına bilgisayarınızın kullanmasını istediğiniz sabit ip adresinizi yazın (mesela bende 192.168.2.2). alt ağ maskesi kısmı otomatik olarak 255.255.255.0 olacaktır. madem o kadar hevesli bırakın kalsın öyle. varsayılan ağ geçidine ise modeminizin internet arayüzüne girmek için kullandığınız ip'yı yazmalısınız.

resmin büyük hali için tıklayın
otomatik olarak bir ip adresi al seçeneği seçili olmadıkça otomatik olarak bir dns adresi de alamayacaksınız fakat bu o kadar da önemli değil. boş bırakırsanız varsayılan olarak modemin ip adresini kullanacaktır. açık olan pencereleri tamam diyerekten kaydedip kapatın. ip adresiniz artık sabit.
windows xp kullanıcıları ise bu ayarları şu şekilde yapabilirler: başlat - ağ bağlantıları'na tıklayın. açılan pencerenin sol tarafında bulunan ağ görevleri sekmesinin altında ağ bağlantılarını görüntüle'ye tıkladıktan sonra mevcut ağ bağlantılarınız açılacaktır. kullandığınız bağlantının üzerine sağ tıklayarak özellikler'i seçin. açılan pencerede internet iletişim kuralları (tcp/ip)'na çift tıkladığınızda yeni bir pencere açılacak. bu pencerede gerekli ayarları yukarıdaki şekilde yapabilirsiniz.

bana bir sunucu lazım. hem de hemen!

size sadece bir sunucu lazım değil. sunucu, veri tabanı, bu veri tabanını kontrol edebileceğiniz bir sistem, vs, vs. kafanız hiç karışmasın. bunları wampserver ile kolaylıkla bilgisayarınıza kurabilirsiniz. bazı özellikleri olmamasına rağmen başlangıç için oldukça kolay bir program. (WampServer yerine xampp programını da kullanabilirler fakat alışması biraz zamanınızı alacaktır.) kurulum işlemi ise oldukça basit.

ne yapmak lazım?

ilk olarak wampserver'ı sitesinden indirmelisiniz. indirme sayfasına buradan ulaşabilirsiniz.
dosya indikten sonra kurulum işlemine geçebiliriz. indirdiğiniz dosyayı çalıştırın. gelen ekranda lisans sözleşmesini onaylayın. wampserver'ın kurulacağı yeri seçin. kısayollara da çentik attıktan sonra kurulum için sizin yapmanız gerekenler bitmiş oluyor.
kurulum tamamlamaya yaklaştığında eğer sisteminizde firefox'u bulursa wampserver için varsayılan tarayıcı yapmak isteyip istemediğinizi soracak. bunu da onaylayıp geçin.
artık bir sunucunuz var fakat wampserver açıldığında ilk olarak çevrimdışıdır. yayın yapabilmek için çevrimiçi olmanız gerekli. saatin yanında bulabileceğiniz wampserver simgesine bir kere tıklayın. açılacak küçük pencere bundan sonra hiç yabancı olmayacağınız yer. burada çevrimiçi hale getir'e tıkladığınızda sunucunuz çevrimiçi, diğer bir deyişle yayında olacaktır.
biraz önce sabitlediğimiz ip adresinizi herhangi bir tarayıcının adres satırına yazdığınızda eğer her şey yolunda ise wampserver anasayfası gelmeli. aslında şu anda siteniz dışarıdan erişilebilir durumda fakat arkadaşlarınızın ya da tanıdıklarınızın sitenize bağlanabilmesi için bilgisayarınızın internet ip adresinizi (internet ip adresiniz, ttnet'in size vermiş olduğu modem kapanıp açıldığında değişen ip adresidir. modeminizin anasayfasından ya da whatismyipadress adresinden öğrenebilirsiniz.) bilmeleri gerekli. (bunu da birazdan düzelteceğiz.)
sitenizi denemek için kendi internet ip adresinizi yazdığınızda ise yine modem ana sayfasının gelmesi kendi bilgisayarınızdan bağlandığınız için normal bir durum. port yönlendirmede bir sorun olduğunu düşünmeyin. port yönlendirmeyi denemek için başka bir yerdeki bilgisayardan ip adresinizi yazmalısınız. sitenizin dışarıdan nasıl göründüğüne bakmak için bilgisayara verdiğiniz sabit ip adresinizi (192.168.2.2), 127.0.0.1 ip adresinizi ya da http://localhost/ yazarak kontrol edebilirsiniz.

ip adresinden kurtulun

ip adresiniz yerine düzgün bir adres almak daha güzel olmaz mıydı? bir de bu adres ücretsiz olsa mesela tadından da yenmezdi hani. evet! bunu yapmak için güzel bir servis var. basitçe sistemin çalışma mantığı, siteden aldığınız alan adınıza internet ip adresinizi kaydediyorsunuz. bu alan adına gelen bütün istekler sizin internet ip adresinize yönlendiriliyor. şöyle bir sorun çıkıyor burada karşımıza. yukarıda internet ip adresini açıklarken ip'nin değişken olduğunu, modemin her kapanıp açıldığında farklı bir ip adresi aldığını yazmıştık. her modem kapandığında yeniden ip yazmak zahmetli iş. servisin diğer güzelliği ise burada başlıyor. bilgisayarınıza kuracağınız minimini bir program ile bu sorunun üstesinden gelebilirsiniz. modem kapanması, ttnet'in arada sırada attığı resetler gibi nedenlerden dolayı ip adresiniz her değiştiğinde, program yeni internet ip adresinizi hesabınıza eşitliyor. siz hiç bir şey ile uğraşmıyorsunuz. sistem kaynaklarını tüketmediğini söylemek yanlış olmaz hani.

ne yapmak lazım?

dyndns.com adresinden ücretsiz bir hesap almalısınız. (elbette ücretli seçenekler de var. bu servislerle kendi alan adınızı da alabiliyorsunuz. ilgilenenler varsa aynı adrese bakabilirler.) ücretsiz seçeneğinde kullaniciadiniz.homedns.org şeklinde oluyor (...homedns.org kısmı için 88 adet alternatif mevcut).
üye olma işlemi oldukça basit. adınızı, kullanıcı adınızı, şifrenizi, şifrenizin doğrulamasını, e-posta adresinizi, e-posta adresinizin doğrulamasını ve güvenlik kodunu girmelisiniz. daha sonra ise sitenizin adını (kullanıcı adınız olmak zorunda değil) ve 88 alternatifli adresten birini seçmelisiniz. daha sonra internet ip adresinizi yazmalısınız ('your current location's ip address is 56.187.110.832' yazısına tıklayarak internet ip'niz otomatik olarak metin kutusuna yazılacaktır).
bizim için şimdilik gerekli olan ayarlar bunlar. add to cart butonuna basarak ürününüzü sepete atıyoruz. açılan ekranı next butonuna basarak geçebiliriz. daha sonra son ekranda activate services butonuna tıklayarak işlemlerinizi tamamlayın.
sitenizi aktif ettikten sonra denemek için adresinizi yazdığınızda modeminizin arayüzü geliyorsa servis düzgün çalışıyor demektir. hatırlayın internet ip adresinizi yazdığınızda da modemin sayfası açılmıştı. yani sistem alan adından sizin ip adresine yönlendirmeyi sorunsuz yapıyor. :)
yukarıda değişken ip sorununu açıklamıştık. bu sorunun üstesinden gelmek için sistemin bize sunduğu minimini programı indirmeniz ve kurduktan sonra birkaç küçük ayar yapmanız gerekli. programı indirmek için sitedeki adresinden indirebilirsiniz (726kb). kurulumu ise 5 adımda hallediyorsunuz. kısa bir kurulumdan sonra programı çalıştırın. sitede kullandığınız kullanıcı adı/şifrenizle giriş yapın. sistem internet ip adresinizi otomatik olarak bulacak ve alan adınıza eşitleyecektir.
bazen bilgisayarımızın performansını arttırmak için başlangıçta çalışan programları kapatabiliyoruz. Eğer böyle bir ayarlama yaptıysanız program ip adresinizi güncelleyemeyecektir. bu yüzden bilgisayarınız açıldığında programın başlatmasını ayarlamalısınız. ayarlamayı ise programda advanced sekmesinden yapabilirsiniz. advanced sekmesine tıkladığınızda en üstteki start updater with windows'un yanındaki kutucuğa bir çentik atın. bu kadar. :)

artık güzel bir alan adınız, kendinize ait bir sunucunuz var. tabii ciddi anlamdan web yayını yapmak şimdilik ülkem şartlarında hayal. benim bu konudaki amacım zaten bunu pratikte nasıl yapıldığını öğrenmekti. ben öğrendim, siz de öğrenin dedim yazdım. olur da ilerde yurdumun servis sağlayıcısı imana gelir de internet hızımız katlanırsa kendi sitenizi kendiniz yayınlarsınız. takıldığınız konuları veya yazıdaki herhangi bir yanlışı yorumlarda yazabilirsiniz. hem diğer kullanıcılara yardımınız dokunmuş olur hem de beni de yanlıştan döndürmüş olursunuz. umarım faydalı olur sizin için de.

Bu yazı sahip34 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

jQuery-Notes

sahip34 — Sat, 22 May 2010 07:28:00 GMT

jQuery-Notes, fotoğraflarınıza not eklemenize yardımcı olan sıradışı bir jQuery uygulaması. Resimlerinizin altına, köşesine not eklemek artık sizin için yeterli değilse jQuery-Notes tam size göre bir uygulama.

jQuery 1.4, jQuery-UI 1.7+ ve PHP5 ile hazırlanan bu uygulama sayesinde resimlerinizin üstünde herhangi bir yerine not ekleyebilir ve notlarınıza link verebilirsiniz. Bu sayede resimlerinizdeki herhangi bir nesne veya kişiye dikkat çekebilir veya tanımlayabilirsiniz.

Dünyanın en popüler sosyal medya aracı haline gelen Facebook'ta bulunan benzer uygulamadan esinlenerek hazırlanan jQuery-Notes sayesinde resimlerinizi boş bırakmak zorunda değilsiniz.Fotoğrafların sağ alt köşesinde yer alan 4 düğme sayesinde notlar ekleyebilir veya onları görmek istemiyorsanız uygulamayı inaktif duruma getirebilirsiniz.

Sosyal medya platformlarında kullanılması için hazırlanan jQuery-Notes üzerinde ayrıca 'reload' düğmesi sayesinde yenin eklenen notları anında görebilirsiniz. Ayrıca not sayısını öğrenebilir ve istediğiniz düğmeleri kaldırabilirsiniz.

Bu jQuery uygulaması sadece 44 KB boyuntunda ve Explorer v7+, Firefox v3+, Google Chrome v4 ve Safari v4 desteğine sahip.jQuery-Notes'un orjinal web sayfasına gitmek için buraya demo sayfasına gözatmak için buraya bakabilirsiniz. Ayrıca jQuery-Notes'u buradan indirebilirsiniz.

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : rydygel.de

Bu yazı sahip34 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

5 kullanışlı faturalandırma servisi

sahip34 — Wed, 05 May 2010 09:21:00 GMT

Her geçen gün işlerimizi kolaylaştırmak adına yeni projelerin, programların sunulduğu internet ortamında yaptığımız işler için faturaları düzenlemek, bir arada görebilmek ve aynı yerden rahat bir şekilde takip etmek için hazırlanmış 5 internet projesini tanıtacağım sizlere.

1) Ballpark

MooTools ile desteklenmiş kullanışlı, basit bir arayüze sahip 'Ballpark', faturalandırmak istediğiniz proje üzerinde çalışmış olan birden fazla kişiyle aynı anda fatura tutarı veya detayları hakkında yorumlar yapmanızı sağlayan pratik bir servistir. Paypal desteği ile müşterinin hızlı bir şekilde ödeme yapmasını sağlayan 'Ballpark' ilk 30 gün için ayrıca ücretsiz bir deneme süresi de sunmakta.

2) The invoice machine

Minimalist bir tasarıma sahip olan 'invoice machine', sunduğu API ile yeni fatura eklemeyi çok daha kullanışlı ve kolay bir hale getiriyor. Başlangıç planı ücretsiz olan bu servis denemeye değer.

3) CurdBee

Ücretsiz sürümünde bile sunduğu sınırsız fatura olanığı ile para ödemek istemeyenler için birebir olan bu servis PayPal dışında ayrıca Google Checkout'u da desteklemekte. Ücretli sürümü ise diğer servislerle karşılaştırıldığında çok daha ucuz. Aynı zamanda satın alabileceğiniz modüller sayesinde ödeme metodlarınızı genişletebilir yada periyodik faturalar oluşturabilirsiniz.

4) Blinksale

2005'ten beri sunduğu hizmetinin her ne kadar ücretsiz bir sürümü olmasada denemek için kayıt olabileceğiniz 30 günlük bir deneme süresi bulunan 'Blinksale' diğer servislere göre yüksek fiyatlarına rağmen 'Basecamp' kullanıcılarınızı aktarmak, css ile düzenlenebilir şablonlar oluşturmak, API desteği vb. özellikler ile dikkat çeken bir faturalandırma servisi. E-mail dışında aynı zamanda telefon desteği de veren firma denemeye değer.

5) Pipeline

Ücretsiz bir sürümü bulunan ve bunun dışında kullanışlı bir takvim de sunan 'Pipeline'ın aynı zamanda paralı olan sürümleri için 2 ay boyunca ücretsiz bir deneme süreci de bulunmakta. Bu servis ayrıca gelişmiş kontrol paneli ile kazancınızı istatistikler halinde gösterir onun dışında üzerinde çalışmakta olduğunuz projeniz hakkında detaylı bilgiler girmenizi sağlar.

Umarım yardımcı olabilmişimdir.

Bu yazı sahip34 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 tasarımcıları için PDF skeç kağıtları

sahip34 — Mon, 26 Apr 2010 09:28:00 GMT

Projelere başlamadan önce projenin gidişatını belirleyecek planın yapılması gerekir. Bu plan ana maddelerden başlayarak daha spesifik özelliklere kadar projenin baştan sonra kağıt üzerinde ve kafalarda bitirilmesi gerekir. ve işler tasarım kısmına geldiğinde tasarımın bir taslağını yapmak, tasarımın sağlıklı olması açısından çok önemlidir. Tasarımı bitmiş bir sitenin hatta xhtml/css kodları yazılmış bir sitenin üzerinde değişiklik yapmak çok sıkıntılı ve kafa karıştırıcıdır. bunu engellemek için tasarım ve uygulamanın kaba bir skeçinden başlayarak ince detaylara kadar kağıda çizilmesi gerekir.

Web sitesinin skeç'ini çizerken işi hem biraz eğlenceli hale getirmek hem daha profesyonel görünmek ve daha sağlıklı bir sonuca ulaşmak için PDF formatında skeç kağıtları düzenlemişler.

Web Sketch

UI Stencils

960 grid system template

960 sketch pdf template

Grid Paper

all konigi pdf templates

Paper Browser

paper browser pdf template (horizontal)

paper browser pdf template (vertical)

mbti sketching paper for ideation

mbti sketching paper (a4)

mbti sketching paper (a3)

mbti sketching paper (letter)

mbti sketching paper (legal)

sketching grid paper

concept7 a4 sketching grid paper

concept7 a3 sketching grid paper

6 pages template

6 pages pdf template

paper wireframe templates

paper wireframe templates (pdf templates)

paper wireframe templates (psd and pdf templates)

sketchboards

multi page template (ppt template)

single page template (ppt template)

Wireframe Template

pdf wireframe template

Bu yazı sahip34 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

ücretsiz web uygulama güvenliği test araçları

sahip34 — Fri, 16 Apr 2010 11:48:00 GMT

web sitelerinizin güvenliğinde, güvenlik taraması imkanı verecek ücretsiz web uygulama güvenliği test araçları bu makalede listelendi.

1- netsparker community edition (windows)

netsparker, sql injection + cross-site scripting sorunları tespit edebilir. tarama işlemi tamamlandıktan sonra bu konular için çözümler görüntüler.

2- websecurify (windows, linux, mac os x)

websecurify kolay kullanımlı ve otomatik olarak yazılımdaki zayıflıkları test eder, fuzzing teknolojilerini kullanarak web uygulama açıkları tespiteden açık kaynak kodlu bir araçtır. bu araç aynı zamanda çok dil desteği ve genişletilebilir eklenti desteği sunar.

3- wapiti (windows, linux, mac os x)

wapiti açık kaynak kodlu web uygulamaları web sayfaları tarayan web tabanlı bir araçtır. script ve formlarda data inject taraması yapar.

4- n-stalker free version (windows)

n-stalker ile bir anda web sunucusu ve cross-site scripting kontrolleri dahil olmak üzere 100 web sayfası kontrol edebilirsiniz.

5- skipfish (windows, linux, mac os x)

skipfish tam otomatik ve etkin web uygulama güvenliği keşif aracıdır. uygulamanın, otomatik öğrenme yeteneği vardır.

6- scrawlr (windows)

scrawlr web uygulamalarında sql enjeksiyon açıkları taramak için ücretsiz bir yazılımdır. bu hp web güvenlik araştırma grubu tarafından koordineli olarak microsoft güvenlik yanıt merkezi ile geliştirilmiştir.

7- watcher (windows)

watcher fiddler için http tabanlı web uygulamaları eklentisidir (http hata ayıklama proxy) edilgen bir analiz aracı olarak kullanılabilir.

8- x5s (windows)

x5s xss açığına yol açabilecek karakter sorunlarını bulmak için tasarlanmış fiddler için bir eklentidir.
kullanıcı kontrollü girişlerle, <> 'gibi özel karakterleri kullanarak, web uygulamasını kontrol eder.
9- exploit-me (windows, linux, mac os x)

firefox için geliştirilmiş eklentilerdir.
xss-me: xss açıklarını kontrol eder
access-me: erişim güvenliğini test eder
sql inject me: sql inject açıklarını kontrol eder.

10- webscarab (windows, linux, mac os x)

webscarab, xss ve sql enjeksiyon açıklarını test etmek için kullanılabilir.

11- acunetix free version (windows)

herhangi bir web sitesinde bir kontrol gerçekleştirir ve cross site scripting (xss) güvenlik açıkları scripting tanımlar.

kaynak

Bu yazı sahip34 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

Karikatür Karakterleri Yaratma Dersleri

sahip34 — Wed, 10 Mar 2010 15:00:00 GMT

Karikatür tarzı karakteri birçok araç ile tasarlayabilirsiniz. Fakat tasarım alanında akla en çok gelen iki araç Adobe Photoshop ve Adobe Illustrator'dır. Aşağıdaki çalışmaları bu iki program ile yaratabilir tekniğinizi geliştirebilir ve daha farklı tasarımlarda bulunabilirsiniz. İşte Karton karakterler yaratma dersleri;

Drawing Vector-Looking Cat Illustration Using Photoshop
(Photoshop ile çizilen kediyi illüstrasyon şeklinde tasarlamak)

Create your own monster
(Kendi Canavarınızı Yaratın)

Create your own Leprechaun for St. Patrick’s Day
(St. Patrick’s günü için Leprechaun yaratın)

Create a Character Mascot with Adobe Illustrator CS4
(Adobe Illustrator CS4 ile kendi karakterinizi oluşturun)

Flying Bat Ghost
(Hayalet uçan yarasa)

Create a Vector Pirate Cartoon Character from a Hand Drawn Sketch
(Çizilmiş bir eskiz ile Korsan Karikatürü Oluşturma)

How to Illustrate a LeBron James Cartoon Character
(Lebron James'in Karikatatür Karakteri Nasıl Yapılır)

How to Create a Killer Chainsaw Bunny Character
(Nasıl Killer Chainsaw Bunny Yapılır)

How to Create a Cartoon Character with Expressive Lines
(İfade Hatları ile Karikatür Karakter Oluşturma)

How to Create a Cute Hippo Character
(Nasıl sevimli suaygırı yapılır)

Create a Super Happy Octopus Character
(Mutlu Ahtapo Karakteri Oluşturma)

How to Create a Fantasy Character in Illustrator
(Illustrator ile nasıl fantastik karakter yapılır)

Create a Cute Furry Vector Monster in Illustrator
(Illustrator ile Sevimli, kürklü canavar oluşturma)

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak ; webdesignbooth

Bu yazı sahip34 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

jQuery Form Uygulamaları

sahip34 — Sun, 07 Mar 2010 10:10:00 GMT

jQuery ile yapılan form uygulamaları ile formlarınızı daha anlaşılır ve daha güvenli biçime getirebileceğiniz gibi oluşabilecek hataları da önleyebilirsiniz. Bu uygulamalar ile ziyaretçileriniz formları doldururken zorlanmazlar. İşte jQuery ile yapılan form uygulamaları;

Otomatik Tamamlayıcılar
Otamatik tamamlayıcı jQuery form elemanları, aradığınız bölüm ile ilgili veri tabanını eş zamanlı olarak tarar ve yazdığınız harf veya kelimeye göre siz henüz arama butonuna basmadan aramaya başlayarak alltaki küçük bir blokta size benzer sonuçları gösterir.

Autocomplete | demo

Autocomplete ile eş zamanlı olarak arama yapabileceğiniz gibi aramalarda filtreleme işlemini de uygulayabilirsiniz.

jQuery Auto Complete | demo

Bu form eklentisi ile ziyaretçilerinize eş zamanlı arama imkanı sunabilirsiniz.Ayrıca eşleşen sonuçları tıklayarak formda anında oluşmasını sağlayabilirsiniz.

jQuery Autocomplete | demo

PengoWorks, tarafından yapılan jQuery Autocomplete eklentisi oldukça kulay kullanımlı ve kolay yönetilen bir eş zamanlı arama yapan jQuery form otamatik tamlayıcısıdır.

Eş Zamanlı Doğrulama/Onaylama
Bu uygulamalar ile form bilgilerini veri tabanından veya herhangi standartlar çerçevesinde eş zamanlı olarak kontrol edebilir ve hata varsa uyarıda bulunabilirsiniz.

jQuery Form Validation | demo

Bu eklenti forma girilen bilgilerin istenilen standartlarda olup olmadığını kontrol edip eğer hatalı bilgi bulunuyorsa sizi bir tooltip ile uyarır.Ayrıca hatalı bir giriş yaptığınızda submit butonu kullanılmaz duruma gelir.

AJAX Form Validation | demo

Diğer uygulamadan farklı olarak AJAX Form Validation, submit butonunu tıkladığınız anda doldurmanız gereken fakat doldurmadığınız alanları veya herhangi bir hata yaptığınız alanların arka planını kırmızı yaparak hatayı gidermenizi ister.

Tarih

Formlarda ziyaretçilirin herhangi bir tarihi farklı şekillerde girmeleri üzerine geliştirilen bu uygulamalar genelde klavyeye gerek bırakmadan herhangi bir tarihi işaretleyip formu doldurmanızı sağlar.

Date Picker | demo

Bu kolay jQuery form uygulaması ile ziyaretçileriniz istediğiniz herhangi bir tarihi kolaylıkla seçebilirler.Ayrıca herhangi bir tarihten başka bir tarihe kadar seçim yapabilir.Örneği 3 Mart - 7 mart arası.Form dışında da kullanılabilir.

Datepicker | demo

Boş bir form kutucuğuna tıkladığınızda tooltip şeklinde çıkan bu jQuery uygulaması ile kolaylıkla herhangi bir tarihi işaretleyip formu bir tık ile doldurabilirsiniz.

Tooltip
Tooltip, sayfada açılan küçük pencerelere verilen addır.Herhangi bir metin veya görseli tıkayarak yada tıklamadan tooltip açabileceğiniz gibi formlarda da tooltip'leri kullanabilirsiniz.

jQuery (mb)Tooltip 1.6 | demo

Bu jQuery tooltip uygulaması ile formlara küçük hatırlatmalar koyabilirsiniz.Bu sayede ziyaretçileriniz sitenize daha kolay üye olurlar veya formları doldururlarken zorlanmazlar.

qTip – The jQuery Tooltip Plugin | demo

Şifre
Aşağıdaki şifreleme üzerine yapılan jQuery eklentileri ile kullanıcılarınıza farklı alternatifler sunabilir şifrelerinin güvenliklerini ölçebilirsiniz.

Password Strength Indicator | demo

Bu uygulama ile ziyaretçileriniz şifrelerinizin ne kadar güvenli olduklarını gösterebilir aynı zamanda farklı ve daha güvenli şifre alternatifleri sunabilirsiniz.

Plugin for Password Masking | demo

Password Masking, ile gizli şifreleri kullanıcılar istediklerinde tek bir tık ile görüntüleyebilirler.Bu sayede şifrelerini yanlış girmemiş olurlar.

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak ; queness

Bu yazı sahip34 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