bildirgec.org - iamdezzy - beğendikleri

10 İşe Yarar Wordpress Güvenlik Ayarı

iamdezzy — 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ı iamdezzy 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

Arka Plan Ağırlıklı Web Tasarım Örnekleri

iamdezzy — Sat, 19 Jun 2010 08:12:00 GMT

Bazı tasarımcılar tasarımda kullandıkları teknikleri göze çarptırmak isterler. Herhangi bir tasarım ögesini daha fazla belirginleştirerek ön planda tutarlar. Bu tasarım ögesi logo, metinler, arka plan, bloklar vb. olabilir. Arka plana ağırlık veren tasarımlar genelde çok hoş bir arka plan içerir veya bir kişi/şirket tanıtımı yapar. Aşağıdaki tasarım örneklerini incelyerek sizde benzer çalışmalar yapabilirsiniz. Arka Plan Ağırlıklı Web Tasarım Örnekleri;

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : webanddesigners

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

Twitter Trendlerini Daha Yakından İncelemece!

iamdezzy — Fri, 18 Jun 2010 14:10:00 GMT

Twitter kullanıcılarının en fazla hangi konular hakkında gönderimlerde bulunduklarını derleyen, toparlayan ve listeleyen özelliği olan Twitter Trend'lerine, daha yakından bakıp, onu trend yapan verileri ve daha geniş bir çerçeveden bakarak da, büyük resimde nereye oturduğunu anlayabileceğiniz 5 adet uygulamayı aşağıdaki listede bulabilirsiniz.

Bu uygulamalar ile sadece Twitter'da Trend olmuş konuları değil, ilgilendiğiniz farklı konularda da sorgulamalar yapabilir ve elde ettiğiniz raporları Tweetleyebilir veya web sayfalarınızda yayınlayabilirisiniz.

1- Trendistic: Kullanışlı ve veri dolu bir grafik arayüz üzerinden Trend olmuş konuları, günlük, haftalık ve aylık zaman dilimleri aralıklarında inceleyebilir (90 ve 180 günlük zaman dilimleri için Twitter hesabınız ile giriş yapmanız gerekmekte.), bu verileri tweetleyebilir veya web sayfanızdan yayınlayabilirsiniz. Ayrıca sorgulamış olduğunuz konu ile ilgili en socak tweetleri de aynı anda görebilmektesiniz.

2- Twopular: Son 2 saate, 8 saate, güne, haftaya ve aya göre, Trend olmuş konuları görebilmenin yanında, 5 Aralık 2008'den bugüne olan zaman dilimi aralığına göre en Trend olmuş konuları öğrenebilirisiniz. Ayrıca Trend konularını birbirleri ile kıyaslayabilmektesiniz.

3- Tweetvolume: Sorguladığınız konuları, farklı zaman aralıklarını da hesaba katarak, tweetlenme yoğunluğunu gösteren bir arayüzle raporlamakta.

4- PicFog: Twitter'da, TwitPic, yfrog, TweetPhoto ve Twitgoo gibi servisler marifetiyle paylaşılan görselleri sonuç olarak döndürmekte.

5- bitly.tv: Twitter'da paylaşılan popüler videolara ulaşabilirsiniz.

[Bonus+++++]
+Twitter Listelerinizi Web Sayfanıza Taşıyın!
+Google Wave Extensions Örnekleri
+En Seksi 16 Adet JQuery Eklentisi ve Eğitimi
+Wordpress İçin 10 Adet Güvenlik Eklentisi
+Dikkat! Solucanların Yeni Hedefi: iPhone
[Kaynak] mashable
[Paylaş] Sosyal Medya paylaşım sayfası burada.
[algoz Takip Noktaları] Bildirgeç Profil
Blog FF Twitter Facebook + Buzz E-posta RSS Mobil iPhone

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

15 adet 3d yazı efekti dersi

iamdezzy — Wed, 23 Jun 2010 10:47:00 GMT

yüksel kalite 3d yazı efektleri derslerinin, yeni başlayanlar için veya proje geliştirmek için güzel bir kaynak olabileceğini düşünüyorum. bu derslerin bazıları xara, cinema 4d ve 3d studio max gibi profesyonel programlar gerektiriyor fakat bazıları ise Photoshop ve Illustrator gibi bilinen programlar ile yapılan dersler de bulunmaktadır.

renkli 3d yazı patlama efekti
Kullanılan programlar: Photoshop, Illustrator, cinema 4D

parlak 3d yazı efekti
Kullanılan programlar: Photoshop, Xara 3D6

bilim-kurgu 3d yazı efekti
Kullanılan programlar: Photoshop, Illustrator, Cinema 4D

gerçekçi 3d su yazı efekti
Kullanılan programlar: Photoshop CS5

Cilalı 3d yazı efekti
Kullanılan programlar: Photoshop

Buhar 3D yazı efekti
Kullanılan programlar: Photoshop, Illustrator, cinema 4D

Basit 3D yazı efekti
Kullanılan programlar: Photoshop

3D sarsıntı yazı efekti
Kullanılan programlar: Photoshop, cinema 4D

Tipografik 3d yazı efekti
Kullanılan programlar: Photoshop CS +, cinema 4D

Modern 3D tipografi poster
Kullanılan programlar: Photoshop, Illustrator, 3DS Max

3D ışık yazı efekti
Kullanılan programlar: Illustrator

3D Arcade yazı efekti
Kullanılan programlar: Illustrator

katmanlı 3d yazı efekti
Kullanılan programlar: Photoshop

Renkli 3D yazı oluşturma
Kullanılan programlar: Photoshop, Xara 3D6

Çarpık 3d yazı efekti
Kullanılan programlar: Photoshop CS5

kaynak

son yazılarım:

google servisleri için kullanım kılavuzları

windows 7 işletim sisteminizi hızlandırmak için ipuçları

microsoft translator: bing çeviri hizmeti

dünya kupası için iphone uygulamaları

web tasarımcılar için 12 adet taşınabilir uygulama

55 adet ipad duvar kağıdı

Yüksek kalite vektörler bulabileceğiniz 32 site

web tasarımcıları için 10 adet iPhone uygulaması

adobe air uygulamaları

Php güvenlik araçları

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

Muhteşem HTML5 Animasyon Uygulamaları

iamdezzy — Fri, 25 Jun 2010 06:41:00 GMT

Html 5, henüz tüm tarayıcılar tarafından desteklenmese ve geliştirilme aşamasında olsa da oldukça etkileyici bir dildir. Eklenen yeni elementler sayesinde klasik web yapısı değişerek tamamen interaktif hale gelmiştir. Artık html ile web sayfalarımızda videolar oynatabiliyor veya farklı animasyonlar yaratabiliyoruz. Aşağıdaki uygulamaları inceleyerek siz de benzer çalışmalarda bulunabilirsiniz. İşte Muhteşem HTML5 Animasyon Uygulamaları;
Tunnelers

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : queness

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

Kaliteli illustrator karakter dersleri

iamdezzy — Sat, 26 Jun 2010 09:40:00 GMT

Adobe illustrator ile muhteşem vektörel grafik örnekleri verebilirsiniz. Aşağıdaki vektörel karakter örnekleri ile kendinizi geliştirebilir veya muhteşem çalışmalarda bulunabilirsiniz.İşte Kaliteli illustrator karakter dersleri;

How To Create Your Own Vector Cartoon Character
(Nasıl Kendi Çizgi Karakterini Yaratırsın?)

The making of a chocolate bar character
(Çikolata Karakter Yapımı)

Create a Cute Vector Monster from a Pencil Sketch
(Kalem Eskizi ile Vektör Karakter Yapımı)

Adobe Illustrator Cartoon Snail Tutorial
(Adobe Illustrator Karikaktür Salyangoz Dersi)

How to Create a Cute Hippo Character!
(Nasıl Hipopotam Karakteri Yaratılır?)

Character Illustration
(Illustration Karakteri)

Monster Character Series Part 1
(Canavar Karakter Serisi Bölüm 1)

Monster Character Series Part 2
(Canavar Karakter Serisi Bölüm 2)

Monster Character Series Part 3
(Canavar Karakter Serisi Bölüm 3)

Monster Character Series Part 4
(Canavar Karakter Serisi Bölüm 4)

Illustrator Tutorial – Create a Gang of Vector Ninjas
(Illustrator Eğitimi - Vektör Ninja Çetesi Yapımı)

Adobe Illustrator Cartoon Bug Tutorial
(Adobe Illustrator Karikatür Böcek Eğitimi)

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : markedlines

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

2009'un En iyi jQuery Uygulamaları

iamdezzy — Tue, 15 Dec 2009 15:14:00 GMT

AnythingSlider

Web sayfanıza ekleyebileceğiniz hoş bir jQuery slide uygulaması. Resim veya metin ekleyebilirsiniz.

Easy Slider

Yanlarında bulunan iki ok ile kolay şekilde kullanımı olan bu jQuery slider genelde resimler için kullanılmakta

Coda-Slider 2.0

Coda-Slider 2,0 metin sayfaları için hazırlanmıştır. Ziyaretçileriniz için zamandan tasarruf ön planda olup tıkladığınız sayfa o zaman yüklenmeye başlar.

Galleria

Bu yılın çok popüler jQuery galerilerinden biri olduğunu söylemek mümkün. Birçok derleme ve makelede yer aldı. Altta bulunan ön izlemeli resimler sağa sola doğru hareket ederler tıkladığınız resmin arka planda yer alır.

jQuery Panel Gallery

Kolay yapılandırılabilen kompakt görüntü veren jQuery galeri uygulaması. Resim hoş bir efek ile yerini başka bir resme bırakır.

Supersized

Galeriden daha fazlasını arıyorsanız supersized size göre. Otomatik değişim ve seçtiğiniz zaman aralığına göre size slayd imkanı sunuyor.

jquery mb.menu

2 katmanlı hoş bir jQuery navigasyon menü

Horizontal Scroll Menu with jQuery

Bu menüyü ilk gördüğünüzde flash zannetmeniz mümkün. Mause ile üzerinde durduğunuzda y ekseninde (yukarı-aşağı) hareket ediyor.

Password Strength

Bu uygulama şifrenizin ne kadar sürede kırılabileceğini tahmin edip size söylüyor. Örneğin bir karekterli bir şifre 1sn.de kırılıyor gibi. Tam üyelik formları için bir sistem.

Ajax Fancy Capcha

Farklı bir catcha servisi. Herhangi bir kelime veriyor.(örneğin güneş) ve alttaki resimlerden onu bulmanızı istiyor.

Uploadify

Birçok web sitede görebileceğiniz popüler bir uygulama. Siteye "upload" hızınızı, yüzdesini vb. size anında yansıtıyor. Ayrıca isterseniz iptal etme hakkınız da bulunmakta.

Kaynak ; unwrongest

Ayrıca Bakınız ;

Bu yazı iamdezzy 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ımında sık yapılan 10 hata

iamdezzy — Tue, 15 Dec 2009 17:27:00 GMT

web tasarımıyla uğraşıyorsanız mutlaka tasarımınızı mükemmeleştirmek için çalışırsınız haklısınız da, bir sitenin tasarımı ne kadar güzel olursa sitenin başarısı da o kadar artar, siz de bu yazımı inceleyerek web tasarımında yapılan hataları ve web tasarımı yaparken dikkat edeceğiniz noktaları görebilirsiniz. yararlı olmasını umuyorum.

resmin kaynağı:http://theprodesigner.com/top-ten-mistakes-in-web-design/

1.Arama(search) kısmını iyi tasarlayamamak

Sitenizi tasarladınız arama kutusunu da eklediniz ama hazırladınığınız arama bölümü yeteri kadar kullanışlı mı? arama bölümünü kullanıcılarınızın kolaylıkla ulaşabilecekleri ve aradıklarında uygun sonuçları bulabilecekleri şekilde tasarlamanız sitenizin daha başarılı olmasını sağlayacaktır.

2.İçeriği iyi sunamamak

Sitenize yazı eklediniz fakat yeteri kadar iyi sunabiliyor musunuz? yazdıklarınızın içeriği kadar nasıl göründüğü de önemli yazınızı okuyucuyu sıkmayacak bir arka planda ve uzunlukta okunabilir yazmalısınız.

3.font boyutunu ayarlamamak

web sitenizi tasarlarken varsayılan font seçeneğini kullanmak zorunda değilsiniz, yazınızın okunabilirliği için yazınızın boyutu da önemli bu yüzden rahat okunabilecek bir font seçmelisiniz.

4.başlıkları arama motorlarına göre yazmamak

Web sitenizde bir konu hakkında yazı yazdınız, başlığını eklediniz, yayınladınız peki yazınızda kullandığınız başlık arama motorlarında aranabilecek bir şey mi? buna dikkat ederek yazarsanız arama motorlarından sitenize ulaşan ziyaretçi sayısını artırabilirsiniz.

5.Yazılar için pdf formatını kullanmak

Yazdığınız yazılarda pdf online okumayı kullanmayın sitenizi ziyaret eden kişiler pdf formatında yazı okumayı istemezler yani pdf formatı web tasarımında tercih etmemeniz gereken bir formattır.

6.tıklanan linkleri aynı renkle göstermek

Ziyaretçilerinizin tıkladıkları linkleri farklı renkte göstermeniz daha iyi olur çünkü ziyaretçileriniz tıkladıkları linki unutup aynı linki bir daha tıklayabilir ve aynı sayfayla karşılaşmaları siteniz için iyi olmayacaktır.

7.sayfanın reklam gibi görünmesi

Web sayfanızda kullandığınız resimlerle ziyaretçilerinizi yönlendirebilirsiniz fakat bunu yaparken kullandığınız resimlere dikkat etmelisiniz bu resimler reklam gibi görünmemeli kullandığınız resim ziyaretçilerin gözden kaçıraçacığı kadar da olmamalı dengeyi bulmak size kalıyor.

8.değişik bir tasarım yapmak

Değişik bir tasarım derken tabii ki özgün bir tasarımı kastetmiyoruz. tasarımınız elbette özgün olabilir fakat ziyaretçilerinizin sitenizde gezmesini, menülere ulaşımını zorlaştırmamalı.

9.Tıklanan sayfaları yeni pencerede açmak

Sitenizdeki linkleri yeni pencerede açılacak şekilde ayarlamayın çünkü ziyaretçiler birden ekrana fırlayan pencelerden hoşlanmazlar.

10.yeterli bilgi vermemek

Ziyaretçileriniz web sitenizden bilgi almak için web sitenizi ziyaret ederler. siz de web sitenizde yazdığınız bir konuda ziyaretçilerinizin merak edebilecekleri bilgileri vermelisiniz örneğin bir dizi hakkında bilgi veriyorsanız dizinin hangi gün, saat kaçta yayınlandığını da yazmanız yararlı olacaktır.

kaynak

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

20 En İyi Wordpress Eklentisi (Nisan 2009)

iamdezzy — Mon, 11 May 2009 10:02:00 GMT

Wordpress kullanıcıları için ajaxline tarafından belirlenen geçen ayın (Nisan 2009) en iyi wordpress eklentilerine aşağıdan ulaşabilirsiniz.

1 - AnyFont

Anyfont, başlık, menü öğesi ve istediğiniz herşeyi belirlediğiniz yazı tipinde kullanmanızı sağlamaktadır.

2 - a-slideshow

Bu eklenti websiteniz için dinamik, kontrol edilebilir sunular oluşturmanıza olanak sağlar.

3 - WP Tag Ads

Siteniz reklam yönetimi için yeni bir yöntem.

4 - Born On This Day

Bu eklenti ünlü kişilerin doğum tarihlerini göstermenizi sağlar.

5 - ShareButtons

Yazınızın altına facebook, digg, twitter, e-mail, reddit, StumbleUpon vb. linkler ekler.

6 - Flash MP3 Player

Bu eklenti tek bir sayfaya veya tüm blogunuza mp3 çalar ekler.

7 - Picasna

Picasna, fotoğraf görüntüleme olanağı sağlayan ücretsiz bir eklentidir.

8 - WP_FlashtTime

Wordpress sitenize flash saat eklemenizi sağlar. 25 farklı saat bulunuyor.

9 - I am reading

Kolay ayarlanabilir bir kitap göstericidir. Kitap bilgileri Amazon Web Hizmetlerinden veya Açık Kütüphanelerden alınmaktadır.

10 - Usercloud24

Son 24 saat içerisinde onaylanmış bir yorumu bulunan kişilerin isimlerini görüntülemeye yarar.

yazının devamı için buraya tıklayabilirsiniz.

kaynak: ajaxline.com
diğer yazılarım

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

35+ Faydalı Photoshop Eklentisi

iamdezzy — Thu, 09 Apr 2009 16:11:00 GMT

Photoshop eklentileri sayesinde filtre efektleri, fotoğraf düzenleme gibi işlemleri çok rahat bir şekilde yapabiliyoruz.

Photoshop eklentileri .8bf uzantısındadır. İndirmiş olduğunuz eklentiyi photoshop programınıza eklemek için Edit > Preset Manager > Load adımlarını izlemeniz yeterlidir.

Photoshop Eklentileri

Local Contrast Enhancement (Yerel Kontrast İyileştirme)

Local Contrast Enhancement

Bu eklentide ana amaç detayı ön plana çıkarmaktır. Kontrast artış miktarını kontrol edebilirsiniz.

Soft Focus

Bu eklenti genellikle portre ve moda fotoğrafçılığı için uygundur.

Lens Corrector (Lens Düzeltici)

Lens Corrector

Contrast Mask (Kontrast Maskesi)

Contrast Mask

Bu eklenti resmin genel kontrastını azaltmak için, aynı anda iki önemli gölgeyi daha ayrıntılı dışarı getirmek için kontrasy maskesi kullanır.

Yerleşim ve donukluk "Strenght" ayar düğmesi ile kontrol edilir.