bildirgec.org - kareem713 - beğendikleri

Son Derece Kullanışlı PHP Araçları

kareem713 — Wed, 01 Apr 2009 16:19:00 GMT

PHP, günümüzde en çok kullanılan sunucu taraflı betikleme dillerinden bir tanesidir. Aralarında Facebook, Digg ve WordPress gibi dünya çapında meşhur sitelerin de bulunduğu, PHP kullanan 20 milyonun üzerinde kayıtlı alan adı ile PHP, pek çok web geliştiricisinin bu dili Python ya da Ruby gibi diğer betikleme dillerine nazaran tercih etmesini sağlıyor.

PHP daha hızlıdır ve pratikte en çok kullanılan betikleme dilidir. Bu dilin derinlemesine yazılmış belgelemesi, devasa komünitesi, halihazırda kullanıma sunulmuş pek çok betiği ve iyi desteklenen çatıları (framework) bulunmaktadır ancak bunlardan en önemlisi PHP öğrenmek, örneğin Python gibi diğer dillere kıyasla çok daha kolaydır. Sırf bu sebeple bile çok sayıda PHP geliştiricisi, diğer geliştiricilerin geliştirme süreçlerini kolaylaştırmak için pek çok araç geliştirmektedir.

Bu yazıda kodlama sürecinizi hızlandıracak ve iyileştirecek 50 kullanışlı PHP aracını bulacaksınız. Diğer şeylerin yanında özellikle hata ayıklamaya, test etmeye, profillemeye ve PHP'de kod yönetimine yönelik pek çok kütüphane ve sınıfa da bu yazıda yer verildi.

Hata Ayıklama Araçları

1. Webgrind

Webgrind PHP 5 için bir Xdebug profilleme web önyüzüdür. kcachegrind'in pek çok özelliğini içerir ve tüm platformlara sadece birkaç dakika içerisinde kurulabilir. Özellikle çabuk ve fazla detaya inmeden PHP betikleriniz üzerinde iyileştirme yapmayı tercih ediyorsanız, webgrind ihtiyacınıza cevap verecek kalitede bir çözüm.

Webgrind

2. Xdebug

Xdebug PHP uzantılarında hata ayıklamaya yönelik en popüler araç olup, kaynak kodunuzdaki hataları giderebilmeniz için pek çok kullanışlı araç sunmaktadır. Xdebug PHPEclipse ve phpDesigner gibi pek çok popüler PHP uygulaması ile birlikte de çalışabilmektedir.

3. Gubed PHP Debugger

Adından da anlayacağınız üzere Gubed PHP Debugger, mantıksal hataları gidermek için kullanılabilecek bir araç.

4. DBG

Hem yerel hem de uzaktaki PHP dosyalarınız üzerinde hata ayıklaması yapmak için kullanabileceğiniz bir araç olan DBG, aynı zamanda pek çok PHP IDE'sine bağlanarak doğrudan komut satırı üzerinden de kullanılabilir.

5. PHP_Debug

PHP_Debug, PHP kodunuz hakkında hata ayıklama için kullanılabilecek kullanışlı bilgiler veren açık kaynaklı bir uygulama. PHP ve SQL kodunuzun işleme sürelerini size bildirebilir, belirli kod blokları hakkında grafiksel bilgiler sunabilir; ki bu tip grafiksel geribildirimler, size print_r() ya da var_dump()'ın sunabileceğinden çok daha anlaşılır olacaktır.

6. PHP_Dyn

PHP_Dyn açık kaynaklı olan bir diğer mükemmel PHP hata ayıklama aracıdır. Bir değerin işleme süresini ve fonksiyonlarınızın sonuç değerlerini izleyebilirsiniz.

7. MacGDBp

MacGDBp, Mac işletim sistemi için eş zamanlı bir PHP ayıklama aracıdır. Tam özellikli bir hata ayıklama aracından beklediğiniz tüm özellikleri sunan bu araç, kod bölümleriniz arasında gezinebilmenizi ve duraklama noktaları belirleyebilmenizi sağlıyor.

Test ve İyileştirme Araçları

1. PHPUnit

PHPUnit, JUnit'in PHP 5'e uyarlanmış sürümü olup web uygulamalarınızın kararlılığını ve esnekliğini ölçmenize yardımcı olur. PHPUnit kullanarak test uygulamaları yazmak kolaydır.

2. SimpleTest

SimpleTest PHP uygulamaları için geliştirilen bir birim test aracıdır. SimpleTest ile çabucak çalışmaya başlamak için bu kılavuz size yeni test oturumları oluşturmanıza yardımcı olacaktır.

SimpleTest

3. Selenium

Selenium Remote Control (RC), JavaScript'in etkin olduğu hehangi bir tarayıcı üzerinden, herhangi bir kodlama dilini kullanan HTTP web sitelerindeki web uygulamalarının kullanıcı arabirimlerini (UI) test edebilmenizi sağlıyor. PHPUnit ile birlikte kullanılarak doğrudan tarayıcı üzerinden otomatikleştirilmiş testler oluşturulması da mümkün.

4. PHP_CodeSniffer

PHP_CodeSniffer bir PHP 5 betiği olup kodunuzun öntanımlı PHP kodlama standartlarına uygunluğunu kontrol etmek için kullanılmaktadır. Özellikle büyük boyutlu projeler ve ekiplerin yönettiği uygulamalarda ortak bir kodlama stili kullanmak isteyenler için kullanışlı olabilir.

5. dBug

dBug, ColdFusion'un cfDump uygulamasının yaptığını PHP için yapıyor. Bu basit araç sayesinde diziler, sınıflar ve nesneler, veritabanı kaynakları ve XML kaynakları gibi veri tabloları oluşturabilirsiniz. Bu tip tablolar ayrıca hata ayıklama için de kimi zaman oldukça kullanışlı olabilirler.

dBug

PHP Profile Class

PHP Profile Class, Web uygulamaları için bir PHP profil çıkarma aracıdır. Bu sınıfı kullanarak uygulamanızın hangi bölümlerinin yeniden kodlanması ve/veya iyileştirilmesi gerektiğini anlayabilirsiniz.

Belgeleme Araçları

1. phpDocumentor

phpDocumentor (ayrıca phpdoc ve phpdocu olarak da bilinir) PHP kodunuz için bir belgeleme aracıdır. Aralarında HTML, PDF, CHM ve XML DocBook biçimlerinde çıktı almak gibi sayısı özelliği bulunmakta olup hem Web tabanlı hem de komut satırı arayüzüne sahiptir. Uygulamanın kaynak kodu işaretleme desteği de bulunmaktadır. phpDocumentor hakkında daha fazla bilgi almak için, uygulamanın çevrimiçi kılavuzuna bir göz atabilirsiniz.

2. PHP DOX

AJAX ile güçlendirilmiş bir PHP belge arama motoru olan bu uygulama sayesinde tüm PHP belgelerinin başlıkları üzerinde arama yapabilirsiniz.

Güvenlik Araçları

1. Securimage

Securimage, formlarınızı spam saldırılarına karşı korumak için kullanabileceğiniz karmaşık görseller ve CAPTCHA kodları oluşturabilmenizi sağlayan bir PHP CAPTCHA betiğidir.

2. Scavenger

Scavenger açık kaynaklı ve gerçek zamanlı bir kırılganlık (vulnerability) yönetim uygulamasıdır. Özellikle sistem yöneticilerine uygulamalarının saldırılara karşı ne kadar kırılgan olduğunu kontrol etmek, bulunan kırılganlıkları takip etmek ve kabul edilen ve doğru/yanlış yanıtlanan kırılganlıkları, diğer kırılganlıkları etkilemeden inceleyebilmelerini sağlar.

3. PHP-IDS

PHP-IDS (PHP İhlal Tesbit Sistemi), PHP tabanlı web uygulamalarınız için kullanımı kolay, iyi yapılanmış, hızlı ve güçlü bir güvenlik katmanıdır.

4. Pixy: PHP Güvenlik Tarayıcısı

Pixy bir Java programı olup PHP 4 kaynak kodu üzerinde XSS be SQL enjeksiyon kırılganlıklarını tesbit etmek için otomatik taramalar gerçekleştirebilir. Pixy, bir PHP programını bir girdi olarak alıyor ve onun üzerindeki olası kırılganlıkların yanısıra ilgili kırılganlık hakkında daha fazla bilgi alabileceğiniz bazı yardımcı açıklamaları da beraberinde gösteriyor.

Görsel İşleme ve Grafikler

1. PHP/SWF Charts

PHP/SWF Charts dinamik veriler üzerinden çekici web grafikleri oluşturabileceğiniz güçlü bir PHP aracıdır. Veritabanlarından veri almak için PHP betikleri kullanabilir ve ardından alınan verileri bu araca aktararak Flash grafikler oluşturabilirsiniz.

2. pChart - Çizelge Çizimi PHP Kütüphanesi

pCharts, çizelge oluşturmak için kullanabileceğiniz PHP sınıfı yönelimli bir PHP çatısıdır. Günümüzde kullanılan çizelge kütüphanelerinin bir fiyatı vardır ancak bu kütüphane ücretsiz. Veriler hem SQL isteklerinden hem de CSV dosyalarından alınabilir ya da el ile girilebilir.

pCharts

3. WideImage

WideImage dinamik görsel işleme ve işletme için kullanılabilecek bir PHP kütüphanesidir. PHP 5 için kullanılabilecek bu kütüphaneyi kullanabilmek için web sunucunuzda GD PHP Uzantısının kurulu olması gerekiyor.

4. PHP İçin MagickWand

MagickWand for PHP ImageMagick API'si ile çalışabilecek bir PHP modülüdür. ImageMagick API'si sayesinde bitmap görsellerini düzenleyebilir ve yeni görseller oluşturabilirsiniz. PHP uygulamalarınız üzerinde görsel düzenleme özellikleri sunmak için birebir.

PHP Kod Güzelleştiricileri

1. PHP Beautifier

PHP Beautifier, PHP 4 ve PHP 5 kaynak kodlarını otomatik olarak biçimlendirmeye ve "güzelleştirmeye" yaranyan bir PEAR paketi.

2. PHPCodeBeautifier

PHPCodeBeautifier, size kodunuzun güzel görünümlü sunumu için harcadığınız zamanı önemli ölçüde kısaltmaya yarayacak bir araç. Uygulamanın grafiksel kullanıcı arabirimine (GUI) sahip sürümü dosyaları görsel olarak işlemenize yardımcı olurken, uygulamanın komut satırı sürümü CVS, SubVersion ve IDE gibi diğer araçlara entegre edilebilir. Uygulamanın ayrıca PHPEdit'e entegre edilmiş bir sürümü de bulunmaktadır.

3. GeSHi - Generic Syntax Highlighter

GeSHi, popüler programlama dillerini destekleyen bir kod işaretleme aracıdır. Geliştiriciler işaretlemek için yeni diller ekleyebilirler ve çıktı biçimlerini diledikleri gibi özelleştirebilirler.

Versiyon (Sürüm) Kontrol Sistemleri

1. Phing

Phing, PHP için kullanılabilen popüler bir versiyon kontrol projesidir. Özellikle projelerinizin farklı sürümlerini yönetebilmek için kullanabileceğiniz güçlü bir araçtır.

2. xinc

xinc PHP 5 üzerinde yazılmış sürekli etkileşimli sunucu sürüm kontrol sistemidir (gecelik sürümler yerine sürekli sürümler). Subversion ve Phing gibi diğer sistemlerle sorunsuz çalışmaktadır.

Kullanışlı Uzantılar, Araçlar ve Sınıflar

1. SimplePie

SimplePie RSS beslemeleri ile çalışabilmek için kullanabileceğiniz bir PHP sınıfıdır. Çevrimiçi RSS ve Atom Okuyucusu uygulamasını kontrol ederek, SimplePie kullanan basit bir web uygulaması örneğini görebilirsiniz.

SimplePie

2. HTML Purifier

HTML Purifier, standartlarla uyumlu bir HTML filtresidir. HTML Purifier, XSS olarak da bilinen şüpheli kodları kaldırmakla kalmaz, ayrıca belgelerinizin standartlarla uyumlu olduğundan da emin olmanızı sağlar. Açık kaynaklı olan bu uygulama ayrıca yüksek seviyede özelleştirilebilir.

3. TCPDF

TCPDF açık kaynaklı bir PHP sınıfı olup PDF belgeleri oluşturmak için kullanılabilir.

4. htmlSQL

htmlSQL, HTML değerlerini SQL benzeri kod kullanarak yönetmek için kullanabileceğiniz nev-i şahsına münhasır bir araç. htmlSQL nasıl çalışır tanıtımını izlemeyi ihmal etmeyin.

5. The Greatest PHP Snippet File Ever (Using Quicktext for Notepad++)

"Tüm zamanların en iyi PHP Kod Parçası" olarak çevirebileceğimiz bu kod parçası, tüm PHP tabanlı web uygulamalarında kullanılan PHP kod parçalarını içeriyor ve bu sayede her bir PHP uygulaması için aynı kodları tekrar tekrar yazmanıza gerek kalmıyor. Kodlar, NotePad++ için QuickText kullanılarak hazırlanmış.

6. Creole

Creole, PHP 5 için bir veritabanı soyutlama katmanıdır. Uygulama, PHP'nin bütünleşik veritabanına özgü olan API'sini çıkararak, daha taşınabilir bir kod oluşturulmasına yardımcı olurken, ayrıca geliştiricilere, Java'nın JDBC API'si tabanlı ve tümüyle nesne yönelimli bir arayüz sunuyor.

7. PHPLinq

8. PHPMathPublisher

PHPMathPublisher sayesinde web üzerinde matematiksel sembolleri sadece PHP betiği kullanarak yayımlayabilirsiniz (Sunucuda herhangi bir LaTeX programı ya da MathML kullanmanız gerekmiyor).

PHPMathPublisher

9. phpMyAdmin

Eğer PHP üzerinde çalışıyorsanız, LAMP konfigürasyonu üzerinde çalışıyor olma ihtimaliniz oldukça yüksektir. phpMyAdmin MySQL veritabanlarının aktarımı, kullanılması, oluşturulması ve yönetimi için kullanabileceğiniz web tabanlı bir araç.

10. PHPExcel

PHPExcel, Microsoft Excel dosyaları ile çalışabilmenizi sağlayacak bir dizi PHP sınıfını içermektedir. PHPExcel sayesinde Microsoft Excel dosyalarını okuyabilir ve yeni Excel dosyaları oluşturabilirsiniz. Bu özellikle dinamik olarak Excel tabloları oluşturmak istediğinizde oldukça kullanışlıdır.

11. Phormer

Phormer, Internet üzerinde fotoğraflarınızı kategorilendirebileceğiniz ve yönetebileceğiniz PHP tabanlı bir fotoğraf galerisi yönetim uygulamasıdır.

12. xajax PHP Class Library

xajax, PHP AJAX uygulamaları ile kolayca çalışabilmeniz için kullanabileceğiniz bir PHP sınıfıdır. Uygulama, AJAX ile ilgili görevleri yönetebilmeniz için kullanımı kolay bir API sunmaktadır. xajax PHP sınıfını çalışır bir uygulama üzerinde görmek için xajax Multiplier ve Graffiti Wall tanıtımlarına bir göz atabilirsiniz.

13. PHP User Class

PHP User Class kayıt, giriş, hesap profili gibi kullanıcı yetkilendirmesi gerektiren sistemler oluşturmak için kullanabileceğiniz mükemmel bir betiktir. Eğer web uygulamalarınızı kullanabilmek için kullanıcıların hesap oluşturmaları gerekiyorsa kesinlikle kullanmanızı öneririm.

14. PHP-GTK

PHP-GTK, GTK+ (grafiksel kullanıcı arabirimleri oluşturmak için kullanılabilecek güçlü bir araç) için bir PHP uzantısıdır. Özellikle nesne yönelimli programlama özellikleri sayesinde istemci taraflı grafiksel kullanıcı arabirimleri oluşturmek için kullanabilirsiniz.

Çevrimiçi PHP Araçları ve Kaynakları

1. Minify!

Minify, birden fazla CSS ve JavaScript dosyasını birleştirip içeriğini sıkıştırabilen (gereksiz boşlukları ve yorumları kaldırabilen) bir uygulama olup, sonucu Gzip/deflate kullanarak işleyen bir uygulama. Bu sayede Yahoo!'nun Yüksek Performansa Sahip Web Siteleri İçin Kuralları yerine getirmeniz kolaylaşacaktır.

Minify

2. HTTP_StaticMerger: CSS ve JavaScript dosyalarının otomatik olarak birleştirilmesi

Bu kütüphane CSS ya da JavaScript dosyalarını birleştirerek sayfaların açılma sürelerini kısaltıyor.

3. PHP Nesne Oluşturucusu

PHP Object Generator, açık kaynaklı ve web tabanlı bir uygulama olup PHP nesnelerini kolayca oluşturabilmenizi ve kodunuz üzerinde nesne yönelimli yaklaşımı kullanabilmenizi sağlıyor.

PHP Object Generator

4. gotAPI/PHP

gotAPI özellikle PHP fonksiyonları ve sınıflarına kolayca ulaşabilmek için kullanabileceğiniz bir araçtır. Ayrıca Quick PHP Look-up widget'ine de bir göz atmanızı öneririm. Bu widget sayesinde bu güçlü uygulamayı web sitelerinize de entegre edebilirsiniz.

gotAPI/PHP

5. koders

koders, açık kaynaklı ve indirilebilir içerikler üzerine odaklanmış bir arama motorudur. Bir milyar satırın üzerinde kodu arşivinde barındıran bu uygulamanın arşivindeki kod sadece PHP ile sınırlı değil.

6. PECL

PECL bilinen tüm PHP uzantılarını içeren bir dizin olup, PHP uzantıları için barındırma hizmeti de veriyor.

Tarayıcı-içi Araçlar (Firefox Eklentileri)

1. FirePHP

FirePHP, Firebug üzerinde veri depolamanızı sağlayan bir araçtır. Hata ve ayrıcalık işlemelerini değiştirebilmenizi ve hata kayıtlarını doğrudan Firebug konsoluna aktarabilmenizi sağlıyor. FirePHP'nin daha neler yapabileceğini öğrenmek için, FirePHP nasıl kullanılır kılavuzuna bir göz atmayı ihmal etmeyin. Zend PHP Çatısı'nı kullanan geliştiriciler ise FirePHP'yi Zend İle Kullanmak kılavuzunu faydalı bulabilirler.

FirePHP

2. phpLangEditor

phpLangEditor, betiğinizdeki dil dosyalarını ve değişkenleri çevirmek için kullanabileceğiniz oldukça kullanışlı bir Firefox eklentisi.

phpLangEditor

3. PHP Lookup

PHP Lookup, PHP kodlarına yönelik referanslar üzerinde arama yapabileceğiniz bütünleşik bir arama çubuğu.

4. PHP Kılavuz Araması

PHP Manual Search Resmi PHP Belgeleri üzerinde doğrudan tarayıcınız üzerinden arama yapabileceğiniz bir arama çubuğu.

PHP İçin Çatılar (Frameworkler)

1. Dwoo

Dwoo Smarty'e bir alternatif olarak geliştirilen bir PHP 5 şablon motorudur. Smarty şablonları ve eklentileri ile neredeyse tümüyle uyumlu olan bu uygulama günümüzde tümüyle yeniden yazılarak daha temiz bir kod temeli üzerine oturtulmak üzere.

2. CodeIgniter

CodeIgniter, verimli ve hızlı bir şekilde yeni PHP uygulamaları yazmak için kullanabileceğiniz açık kaynaklı, yüksek performanslı ve güçlü bir PHP çatısıdır. CodeIgniter, özellikle sunucuya aşırı yük bindirmeyen uygulamaların oluşturulmasını kolaylaştırması ile bilinmektedir. CodeIgniter ile çalışmaya çok kısa bir süre içerisinde başlayabilirsiniz: Çatının mükemmel bir çevrimiçi rehberi, bir dizi video kılavuzu ve etkin bir kullanıcı forumu mevcut.

CodeIgniter

3. YII Framework

CodeIgniter, CakePHP, ZF ve Symfony'den daha verimli olmayı hedefleyen, bileşen tabanlı ve yüksek performanslı bir PHP çatısı. Özellikle büyük boyutlu web uygulamaları geliştirmek için kullanılabilecek bu çatı, MVC, DAO/ActiveRecord, I18N/L10N, caching, jQuery tabanlı AJAX desteği, yetkilendirme ve rol tabanlı erişim kontrolü, iskele, girdi doğrulama, widgetler, etkinlikler, şablonlama ve Web hizmetleri için destek içeriyor.

4. NetBeans

Web standartları ile tümüyle uyumlu çalışan bir PHP kodlama ortamı. NetBeans PHP Düzenleyicisi dinamik olarak HTML, JavaScript ve CSS düzenleme özellikleri sunuyor.

5. Solar

Solar, Savant şablonlama motorundan ayrıldıktan sonra Web uygulamaları için bir PHP 5 geliştirme çatısı olarak geliştirilmeye devam etmiştir. Solar, MVC mimari şablonunu kullanıyor ve Web uygulamalarınızı SQL injection, XSS ve diğer bilinen güvenlik açıklarına karşı koruyan bir dizi sınıf içeriyor.

Solar

6. symfony

symfony, açık kaynaklı bir PHP 5 web uygulama çatısı olup özellikle modülerliği ve kullanışlı sınıfların yer aldığı kütüphanesi ile biliniyor. Mümkün olan en kısa sürede ilgili çatıyı kullanmaya başlamak için, çatının özelliklerini anlatan Symfony 1.2 takvim kılavuzu adındaki çevrimiçi kılavuzu incelemenizi öneriyorum. Bu kılavuz, symfony tabanlı bir uygulamanın geliştirilme aşamalarını içeriyor.

7. PEAR - PHP Extension and Application Repository

PEAR, yeniden kullanılabilir PHP bileşenleri için bir çatı ve aktarım sistemidir. Bu çatının amacı PHP kullanıcıları için açık kaynaklı ve iyi geliştirilmiş bir kod kütüphanesi içermek ve kod yayımı ve paket yönetimi için bir sistem oluşturmak ve PHP kodu için standart bir tarz yaratmak.

8. Propel

Propel, PHP 5 için bir ORM (Object Relational Mapping). Bir dizi nesne kullanarak veritabanınıza erişebilir ve veri depolamak ile veri aktarımı için kullanımı kolay bir API sunar.

9. {{macro}} template engine

{{macro}}, şablonları çalıştırılabilir PHP betiklerine dönüştüren, WACT ve Smarty'den çok daha temiz bir kod sunan ve onları oldukça hızlı bir şekilde çalıştıran bir PHP çatısıdır. Motor, XML benzeri bir kod kullanmamakla birlikte evrensel ve yerel olmak üzere sadece iki veri kapsama alanı sunar. Tüm veriler kurallı PHP değişkenleri ile birlikte gösterilir ve sistem, şablonlar, kaydırma ve dahil etme gibi WACT'ın sunduğu tüm özellikleri de destekler.

9. Zend Framework

PHP'nin betikleme motorunun yaratıcıları Zend Technologies tarafından geliştirilen Zend Framework, PHP OOP'nin temellerini kullanıyor. Son derece genişletilebilir olan bu çatıda ayrıca ücretsiz Web servis APIleri (Google, Flickr ve Amazon gibi) üzerinde çalışabilmeniz için bir dizi bütünleşik aracı da içermektedir.

10. Qcodo

Qcodo, mükemmel bir açık kaynaklı PHP Web uygulama çatısıdır. Kod Oluşturucusu ve Qforms olmak üzere iki alt bölüme ayrılmıştır. Kod oluşturucusu, veri modeliniz üzerinden nesne kodu ve PHP'nin yanısıra HTML ön-yüz kodunuzun da oluşturulmasından sorumludur. Qforms ise PHP tabanlı karmaşık Web formlarının geliştirilmesinden sorumludur. Qcodo kullanan uygulama tanıtımlarını ve Qcodo'yu kapsayan sunum materyallerini inceleyin.

Qcodo

11. SAJAX

Bir JavaScript ve AJAX uygulama çatısı olan SAJAX, PHP'nin yanısıra bir dizi diğer sunucu tabanlı betikleme dili ile birlikte sorunsuz çalışmaktadır. WALL uygulama tanıtımını ziyaret ederek SAJAX'ın nasıl çalıştığını görebilirsiniz.

12. Smarty

Smarty, popüler PHP şablonlama sistemi olup PHP mantığı ile ön-yüz kodunu (HTML, CSS, JavaScript) birbirinden ayırabilmenizi sağlıyor. Bu çatı sayesinde projelerinizi modüler tutabilecek ve onları kolayca yönetebileceksiniz.

13. CakePHP

CakePHP, güçlü ve tam özellikli Web uygulamaları geliştirmek için kullanabileceğiniz lider PHP çatılarından bir tanesidir. CakePHP oldukça detaylı ve iyi organize edilmiş bir çevrimiçi rehbere sahip. Eğer video kılavuzları aracılığı ile öğrenmek istiyorsanız, o zaman CakePHP screencastlarını inceleyebilirsiniz.

CakePHP

14. Savant2

Savant2 bir diğer popüler nesne yönelimli PHP şablonlama sistemidir. Savant2'ye özgü kodun yerine projelerinizin şablonunu oluşturmak için klasik PHP kodu kullanıyorsunuz.

15. PHPSpec

PHPSpec sade ve kullanışlı bir PHP çatısıdır. Davranışa Yönelik Geliştirme kuralını takip ettiğinden ötürü davranış yönelimli kod yazmanızı sağlar ki yazdığınız kod genellikle sade İngilizce gibi görünür.

PHP IDEleri ve Düzenleyicileri (Editörleri)

1. PHPEclipse

PHPEclipse popüler bir PHP kaynak kodu düzenleyicisi olup açık kaynaklıdır ve Windows, Linux ve Mac OS gibi yaygın kullanılan işletim sistemleri üzerinde çalışır. Bir PHP kaynak kodu düzenleyicisinden beklediğiniz tüm özelliklere sahiptir.

PHPEclipse

2. PhpED

PhpED, Windows kullanıcıları için mükemmel bir IDE'dir. Günümüzde kullanımda olan en güçlü ve en çok özelliğe sahip IDE olan PhpED, bütünleşik kaynak kodu profil oluşturucusuna sahiptir. Uygulama ayrıca üçüncü parti ön-yüz kod doğrulama servisleri ile de mükemmel bir uyum içerisinde çalışmaktadır.

PhpED

3. phpDesigner

phpDesigner, ön-yüz kodunu da destekleyen hafif bir PHP düzenleyicisi/IDE'dir. phpDesigner'in çevrimiçi kılavuzlarının yanısıra, size IDE hakkında daha fazla bilgi verecek phpDesigner Screencastlarına da bir göz atın.

phpDesigner

4. Zend Studio

Zend Studio, Eclipse için mükemmel bir PHP IDE'si olup Zengin İnternet Uygulamaları (RIAlar) geliştirmenize yardımcı olacaktır.

Zend Studio

5. Aptana PHP

Aptana PHP, açık kaynaklı bir IDE uzantısı/eklentisi olup, Aptana Studio ile birlikte kullanılabilir. Aptana PHP hakkında daha fazla bilgi almak için, Aptana PHP Çevrimiçi Belgelerine bir göz atın.

6. PDT

PDT bir dizi PHP geliştirme aracı için çatı olup Eclipse projesinin bir parçasıdır. PDT, PHP tabanlı Web uygulamaları geliştirmek için kullanabileceğiniz tüm gerekli araçları içermektedir.

7. VS.Php

VS.Php, MS Visual Studio için bir PHP IDE'si olup özellikle MS VS kullanarak web uygulamaları geliştirmiş eski ASP geliştiricileri için mükemmel bir araçtır. Vs.Php üzerinde kısa sürede çalışmaya başlamak için Jcx.Software'nin çevrimiçi kılavuzlarının yanısıra çevrimiçi belgelerine bir göz atın.

8. PHPEdit

PHPEdit mükemmel bir PHP düzenleyicisi/IDE olup çok sayıda kullanışlı özelliğe ve yenilikçi bir kullanıcı arabirimine sahiptir. PHPEdit'in neden iyi bir IDE olduğunu öğrenmek için PHPEdit Kullanmanın 10 Sebebi ve PHPEdit'e Giriş Screencastı sayfalarını inceleyebilirsiniz.

Faydalanabileceğiniz Kaynaklar

1. PHP Fonksiyon Referansı

PHP Function Reference (PHPfr) bir Mac OS X Dashboard Widget'i olup PHP Web Programlama Dili hakkında aradığınız bilgilere çabucak ulaşabilmenizi sağlar.

2. 30 Kullanışlı PHP Sınıfı ve Bileşeni

PHP uygulamalarınızı test etmek, geliştirmek ve yayımlamak için kullanabileceğiniz 30 kullanışlı PHP sınıfı.

3. PHP Advent 2008

Aralık ayında phpadvent.org fikirlerini ve bilgilerini ücretsiz olarak paylaşan PHP uzmanlarını bir araya getirerek 2009 içerisinde neler göreceğimiz hakkında bir ön bilgi sahibi olmamızı sağladı.

4. PHP için tarayıcı üzerinden çalışan kullanışlı geliştirme araçları

5. PHPClasses.org

Çeşitli PHP sınıfları hakkında bilgi alabileceğiniz dev bir kaynak.

6. PHP Geliştiricilerinin Alet Çantası

Çeşitli PHP ile ilgili kaynakları bir araya toplayan bir başka kullanışlı kaynak.

PHP İle İlgili Yazdığım Diğer Yazılar

Size Sıfırdan PHP Öğretecek 25 Kaynak

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

75 (gerçekten) kullanışlı javascript tekniği

kareem713 — Sun, 08 Feb 2009 10:28:00 GMT

Geliştiriciler ve tasarımcılar gün geçtikçe modern tasarımlarında daha çok JavaScript kullanır oldular. Bazen JavaScript kullanımı kullanıcının işini zorlaştırıp tasarımın sadeliğini alırken kimi zaman da kullanıcı deneyimine çok önemli katkıları olur. Burada önemli olan a) doğru miktarda JavaScript kullanmak ve b) doğru JavaScript tekniklerini kullanmaktır. Bugüne kadar pek çok javascript tekniğini sizlerle paylaştım. Bu makale ile listeye bir yenisini ve kendimce en verimlisini eklemeyi planlıyorum.

Web'in JavaScript'e hızlı geçişi sağolsun JavaScript kütüphaneleri tasarımcıların ve geliştiricilerin işlerini kolaylaştırmak için çığ gibi büyümeye devam ediyorlar. Geliştiricilerin kullandığı JavaScript kütüphaneleri arasında jQuery, Prototype, Scriptaculous, mooTools, Dojo en çok kullanılan kütüphaneler olarak gösterilebilir. Bu çatıları kullanan komünite üyelerinin oluşturduğu sayısız eklentiler de JavaScript kütüphanelerine dahil edilebilmektedir.

Ancak bazen bazı özel ihtiyaçlara yönelik olarak geliştirilmiş JavaScript çözümlerine ihtiyacımız olabilir. İki bölüm halinde yayımlayacağım bu yazımda web sitelerini çok daha ilginç ve çekici kılan 75 gerçekten kullanışlı JavaScript Tekniğinden bahsetmek istiyorum.

Web'de Heceleme
Bu proje (X)HTML sayfaları için otomatik hecelemeye yönelik çalışan çözümleri bir araya getirmeyi hedefliyor. Hem farklı insan ve betik dilleri için, hem de sunucu ve istemci taraflı platformlar için. Hyphenator.js adı verilen bir JavaScript çözümü de mevcut. Hyphenator.js, HTML belgelerinin sunucu taraflı hecelemesini, bazı ortak heceleme kuralları ve Franklin M. Liang'ın LaTex ve OpenOffice'te de sıkça kullanılan heceleme algoritmasını tüm tarayıcılara getiriyor.

SocialHistory.js
SocialHistory.js, ziyaretçilerinizin hangi sosyal ağları kullandığını tesbit edebilmenizi sağlıyor. Kullanıcının tüm geçmişini görmenizi sağlamıyor. Kullanıcının daha önce herhangi bir adresi ziyaret edip etmediğini 20 soruluk bir yöntemle test ediyor. SocialHistory.js'nin kontrol ettiği çok geniş bir sosyal ağ listesi mevcut. Alternatif arayanlar şu çözüme de bir göz atabilirler.

Textboxlist Otomatik Tamamlama
JavaScript'in en çekici özelliklerinden birisi de oldukça kullanışlı olan otomatik tamamlama özelliğidir. Otomatik tamamlamayı Facebook'tan daha güzel kullanan hiçbir site yoktur. Facebook, otomatik tamamlama özelliğini çok etkin bir şekilde kullanarak diğer Facebook kullanıcılarının aranabilmesini sağlamış durmda. Kullanıcı bir kez bulunduğunda adı bir çerçeve içerisinde listeye ekleniyor ve kullanıcı adının yanına adı listeden çıkarmak için bir "X" bağlantısı ekleniyor. İşte TextboxList betiği de bu özelliği taklit ederek kullanıcıların hizmetine sunmuş durumda.

addSizes.js
Bu küçük JavaScript otomatik dosya boyutu oluşturma işini hallediyor. Örneğin eğer büyük boyutlu .mp3 ya da .pdf dosyalarını siteniz üzerinden sunuyorsanız bu betik ilgili dosyaları otomatik olarak kontrol ederek dosya boyutunu bağlantının hemen yanına parantez içerisinde ekliyor.

syntaxhighlighter
SyntaxHighlighter özellikle sitesi üzerinden sıklıkla kod parçacıkları yayımlayan geliştiriciler ve kodcular için hazırlanmış bir betik. %100 JavaScript tabanlı olan bu betik, sunucunuzda neyin kurulu olup olmadığına bakmıyor.

samaxesjs
samaxesJS JavaScript ile yazılmış, zengin web uygulamalarına entegre etmek için geliştirilmiş bir dizi aracı ve kontrolü içeriyor. Örneğin TOC (Table of Contents - İçindekiler) kontrolü sayfanızdaki içeriğin başlıklarından otomatik olarak bir içindekiler tablosu oluşturuyor, tüm başlıkların önüne numara ekliyor ve HTML tablosunu otomatik olarak oluşturuyor. JavaScript'in etkin olmadığı tarayıcılarda da sayfanın yapısını bozmadan özelliği etkisizleştiriyor.

Adım Adım
Bu betik ziyaretçilerinize sitenizin onlar için ne sunduğunu gösterebilmenizi ve açıklayabilmenizi sağlıyor. Daha önce ekran görüntüleri ve videolarla oluşturulmuş ve bir ürünün ya da hizmetin tanıtımını yapan ve size ilgili içeriği adım adım açıklayan bazı tanıtım uygulamaları ile karşılaşmışsınızdır. İşte bu betik tam da bu işi web siteleri için yapmayı hedefliyor.

MoreCSS
MoreCSS küçük, çapraz-tarayıcı uyumlu bir JavaScript kütüphanesi olup tıpkı CSS kullanıyormuşçasına sekmeli menüler, tablolar ve "zebra" tarzında listeler oluşturabilmenizi sağlıyor. Kütüphaneyi HTML'ye eklemek ve genel geçer tasarım elementleri için CSS kullanmanız yeterli.

Facelift Görsel Değiştiricisi
Facelift Image Replacement (ya da FLIR, fliir diye okunur) bir imaj değiştirme betiği olup bir siteniz üzerinde herhangi bir yazıtipini kullanabilmenizi sağlıyor. Normalde ziyaretçinin tarayıcısında bulunmayan bir yazıtipini sitenizde kullanmaya kalktığınızda o ziyaretçinin sisteminde öntanımlı olan yazıtipi görüntülenirken bu betik kullanıldığında ilgili yazıtipi için görseller görüntüleniyor. Tüm modern tarayıcılarda çalışan bu betik başlıklardan (h1, h2 vs) span elementlerine ve arasındaki her metin içerikli element üzerinde kusursuz çalışıyor.

CSS Sprites2
Çapraz tarayıcı uyumluluğu artık çocuk oyuncağı haline geldi, zira jQuery pek çok modern tarayıcı üzerinde çalışıyor. Burada gördüğünüz her şey IE6+, Firefox, Safari, Opera vs'de çalışıyor. Betiğe ayrıca JavaScript'in etkin olmadığı durumlarda bile sitenin görünümünü bozmayacak korumalar eklenmiş durumda.

jParallax
jParallax bir jQuery kütüphanesi olup seçili elementi bir 'pencereye' ya da bir görüntü kapısına ve bunların tüm astlarını da mutlak pozisyonlanmış katmanlara dönüştürerek görüntü kapısı üzerinden görüntülenebilir hale sokuyor. Bu katmanlar fare hareketlerine göre hareket ediyor ve boyutlarına (katman başlangıç noktaları için belirlenen seçeneklere) göre farklı miktarda ilerliyorlar ve sonuçta bir tür paralaks görüntü beliriyor. Bir kameradan baktığınızı ve size farklı uzaklıktaki objelerin siz kamerayı hareket ettirdikçe hareket ettiğini düşünün. İşte bu kütüphane bu efekte her bir katman için bir adet hareketsiz görsel kullanarak erişiyor.

ddMenu - Ortam Menü Betiği
ddMenu mooTools tabanlı basit bir betik olup kendi ortam menülerinizi oluşturabilmenizi sağlıyor. Kontrol düğmesine ve sağ fare tuşuna basarak tarayıcının öntanımlı menüsü ile betik menüsü arasında geçiş yapabilirsiniz. Shift düğmesi ile sağ fare düğmesine basarak ddMenu'yu tarayıcının öntanımlı menüsnün arkasında açabilirsiniz.

js-hotkeys
jQuery.HotKeys eklentisi sayesinde web sitenize klavye kısayolları eklemeniz mümkün hale geliyor. Kısayolu tanımlamak için tek yapmanız gereken sayfanıza bir satır kod eklemek. Alternatif arayanlar bu makaleye göz atabilirler.

BarackSlideShow
Verimli ve hafif bir slayt gösterisi betiği. mooTools 1.2 ile çalışıyor ve her tür şekil geçişlerini (üst ve sol koordinasyonlar ve yükseklik ile genişlik değerleri) destekliyor ki bunun anlamı da hem dikey, hem yatay hem de sırasız listelerle kullanılabiliyor olması.

Galleria
Galleria jQuery ile yazılmış bir JavaScript resim galerisi. Sırasız listelerden aldığı görselleri birer birer yüklüyor ve her bir görsel yüklendiğinde görselin küçük resmini görüntülüyor. Eğer isterseniz betik sizin için görsellerin küçük resimlerini de ister orantılı ister orantısız, ister ortalanmış, isterseniz de CSS ile tanımlanmış bir küçük resim kutusu içerisinde kırpılmış olarak görüntüleyebiliyor.

Geçmiş Tutucusu
unFocus History Keeper JavaScript tabanlı bir kütüphane olup tarayıcının geçmişte ziyaret edilen siteler listesini (geri düğmesi) yönetebiliyor ve Flash ile Ajax uygulamaları için derin-bağlantılamayı destekliyor. Sunucu tabanlı uygulamalar için 'Geri' düğmesini desteğini etkinleştiriyor ve sağlama tabanlı derin bağlantılamaya sahip (anchor tarzında - index.html#foo=bar) ve eylemlere göre değişkenlik gösterebiliyor. Betiğin geçerli sürümü tüm modern tarayıcılarda sorunsuz çalışıyor.

date.js
Datejs gelişmiş ve açık kaynaklı bir betik olup tarih ve zamanı ayrıştırma, biçimlendirme ve işleme için kullanılıyor.

Lightview
Lightview web sitenizde modal pencereler oluşturabileceğiniz bir başka betik. Betiğin akıllı görsel önyükleme, ayarlanabilir yuvarlatılmış köşeler ve PNGler kullanmadan içeriğin daima ekranınıza sığabilmesi için içerik yeniden boyutlandırabilme gibi özellikleri mevcut. İlgili betik sunumlar, tekil görseller, Quicktime dosyaları, formlar, iframeler, satıriçi içerikler ve Flash dosyaları için kullanılabilir.

Coda popup baloncukları
Yazılım geliştiricisi Panic'in web geliştiricileri için hazırladığı, Coda adında sevilen bir Mac uygulaması mevcut. Coda'nın inanılmaz derecede işlevsel bir tasarımı var ve sitede kullanılan güzel JavaScript efeklerinden birisi de stilize edilmiş pop-up baloncukları. Tasarımcılar için jQuery blogu jQuery ve özel geliştirilmiş bir kodu birleştirerek Coda websitesinde kullanılan bu özelliği taklit etmeyi hedeflemiş. Ortaya çıkan efekt güzel, verimli ve kullanıcı deneyimine olumlu etkileri olan oldukça kullanışlı bir eklenti.

ajax.im
meebox gibi web tabalı anında mesajlaşma istemcilerinin populerliği arttıkça web geliştiricileri de kendi JavaScript anında mesajlaşma çözümlerini sitelerine entegre etmek istemeye başladılar. Ajax IM, Ajax ile hazırlanmış anında mesajlaşma uygulamaları oluşturmak isteyenler için bir JavaScript kütüphanesi. Betiğin dosya boyutu görece büyük ancak kullanıcıları ile daha fazla ilişki kurmak isteyen web siteleri için güzel bir efekt olabilir.

LiveValidation
Bu betik özellikle web sitesinde form kullanan her web geliştiricisi için kullaşnışlı bir çözüm. Farklı veri doğrulama özelliklerini içeren yenilikçi bir kayıt formu oluşturmak bazen sorun olabilir. Ayrıca JavaScript kullanarak daha hızlı ve yenilikçi formlar oluşturmak da zordur. Ne şans ki LiveValidation bizler için bu sorunu çözüyor ve form doğrulama sorununu kökünden hallediyor. Eğer Ruby on Rails geliştiricisi iseniz, LiveValidation betiğinin iki sürümü bulunuyor. Ruby on Rails için ideal olan ve Prototype ile çalışan sürümü ya da doğrudan kendi kendine çalışabilir sürümü mevcut.

Ajax AutoSuggest
TextboxList'in otomatik tamamlama betiği gibi olan Ajax AutoSuggest betiği de güzel görünümlü ve iyileştirilmiş bir otomatik tamamlama betiğidir. Bu betiğin dosya boyuto oldukça küçük, 9k'nin altında ve tüm arama formlarına fazladan güzel bir özellik ekliyor.

FancyUpload
Gönderdiğiniz dosyalar için bir ilerleme çubuğu görüntüleyen bir gönderme betiği. Her tür gönderme formu için mükemmel bir çözüm olan bu betik, aynı anda birden fazla dosya gönderimini de destekliyor. Gönderilecek olan dosyaların boyutunu da betik üzerinden sınırlayabileceğiniz gibi, dosya türüne de sınırlama getirebiliyorsunuz. Betiği kullanabilmek için tek gereksinim, kullanıcının sisteminde Flash eklentisinin kurulu olması gerekliliği ki Web kullanıcılarının %95'inde bu betik halihazırda kurulu durumda.

Taggify
Taggify betiğinin sitelere dahil etme işlemi listelenen diğer JavaScriptlerden biraz farklı. Taggify fotoğraflar üzerine açılır pencereler dahil etmenize yarayan sunucu tabanlı bir çözüm. Betiği indirip sunucunuzda barındırmaktansa kodunuza küçük bir <include> eklemeniz, Taggify betiğinin sitenize kurulumu için yeterli. Taggify'nin kullanımı da ilginç, betik fotoğraflara notlar ve kullanıcı bilgiler ekliyor.

Bu betiği Flickr görsellerine notlar eklemenize yarayan özelliğin geliştirilmiş bir sürümü olarak düşünebilirsiniz. Taggify notu içerisine dilediğiniz HTML kodunu ekleyerek görsellere bilgi verici notlar dahil edebilirsiniz.

AmberJack
AmberJack ilginç ve zorlu JavaScript tekniklerinden birisi. Web site turları özellikle kullanıcların sitenize alışması, ürünlerinizin ve özelliklerinizin tanıtımı ve diğer pek çok özellik açısından işe yarar bir özelliktir. AmberJack'in en iyi yanlarından birisi de web site turları oluşturmak için herhangi bir şey kurmanızın ya da öğrenmenizin gerekmiyor oluşu olsa gerek. AmberJack, website ve ürün sahiplerinin JavaScript kullanarak web site turları oluşturma işlemini büyük ölçüde kolaylaştırırken, dosya boyutu da inanılmaz bir şekilde sadece 4 KB.

Sliding Tabs
Coda'dan esinlenilen bir başka betik daha. Yumuşak kaydırma efektine sahip sekme sistemi, paneller üzerinde geçişi kolay ve kullanışlı bir hale getiriyor. Sliding Tabs'ın çalışır örneğini buradan görebilirsiniz. Sliding Tabs, mooTools JavaScript kütüphanesi üzerine kurulmuş bir betik. Alternatif arayanlar ise şuna bir göz atabilir.

JavaScript Image Loader
Eğer kullanıcılarınızın web sitenize görsel gönderebilmesi ve sitenizdekileri inceleyebilmesi için daha yaratıcı bir yöntem arıyorsanız o zaman JavaScript Image Loader () ihtiyaçlarınıza cevap verecek türden bir betik. JavaScript Image Loader kullanıcılarınıza görsel gönderilmeden önce gösterebilmek ve gerektiği durumlarda ilgili görsel hakkında daha fazla bilgi verebilmeniz için ideal bir seçenek.

swfIR
swfIR, görsel işleme özelliği için JavaScript ve Flash'ın bir arada kullanıldığı ilginç bir konsept. swfIR kurulduğunda görsel çevresine <span> etiketi ile birlikte "swflr" sınıfını ekliyor. swfIR görsele neredeyse her türlü işlemi uygulayabiliyor. Betiğin özellikle kullanışlı olan bir özelliği var ki o da görseli sayfanın boyutuna göre yeniden boyutlandırabilmesi. Sayfa üzerindeki metni yeniden boyutlandırdığınızda görselin de boyutu aynı oranda değiştiriliyor. Görselin metin ile birlikte yeniden boyutlandırılması çok daha uyumlu bir his uyandırıyor.

MooFlow
Apple'nin Leopard işletim sistemi üzerindeki Cover Flow özelliğini sevenler için biçilmiş kaftan olan bu betik, aynı özelliği Apple'nin kendisinden alarak web sitelerine entegre edebilmenizi sağlıyor. MooFlow, adından da anlayabileceğiniz üzere MooTools üzerine inşa edilmiş bir betik ve güzel görünümlü görsel galerileri oluşturmak için kaydırma çubuğu ile birlikte muhteşem bir sonuç ortaya çıkarıyor.

Tıpkı Cover Flow'da olduğu gibi MooFlow'un da galeri anahattını ve özelliklerini özelleştirebilmeniz mümkün. Tam ekran moduna geçebilir, görsel yansıma ve otomatik yürütme özelliğini etkinleştirebilirsiniz. MooFlow bunun dışında pek çok özelleştirme seçeneği sunmasını yanısıra kurulumu da kolay, zira tüm görselleri dahilindeki element içerisinden otomatik olarak alabiliyor.

amCharts
Flash ve JavaScript'in bir arada kullanıldığı bir grafik üreteci olan bu betik ile neredeyse her tür grafiği oluşturmanız mümkün. Bu da yetmezmiş gibi veriyi .csv ve .xml dosyaları üzerinden de alabiliyorsunuz. amCharts ile sütun ve çubuk, pasta ve kurabiye, çizgi ve alan gibi pek çok grafik türünü oluşturabilirsiniz.

GreyBox
GreyBox'un web sitesinde, "Doğru düzgün pop-up penceresi" cümlesi ile betiğin yaptığı iş özetlenmiş ki sanırım bundan daha iyi bir tanımlama da yapılamazdı. GreyBox, açılır bir pencerenin yapabilmesi gereken her şeyi yapabiliyor. Resimler, web siteleri ve hayal edebileceğiniz diğer her şeyi gösterebiliyor.

GreyBox'u kullanmak inanılmaz derecede kolay, zira JavaScript'i ekledikten sonra yapılması gereken tek şey, pencere içerisinde görüntülemek istediğiniz içeriği <rel> etiketi arasına dahil etmek </rel>.

Maillist

Millist her ne kadar tam özellikli bir AJAX iletişim formu olmasa da bu küçük betik, pek çok web geliştiricisinin beta kayıtları ve diğer sebepler için elektronik posta adresi toplama işini kolaylıkla üstlenebiliyor. Betiğin elektronik posta yedeklerini ve formun görünümünü yönetebileceğiniz bir yönetici paneli bile bulunuyor.

SWFObject
SWFObject, küçük bir Flash oynatıcısı olup sadece kod ile çözülmesi mümkün olmayan pek çok Flash probleminin üstesinden geliyor. Oynatıcının dosya boyutu sadece 9.5 KB (ya da GZIP sürümü 3.8 KB). SWFObject, modern tarayıcılarla olan uyumu sebebiyle övünürken, hangi Flash oynatıcı sürümünün kullanılıp kullanılmayacağını tespit etmek için JavaScript'i kullanıyor. Bu sebeple süresi dolmuş Flash eklentilerinin içeriği görüntüleyememesi sorununun da önüne geçilmiş oluyor.

PlotKit
PlotKit JavaScript ile grafik çizimi için geliştirilen ve küçük boyutlu bir JavaScript çatırı olan Moochikit'e dayanan kullanışlı bir betik. Her tür grafiğin çizimi için kullanılabilir.

JavaScript tabifier
JavaScript tabifier kolayce ve hızlıca sekmeli içerik oluşturmak için kullanabileceğiniz kullanışlı bir betik. Tabifier'i kullanabilmek için tek yapmanız gereken JavaScript'i sitenize ekledikten sonra "tabber" sınıfına dahil bir <div>'i içeriği çevreleyen sekme için yerleştirmek ve ardından "tabbertab" sınıfına dahil bir <div> içerisinde de sekmenin başlığını belirtmek. Sekmeler için çerez desteği, sekmelerin dinamik olarak değiştirilmesi ve öntanımlı sekmeyi belirlemek gibi gelişmiş özellikleri de kullanmanız mümkün.

FancyZoom 1.1
Satıriçinde tam boyutlu görselleri görüntülemenize yarayan FancyZoom; yumuşak, temiz ve gerçek Mac-benzeri efekti web siteniz üzerinde kullanabilmenizi sağlıyor.

Özelliklte görsel kaliteye ve kullanım kolaylığına önem verilen betik, herhangi bir HTML kod değişikliğine gerek kalmadan görselin tam boyutlu bir şekilde görüntülenebilmesini sağlıyor. Betik ayrıca tam boyutlu görselleri arkaplanda yükleyebilirken, herhangi bir JavaScript kütüphanesine de ihtiyaç duymuyor. FancyZoom, HTML dosyalarınızda sadece iki satır kod işgal ediyor.

A Mac OS X-style Dock In JavaScript
Apple'ın Mac OS X işletim sisteminin son sürümü özellikle göz alıcı görsel kalitesi ve efektleri ile de kullanıcılarını memnun etmeyi başarmıştı. İşletim sisteminin bir güzel özelliği de balık gözü efektine sahip ve uygulama simgelerinin bulunduğu bir yüzeyin var oluşu idi. Fare imlecinizi uygulama simgesinin üzerine getirdiğinizde, ilgili simgenin civarındaki simgelerin boyutları da ana simgeye orantılı bir şekilde büyütülüyordu. JavaScript ile bu özelliği oluşturmak pek kolay bir iş değil ancak MacStyleDock betiğinin geliştiricileri bu işi web sitelerinizde kullanabilmeniz için çocuk oyuncağı haline getirmeyi başarmışlar.

fValidator
fValidator, açık kaynaklı, ücretsiz ve kullanımı kolay bir JavaScript olup özellikle form doğrulama ile ilgilenen kullanıcıların ihtiyacını tam olarak karşılamak üzere geliştirilmiş. Özellikle kullanıcılarınızın formlara veri girişi sırasında istediğiniz biçimi kullanmalarını zorlamak istemeniz durumunda kullanışlı olan bu betiğin jQuery alternatifi de mevcut.

jQuery Interactive Date Range Picker with Shortcuts
jQuery ile belirli bir tarih aralığını seçmek için kullanabileceğiniz bir betik. Gelişmiş seçenekler görüntülenmek istediğinde kullanılan yumuşak geçiş efekti göz dolduruyor.

Raphael
Raphael küçük bir JavaScript kütüphanesi olup özellikle Web üzerinde vektör grafikler kullanmak istediğinizde kullanışlı hale geliyor. Örneğin kendinize özgü grafiğinizi ya da görseli kırp-ve-döndür widget'inizi oluşturmak istediğinizde bu kütüphane ile bunu kolayca yapabilirsiniz. Raphael, grafik oluşturma işlemi için SVG ve VML kullanıyor.

NoGray Time Picker
Bu zaman seçicisi kolay kullanımlı sürükle-bırak arayüzünü kullanıyor. Zamanı seçmek için kullanıcıların tek yapması gereken saat üzerindeki akrep ve yelkovanı sürükleyip bırakmaları.

Yetii - Yet (E)Another JavaScript Tab Interface
Yetii basit olduğu kodar bol özelliği olan bir sekmeli arayüz oluşturucusu. Hafif ve nesne yönelimli bir koda sahip olan Yedii, JavaScript desteği olan tarayıcılarda da görünümü bozmuyor. Bir web sayfası üzerinde istediğiniz kadar sekmeli içerik arayüzü oluşturabilir, otomatik sekme geçişini değiştirebilir önceki ve sonraki sekmelere geçiş için düğmeler ekleyebilir, bir sekmeli içerik arayüzünü bir diğerinin içine yerleştirebilir ve belirli bir sekmeye tıklandığında yürütülmesini istediğiniz eylemi belirtebilirsiniz.

Bir sayfa üzerindeki sekmelerden herhangi birine bir başka sayfa üzerinden bağlantı verebileceğiniz gibi son tıklanan sekmenin sayfa yeniden kullanıldığında ilk açılan sekme olmasını çerez kullanarak belirleyebilirsiniz.

Calendar

Bir MooTools JavaScript sınıfı olan Calendar erişilebilir ve kolay kullanımlı tarih seçicilerini form elementlerine entegre edebilmenizi sağlıyor. Yüksek seviyede özelleştirilebilir girdi ve seçim kutucukları, birden fazla takvim desteği, çeşitli gezinme seçenekleri, çoklu dil desteği ve güzel görünümlü tarih biçimlendirmesini sunan bu kolay kullanımlı takvim, ilgili özelliği web sitelerinde kullanmak isteyen geliştiriciler için ideal.

Starbox
Starbox sayesinde her tür oylama kutucuğunu sadece bir PNG görseli kullanarak oluşturabilirsiniz. Kütüphane Prototype JavaScript çatısı üzerine inşa edilmiş. Eğer daha fazla efekt istiyorsanız Scriptaculous'u da dahil edebilirsiniz.

Magic Zoom
Magic Zoom bir JavaScript yakınlaştırma aracıdır. Görselleri detayları ile görüntüleyebilmenin en iyi yoludur. Kullanıcıların herhangi bir şeye tıklamalarına gerek yok, tek yapmaları gereken detayını görüntülemek istedikleri görselin üzerinde fare imleçlerini gezindirmek.

Magic Magnify
Magic Magnify bir Flash yakınlaştırma aracıdır. Görselin üzerine fare imlecinizi getirdiğinizde detaylarını görüntüleyebiliyorsunuz. Ücretli olan bu eklentinin fiyatı 28 Amerikan Doları.

Carousel.us
Carousel.us JavaScript ile oluşturulmuş 3B Karusel efektini ister prototype.js, ister scriptaculous isterseniz de mootools.js çatıları altında kullanabilmenizi sağlıyor. Betik ayrıca yansıma efekti için Richard Davey'in hazırladığı PHP Easy Reflections'u da kullanıyor.

Slideshow
Slideshow, Mootools 1.2 için bir JavaScript sınıfı olup görsel sunumlarınızı web siteniz üzerinde hareketlendirmeye yarıyor. Slideshow çok uzun bir geliştirilme sürecine sahip. Sonuç ise gerçekten hafif, kurulumu ve kullanımı kolay, yüksek seviyede özelleştirilebilir ve geliştirilebilir bir betik olmuyş. En iyi efektlere ulaşmak için JavaScript çatılarını kullanan bu betik ilk olarak Aeron Glemann tarafından bir yan proje olarak geliştirilirken şimdilerde MIT lisansı altında açık kaynaklı olarak dağıtılıyor.

jgrousedoc
jGrousedoc sayesinde geliştiriciler, sundukları JavaScript kodlarına javadoc benzeri yorumları dahil edebiliyorlar. Betik, sınıfların dökümantasyonuna OOP'yi kullanmak için hangi kütüphanenin ya da teknolojinin kullanıldığına bakılmaksızın izin veriyor. Çıktı ise CSS ve Velocity şablonları ya da XSLT ile özelleştirilebiliyor.

Lightbox 2
Lightbox basit ve kullanımlı kolay bir betik olup görselleri geçerli sayfanın üzerinde görüntülemeye yarıyor. Kurulumu oldukça kolay olan bu betik tüm modern tarayıcılar üzerinde çalışıyor.

Control.Window
Control.Window tümüyle programlanabilir, çok amaçlı bir pencereleme aracıdır. Yüksek seviyede özelleştirilebilir olan bu betik için pek çok kullanım alanı mevcut. Hedefleri pencere içerisinde açabilmek için bağlantılara eklenebildiği gibi pencere içerisinde dinamik içerik görüntülemek mümkün. Dizilebilir, sürüklenebilir ve yeniden boyutlandırılabilir pencereleri destekliyor. Modal pencereleri, LightBoxları ve İpuçlarını kullanabilmek için gerekli alt sınıflar da betik içerisinde yer alıyor.

SimpleModal
SimpleModal küçük boyutlu bir jQuery eklentisi olup modal diyalog pencereleri oluşturabilmek için kolay bir yöntem sunuyor. SimpleModal'ın amacı geliştiricilere çapraz tarayıcı desteği olan ve SimpleModal'e sunulan verinin içerisinde görüntülenebileciği yüzen pencereler sunabilmek.

MooTools ile Karusel Oluşturmak
Bunu muhtemelen diğer sitelerde de görmüşsünüzdür, hani şu bir dizi görseli (ya da isterseniz içeriği) satıriçinde güzel bir şekilde gösteren slayt gösterileri. Pek çok kişi bunu sitelerinde kullanabilmek için doğrudan kodu kopyalıyordur ancak bana kalırsa rehberi okuyarak bunu kendiniz oluşturduğunuzda yeni teknikler de öğrenmeniz mümkün. Bu sebeple bu makalenin yazarı MooTools ve CSS kullanılarak nasıl karusel özelliği geliştirilebileceğini anlatmaya çalışmış. MooTools üzerine en çok bağlantılanan makalelerden biri.

Kolay Açılır Kapanır Navigasyon

Sadece sıralı listeler ve mümkün olan en az sayıda sınıf ve kimlik adları kullanılarak oluşturulan açılır-kapanır dikey menü oluşturmak istiyorsanız bu yazıyı okuyun.

Image Cross Fade Transition
90'ların başında JavaScript ile sıralı görselleri birbiri ardına göstermek modaudı ve tanıdığım pek çok JavaScript geliştiricisi bu dili bu tip özellikleri geliştirerek öğrenmeye başladılar. Günümüzde ise bunu JavaScript ya da CSS ile oluşturmak çocuk oyuncağı. Zor olan ise görseller arasına geçiş efektlerini dahil etmek.

Slider Gallery
Bu 'ürün kaydırıcısı'nın bir benzeri yine Apple'nin web sitesinde kullanılıyor.

FancyZoom meets jQuery

Build An AJAX Powered Shopping Cart
Bu dersin amacı size AJAX ile nasıl bir sipariş sepeti oluşturabileceğinizi göstermek. Buna rağmen dersi tamamladığınızda ortaya çıkan sonuç kullanıma hazır olmayacak. Uygulamayı sırtlanacak arkaplan işlemleri için gerekli bilgiye sahip olduğunuz varsayılıyor. Bunun yerine rehberde sadece işin AJAX kısmına odaklanılmış.

jQuery iPod-benzeri Açılır Menü
Betiğin geliştiricileri iPodlar üzerinde görülen ve yüksek miktarda hiyerarşik olarak dizilen veriyi kontrollü bir şekilde görüntüleyebilmeye yarayan bir betik geliştirmişler. Özellikle yüksek miktarda veriyi düzenli bir şekilde görüntülemek ancak bunu için sıradan CSS menüleri ile boğuşmak istemeyen kullanıcılar için tercih edilmiş.

jQuery ile İçeriği Sürüklerken Yüklemek
Bu betik sayesinde dikey olarak yerleştirilen ve uzun miktarda içeriği sayfa sürüklendikçe yüklemek jQuery kullanılarak mümkün hale getirilmiş.

JavaScript İpuçları
Michael Leigeber tarafından hazırlanan bu rehber, nasıl hafif ve güzel görünümlü bir JavaScript ipucu çözümü oluşturabileceğinizi gösteriyor.

Newsticker
Antonio Lupetti Newsvine üzerinde kullanılan haber görüntüleme sisteminin bir benzerinin nasıl MooTools kullanılarak oluşturulabileceğini örneklendirmeye çalışmış.

jQuery Virtual Tour
jQuery kullanılarak oluşturulan bu betik sayesinde panaromik görüntüler kullanılarak nasıl sanal gezinti turları oluşturabileceğiniz anlatılıyor.

Flexigrid
Hafif ancak özellik açısından zengin olan bu uygulama ile yeniden boyutlandırılabilir veri ızgaraları ve başlıklarla eşleşebilen sürüklenebilir verileri görüntüleyebilirsiniz. Bunun yanısıra veri kaynağı olarak xml kullanmak ve verinin yüklenmesi için de AJAX'tan faydalanmak diğer kullanışlı özellikler arasında yer alıyor. Exit Grid ile aynı konsepte sahip olan bu uygulama'nın farkı tümüyle jQuery kullanıyor olması. Bu sayede verinin yüklenmesi hızlandırılmış ve dosya boyutu da azaltılmış.

tableFilter
Bu betik sayesinde tablolardaki içerikleri interaktif bir şekilde dizmeniz mümkün hale getirilmiş.

Row Locking with Checkboxes

jQuery File Tree
jQuery File Tree özelleştirilebilir ve AJAX ile desteklenmiş, jQuery için geliştirilmiş bir dosya gezgini eklentisi. Sadece bir satır JavaScript kodu ile kendinize özgü ve tümüyle etkileşimli bir dosya ağacı oluşturabilirsiniz. Simgeleri dosya uzantılarına göre otomatik olarak görüntüleyebilme özelliğine sahip olan bu betik, içeriğini sayfanın yeniden yüklenmesine gerek kalmadan oluşturabimek için AJAX kullanıyor. Açılır kapanır dosya ağaçları ve tekil ve çoklu klasör görünümleri için ayarları da bulunuyor.

Proto.Menu

Pricing Matrix

Toggling Announcement Slider

Rehberler

Kaynak: Smashing Magazine

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

Tarayıcınıza Hız Testi Yapın

kareem713 — Fri, 20 Mar 2009 14:48:00 GMT

Tarayıcı Savaşlarının kızıştığı ve her şirket kendi tarayıcısının en iyi olduğu iddiasında bulunduğu şu günlerde tarayıcınızın java ve flash yeteneğini test etmek ister misiniz?

Cevabınız evet ise Google tarafından hazırlanan ve Google Chrome’nin ne kadar hızlı olduğunu göstermek için hazırladığı bir site var.
Bu site Chrome Experiments.Chrome Experiments çoğunluğu java olmak üzere java ve flash ile oluşturulmuş uygulamaları bulunduran bir site. Bu uygulamaların ortak özelliği sistemi aşırı bir şekilde zorlamayan birer canavar olmaları.

Google bu sitede yer alan uygulamaların hepsini Google Chrome’nin çok rahat bir şekilde çalıştırdığı iddiasında bulunuyor. Bu iddia üzerine Chrome Experiments’e girip Google Chrome’yi test ettim. Sonuç Google’ı iddiasını doğruladı.

Firefox, opera ve safari ile yaptığım testlerde ise Google Chrome’ya en fazla yaklaşan safari 4 beta bunun sebebi ikisinin de webkit yapısı ile kodlanmış olması. Firefox ve operada bu iki tarayıcı kadar bir hız göremedim ama yine de uygulamalar çalışıyordu. Son testi de Microsoft’un yeni çıkardığı internet explorer 8'de denedim ve sonuç hüsran. Birçok uygulama açılmadı bile.

Ben kendi testimi kendim yapmak istiyorum diyorsanız buyrun:Chrome Experiments

Aldığınız sonuçları bekliyorum. Özelikle Linux ve Mac Os sonuçlarını.

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

Tutvid: İzleyerek Öğrenin

kareem713 — Mon, 08 Sep 2008 12:05:00 GMT

tutvid.com photoshop, flash, illustrator, dreamweaver, fireworks, golive ve bridge programına ait ücretsiz video dersler bulabileceğiniz bir site. Ayrıca, aynı derslerin daha kaliteli videolarını satın alabilirsiniz. Sitede toplamda 100'ün üzerinde ders mevcut.

Bu yazı kareem713 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 Grafik Tasarım Kaynakları

kareem713 — Tue, 31 Mar 2009 11:25:00 GMT

Web üzerinde stok fotoğraflar, dokular ve motifler, fırçalar, simgeler ve yazıtipleri gibi tasarımcıların dahili oldukları komüniteler ile paylaştıkları kullanışlı ve yaratıcı çeşitli grafik tasarım kaynaklarına ulaşmak mümkündür.

Bu makalede grafik tasarım kaynaklarına yönelik en iyi içeriklerin bir derlemesini bulacaksınız.

Stok Fotoğraflar

1. Flickr: Creative Commons

Flickr: Creative Commons

Çevrimiçi fotoğraf paylaşımının yanısıra tasarımcılar ve fotoğrafçılar ile takılmak için kullanabileceğiniz en ünlü sitelerden biri Flickr'dır. Yahoo! tarafından işletilen Flickr sitesi bünyesinde yer alan Flickr: Creative Commons adlı sayfa, Creative Commons lisansı'na sahip içeriğe doğrudan ulaşabilmenizi sağlar.

2. morguefile

morguefile

morguefile pek çok sanatçının katılımıyla oluşturulmuş kullanıcılar tarafından hazırlanan stok fotoğraflarını içeriyor. Site bünyesinde yer alan gelişmiş organizasyon şeması ve küçük resim önizlemesi, hızlı aramalar yapmanıza yardımcı oluyor. Ayrıca çeşitli kılavuzlara ve sitenin üyesi diğer sanatçılara ulaşmak için de sitenin forumlarına bir göz atmayı ihmal etmeyin.

3. stock.xchng

stock.xchng

stock.xchng (ayrıca SXC olarak da bilinir), 380.000'in üzerinde stock fotoğrafı ile çok popüler bir fotoğraf paylaşma ve stock fotografi sitesidir. Eğer bu da size yetmiyorsa, o zaman sitenin kılavuzlar bölümü üzerinden fotografi ve grafik tasarım başlıklarına da bir göz atabilirsiniz.

4. stockvault.net

stockvault.net

stockvault.net fotoğrafçılara ve tasarımcılara yönelik olarak hazırlanmış bir diğer fotoğraf paylaşım sitesi. Site bünyesinde bulunan yaklaşık 14.000 kayıtlı kullanıcı ve 3.000 fotoğrafçının katkıları sayesinde aradığınız yüksek kaliteli stok fotoğrafları bulacağınızdan emin olabilirsiniz.

5. everystockphoto

everystockphoto

everystockphoto ücretsiz fotoğraflara ulaşabileceğiniz bir arama motorudur. Sitenin yaptığı açıklamaya göre sitenin veritabanında yaklaşık 5 milyon fotoğraf yer alıyor. Ücretsiz kullanıcı hesabı açarak bu faydalı siteden daha fazla verim alabilir ve daha sonra kullanmak üzere kolleksiyonları kaydedebilmek gibi özelliklerden faydalanabilirsiniz.

Dokular ve Motifler

1. CG Textures

CG Textures

CG Textures, 3B sanatçısı Marcel Vijfwinkel tarafından oluşturulmuş mükemmel bir doku sitesi. CG dokuları, Grunge (pis) ya da Nature (doğa) gibi kategorilere ayrılmış ve bu sayede aradığınız kategoriyi bulmanız kolaylaştırılmış. Eğer özel birisini ya da bir şeyi arıyorsanız o zaman daha kesin arama sonuçları için Gelişmiş Arama'yı deneyebilirsiniz.

2. Squidfingers / Motifler

Squidfingers / Motifler

Squidfingers / Patterns sitesi üzerinde bulunan bir dizi kullanışlı ve dallı budaklı motifi tekrarlayan CSS arkaplanları ya da yazdırma işleri üzerinde kullanabilirsiniz. Squidfingers / Patterns, grafik tasarımcısı ve deneyimli programcı Travis Beckham tarafından hazırlanmış.

3. TextureKing

TextureKing

TextureKing hızla gelişen, yüksek kaliteli doku kaynağı olup, REH3design tarafından geliştirilmektedir. Site bünyesinde şimdilik 300 stok dokusu yer alıyor ve bunların çoğu genellikle 1.600 x 1.200 piksel boyutlarında. TextureKing sitesi yönetimi, kullanıcıların kendi dokularını da gönderebileceği bir sistem üzerinde çalışıyor.

4. Image * After

Image * After

Image * After ücretsiz fotoğrafların ve dokuların yer aldığı büyük bir kolleksiyona sahip. Site görselleri ve dokuları hem bireysel hem de kurumsal kullanıcıların hizmetine sunuyor.

5. Lost and Taken

Lost and Taken

Lost and Taken sitesi, Fotoğrafçı ve Yazar Caleb Kimbrough tarafından hazırlanan ve oluşturulan, telif hakkı içermeyen stok dokuların yer aldığı blog tarzında bir kaynak. Lost and Taken sitesi ayrıca ziyaretçilerin isteklerini ve önerilerini de kabul ediyor, önerinizi buradan gönderebilirsiniz.

Fırçalar ve Vektörler

1. BrushKing

BrushKing

BrushKing geniş çapta Adobe Photoshop fırçalarının tamamını ücretsiz olarak indirmeye açmış. Site bünyesinde şimdilik 4.000 fırça ve 200 fırça seti yer alıyor.

2. PS Brushes.net

PS Brushes.net

PS Brushes.net güzel ve yüksek kalitede fırçaları, Motifler kategorisi ve Çizimler kategorisi gibi çeşitli kategoriler altında organize olmuş bir şekilde ziyaretçileri ile paylaşıyor. Eğer tüm fırçaların yer aldığı kategoriye ulaşmak istiyorsanız, o zaman Tüm Fırçalar kategorisini ziyaret edebilirsiniz.

3. Vecteezy ve Brusheezy

Vecteezy

Vecteezy, dünyanın en iyi grafik tasarımcıları tarafından hazırlanmış ücretsiz vektör grafiklerini depoluyor. Vecteezy ayrıca kullanıcıların vektör gönderebilmelerini sağlıyor. Vecteezy ayrıca Brusheezy adındaki kardeş sitesi üzerinden de ücretsiz Adobe Photoshop fırçalarını paylaşıyor.

4. QVectors ve QBrushes

QVectors

QVectors web üzerindeki ücretsiz ve yüksek kaliteli vektör görsellerini paylaşıyor. Sitenin kardeş sitesi QBrushes ise aynı işi Adobe Photoshop fırçaları için yapıyor.

5. FreeVectors.net

FreeVectors.net

FreeVectors.net, yetenekli grafik sanatçıları tarafından geliştirilmiş ücretsiz vektör grafikleri paylaşıyor. Site bünyesinde yayımlanan vektörler hem bireysel hem de kurumsal projeler üzerinde kullanılabilir.

Simgeler / İkonlar

1. IconFinder

IconFinder

IconFinder, özellikle simgeler için oluşturulmuş ve Glassbox tarafından işletilen bir arama motoru. Site bünyesinde yer alan etiket bulutu sayfası ise en popüler anahtar kelime etiketlerini görebilmenizi sağlıyor.

2. Free Icons Web

Free Icons Web

Free Icons Web, grafik ve web tasarımcılarının kullanabileceği 15.000'in üzerinde yüksek kaliteli ve ücretsiz simgeyi arşivliyor. Eğer özellikle GIF biçiminde simgeler arıyorsanız, o zaman sitenin GIF Simgeleri bölümünü ziyaret edebilirsiniz.

3. Icon Archive

Icon Archive

Icon Archive, 22.000 yüksek kaliteli masaüstü ve web ikonunu barındırıyor. Sitede 200'e yakın simge tasarımcısının oluşturduğu 800'ün üzerinde simge seti yer alıyor. Sitedeki kategoriler arasında Kurumsal Simgeler, Bilgisayar Simgeeleri ve Antika Simgeleri var.

4. IconBuffet

IconBuffet

IconBuffet, web tasarımcıları için ikon çalışmalarını satan bir web sitesi olup bünyesinde IconBuffet Free Delivery Section adında, ücretsiz simgelerin paylaşıldığı bir bölüm de mevcut.

Fontlar / Yazıtipleri

1. dafont.com

dafont.com

dafont.com, ücretsiz, shareware ve demo fontların yer aldığı ve dünyanın popüler font tasarımcıları tarafından hazırlanan fontları içeriyor. Mükemmel kategorilendirmesi ve arama özellikleri ile dafont.com, özellikle ücretsiz font arayanların uğraması gereken bir kaynak. Sitenin En İyi 100 bölümünü ziyaret ederek sitedeki en popüler yazıtiplerine ulaşabilirsiniz.

2. UrbanFonts.com

UrbanFonts.com

UrbanFonts.com, yüksek kaliteli ve ücretsiz fontların yer aldığı bir diğer web sitesi. Site bünyesinde 8.000'in üzerinde ücretsiz yazıtipi yer alıyor. Sitedeki en popüler yazotiplerine En Çok İndirilen 100 Yazıtipi sayfası üzerinden ulaşabilirsiniz.

3. Better Fonts

Better Fonts

Better Fonts aralarında Retro fontlar, Graffiti yazıtipleri ve El yazısı yazıtipleri gibi kategorilerin alfabetik olarak yer aldığı pek çok ücretsiz yazıtipini bünyesinde barındırıyor. Sitenin canlı önizleme özelliği sayesinde ise bir yazıtipini indirmeden önce yazıtipinin tarayıcınızda nasıl göründüğünü görebiliyorsunuz.

Genel Kaynaklar - Kullanıcıların gönderdiği, Arama ve Bloglar

1. deviantART

deviantART

deviantART özellikle grafik sanatçılarının uğrak noktası olan oldukça popüler bir web sitesi. Site bünyesinde bulacağınız indirilebilir kaynaklar tamamen sitenin üyeleri tarafından oluşturulmuş durumda ve kategoriler arasında vektörler, fırçalar, dokular ve çok daha fazlası yer alıyor.

2. Wikimedia Commons

Wikimedia Commons

Wikimedia Commons, içeriği tamamen kullanıcılar tarafından oluşturulan ve ücretsiz lisansa sahip medya içeriklerinin toplandığı bir arşiv. Wikipedia sitesindeki makaleler üzerinde de kullanılan bu arşiv, bünyesinde şimdilik 3.7 milyon gibi inanılmaz miktarda medya dosyası bulunduruyor. İçerik, konu (Sanat, İnsanlar vb.) ve tür (Fotoğraflar, Semboller, Çizimler vb.) kategorileri altında yer alıyor.

3. Creative Commons Search

Creative Commons Search

Creative Commons organizasyonu tarafından oluşturulan Creative Commons Search isimli arama motoru, CC lisansına sahip içerik üzerinde arama yapıyor. Site, Flickr ve Google gibi çeşitli siteler üzerinde arama yapabilmenizi sağlıyor.

4. BittBox

BittBox

Tasarımcı Jay Hilgert, kendisine ait olan tasarım blogu BittBox üzerinde bazı ücretsiz içeriklere de yer veriyor. Yazarın "Ücretsiz Salı Dokusu" adını verdiği yazı dizisi üzerinde her Salı günü yeni bir dokuyu okurları ile paylaşıyor.

5. Blog.SpoonGraphics

Blog.SpoonGraphics

Grafik ve web tasarımcısı Chris Spooner, tasarım alanında bilgi verici blog yazılarını paylaştığı bir bloga sahip. Blog üzerinde popüler El Çizimi Doodle Simge Seti ve Dalgalı Vektör Kurdele gibi içeriklere ulaşabilirsiniz.

6. PSDTUTS

PSDTUTS

Photoshop kılavuzları ve Photoshop hakkında faydalı bilgiler veren PSDTUTS sitesi bünyesinde, çeşitli tasarımcılar tarafından gönderilmiş ve içeriği günden güne artan ücretsiz içerik bölümü yer alıyor. Bu bölüm altında yüksek çözünürlüklü doku paketleri ve Photoshop fırçalarına ulaşmanız mümkün.

7. Smashing Magazine

Smashing Magazine

Smashing Magazine tasarımcılara ve geliştiricilere yönelik içerik sunan ve web'in alanındaki en popüler sitelerinden birisi. Site bünyesinde yer alan ücretsiz içerikler bölümü, sadece Smashing Magazine'ye özel olarak hazırlanmış pek çok kullanışlı içeriğe sahip. İlgili bölüm altında simge setleri, Photoshop fırçaları, düğmeler ve vektörler gibi pek çok kategoride ücretsiz kaynaklara ulaşabilirsiniz.

8. GoMediaZine

GoMediaZine

GoMediaZine, tasarımcıların buluştuğu bir komünite olup özellikle ücretsiz vektörler ve Photoshop fırçalarına ulaşabileceğiniz ücretsiz içerik bölümüne de sahip.

9. Six Revisions ve Six Revisions Flickr Setleri

Six Revisions

Bu yazının kaynağı olan Six Revisions web sitesi de tasarımcılara ve web geliştiricilerine yönelik web'in gözde kaynaklarını düzenli olarak yayımlayan bir web sitesi. Site bünyesinde yer alan ücretsiz içerikler ve ayrıca fotoğraf paylaşım sitesi Flickr üzerindeki Six Revisions Setleri görülmeye değer.

Sizin Ücretsiz İçerik Kaynaklarınız Neler?

Eğer sizin tasarım için sıklıkla ziyaret ettiğiniz ve ücretsiz içerik sunan siteler yukarıda listelenmemişse ya da eğer yukarıdaki içeriğe yönelik bir görüşünüz var ise, yorumlarınızla paylaşmayı ihmal etmeyin.

Tasarım Kaynakları İle İlgili Yazdığım Diğer Yazılar

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

Websitenizi Hızlandıracak ve Kodunuzu İyileştirecek 15 İpucu

kareem713 — Wed, 08 Apr 2009 07:06:00 GMT

Bir süre kodlama yaptıktan sonra artık kendinizi tekrar etmeye başlar, aslında ne kadar zeki olduğunuzu unutursunuz. Kaç yüz tane klavye kısayolunu hafızamızda tutuyoruz? Kaç tane kodlama dili öğrendik? Kaç tane çatı? Kaç tane hile? Web geliştirme/tasarım dünyasının zor bir endüstri olduğunu söylemek, işin kolayına kaçmak olur. Ayrıca bugün bildiğimiz şeylerin pek çoğu, birkaç yıl sonra artık kullanılmayan teknolojiler listesindeki yerini alacaktır.

Bugünkü yazımızda özellikle giriş seviyesindeki geliştiricilerin geliştirmek için harcadığı süreyi kısaltacak ve daha verimli şekilde kodlama yapabilmelerini sağlayacak bir dizi ipucunu bulacaksınız. İpuçlarının arasında zaman kazandıran ipuçlarının yanısıra bazı özel programlama dillerine özgü ipuçları sayesinde web uygulamalarınızın verimliliğini de arttırabileceksiniz.

Görsellerinizi Daha Fazla Sıkıştrın

Photoshop üzerinde "Save for Web" (Web İçin Kaydet) aracını kulandığınız zaman, görsellerinizi sıkıştırarak dosya boyutunu indirgeyebilirsiniz. Ancak ilgili dosyaların kalitesinden ödün vermeden daha da fazla sıkıştırabileceğinizi biliyor muydunuz? Smush.It adındaki bu site sizler için bu işlemi hallediyor.

Peki Bu Nasıl Mümkün Olabiliyor?

Smush.It ekibi bunun için bir dizi araç kullanıyor:

Görselin biçimini algılamak ve onu GIF ya da PNG'ye dönüştürmek için ImageMagick,
PNGlerin gerekli olmayan bölümlerni kaldırmak için pngcrush. Site ayrıca daha da iyi png optimizasyonu için pngout, optipng, pngrewrite gibi diğer araçları da inceliyor,
JPEGlerdeki tüm meta verilerini kaldırmak ve progresif JPEGler oluşturmak için jpegtran (şimdilik etkin değil),
GIF animasyonlarını, farklı çerçevelerdeki tekrar eden pikselleri kaldırmak için gifsicle.

Bu yüzden yeni bir sitenin duyurusunu yapmadan önce, sitenizin URL'sini Smush.It'e girerek tüm görsellerinizin otomatik olarak optimize edilmesini sağlayablirsiniz. Eğer site, görsellerinizi optimize ederek kalitesinden ödün vermeden dosya boyutunu önemli ölçüde düşürebilirse (ki büyük ihtimalle sonuç bu olacaktır), o zaman sitenizde kullandığınız görselleri Smush.It'in verdikleri ile değiştirebili ve gerekirse HTML ve CSS dosyalarınızı da güncelleyebilirsiniz. Hazır görsel dosya biçimlerinden bahsediyorken, dosyalarınızı PNG biçiminde kaydetmek her zaman en doğrusu olacaktır. Artık demode olan animasyonlu GIF görselleri kullanmadığınız sürece PNG biçimini kullanmayı alışkanlık haline getirin.

Akıllı Olun. Kod Parçacıkları Kullanın.

Pek çok IDE, "code snippet" (kod parçacığı) panelini destekler ve bu paneller aracılığı ile özellikle sık sık kullandığınız kod parçacıklarını kategoriler altında depolayabilirsiniz. Sırf müşterinize tasarımın nasıl olacağını göstermek için her seferinde lipsum.com web sitesini ziyaret ederken mi buluyorsunuz? Bunun yerine neden birkaç paragraflık lorem ipsum metnini kod parçacığı olarak kaydetmeyesiniz ki? Örneğin Dreamweaver uygulamasında "Shift F9" klavye tuş kombinasyonunu kullanarak kod parçacığı sekmesini açabilirsiniz. Ardından sizin için uygulan olan kod parçacığını yine sizin için uygun olan yere sürükleyip bırakabilirsiniz. Bu özellik kod yazarken bana çok fazla zaman kazandırıyor.

Console.log() Hata Ayıklamasını Kullanın

jQuery kütüphanesini indirdiniz ve sözdizimini anlamak için çabalıyorsunuz. Bu sırada bir yerde takıldığınız ve $bilmemne değişkenin neye eşit olduğunu bilmiyorsunuz. Sorun değil, tek yapmanız gereken console.log($degiskenadi); kodunu eklemeniz.

Ardından Firefox'u çalıştırın (Firebug eklentisinin kurulu olduğundan emin olun) ve F12'ye basın. Doğru değişken değeri ile karşılaşacaksınız.

Şimdi ise bunu sonsuzlukla çarpın ve zamanın derinliklerine götürün. Bunun sonucunda bile Firebug ve console.log()'un ne kadar kullanışlı olduğunu fark edemeyeceksiniz :)

Web Geliştirici Araç Çubuğunu İndirin

Chris Pederick tarafından geliştirilen bu inanılmaz derecede yardımcı Firefox eklentisi size sayısız seçenek kuluyor. Bu eklenti sayesinde sitenizdeki CSS dosyalarını eşzamanlı olarak düzenleyebilmeniz mümkün. Eklentinin desteklediği diğer özellikler ise:

JavaScript'i kolayca etkisizleştirmek,
CSS'yi kolayca etkisizleştirmek,
Hızlı HTML / CSS doğrulama bağlantıları,
Cetveller,
Çerezleri etkisizleştirme,
Ve daha sayısız kullanışlı özellik.

Web Developer Toolbar eklentisi, her web geliştiricisinin Firebug ile birlikte kullanması gereken bir eklenti.

Betik Etiketlerini Alta Yerleştirmeyi Deneyin

Günümüzde kullandığımız pek çok tarayıcı, aynı sunucu adı üzerinden eş zamanlı olarak en fazla iki adet dosyayı indirebilir. Ancak bir betik indirirken diğer dosyaların indirilebilmesi için önce betiğin tamamen indirilmiş olması gerekir.

Bu yüzden mümkün olduğu kadar betiklerinizi çağıran bu kodları belgenizin sonuna eklerseniz, görseller ve css gibi diğer bileşenlerin önce indirilip sitenizin görüntülenebilmesini, ardından da son olarak bu betiklerin indirilebilmesini sağlayabilirsiniz.

Unutmayın, bu yöntem kullandığınız betiğin işlevine göre kullanılabilir ya da kullanılamayabilir. Bu sebeple betik kodlarınızı belgenizin alt kısmına taşıdıktan sonra sitenizi test etmeyi unutmayın.

Yayım Yaparken, CSS ve JavaScript Dosyalarınızı Sıkıştırın

Eğer performans, web siteniz için önemli ise, o zaman sitenizi yayımlamadan hemen önce CSS ve JavaScript kodlarınızı sıkıştırmanızı öneririm. Bunu geliştirme işinizin en başından itibaren yapmaya kalkışmayın zira bunun size yarardan çok zararı dokunur. Ancak kodlamayı bitirdikten sonra kodunuzu sıkıştırabilirsiniz.

JavaScript Sıkıştırma Servisleri

CSS Sıkıştırma Servisleri

JavaScript kodlarını paketlemek için kullanabileceğiniz diğer iki servis ise YUI Compressor ve JSMin.

Bnun yanısıra HTML kodlarınızı da sıkıştırmayı deneyebilirsiniz, ancak bunu önermem. HTML dosyalarınızı sıkıştırarak kazanacağınız dosya boyutu gerçekten çok az.

jQuery Kolay ve Hızlı İpuçları

Kısa bir süre önce tvdesign.co.uk'den Jon Hobbs-Smith, 25 jQuery ipucunu listelediği mükemmel bir makale yazmıştı. Bu sayfayı yer imlerinize eklemeyi ihmal etmeyin. İşte bu yazıdan benim en beğendiğim birkaç ipucu.

jQuery'de Bir Elementin Olup Olmadığını Kontrol Etmek

if ($('#myDiv).length) {
// bu kod sadece #myDiv ID'sinin bulunduğu zaman çalışacaktır.
}

Kontekst Kullanın

Pek çok insan, DOM elementlerine erişirken, jQuery'nin ikinci bir parametreyi kabul ettiğinin farkında değildir. Aşağıdaki koda bir bakın.

var myElement = $('#someElement');

Bu kod, jQuery'nin tüm DOM'u geçmesini gerektirir. Bunun yerine ikinci bir parametre ekleyerek hızı oldukça arttırabiliriz.

var myElement = $('#someElement', $('.someContainer'));

Yukarıdaki kodda jQuery'e, .someContainer elementi içerisinde arama yapmasını ve onun dışındakileri dikkate almamasını söylüyoruz.

Sınıflar Yerine IDler Kullanın

jQuery ile IDlere erişirken, kütüphane bilinen getElementById yöntemini kullanır. Ancak sınıflara erişirken jQuery, DOM'u geçebilmek için kendine özgü yöntemleri kullanmayı dener, zira getElementByClass diye bir yöntem yoktur. Sonuç olarak, ID yerine sınıf kullanmanız durumunda işlem biraz daha uzayacaktır.

25 İpucunun Tamamını İnceleyin

$_POST Yerine Mümkünse $_GET Kullanın

Eğer AJAX istekleri yaparken $_GET ve $_POST arasında bir seçim yapma şansınız varsa, $_GET kullanın.

Yahoo! Mail ekibi, XMLHttpRequest kullanırken, POST'un tarayıcılar üzerinde iki işleme neden olduğunu görmüştür. POST, ilk olarak başlıkları, ardından da verinin kendisini göndermektedir. Bunun yerine GET kullanmanız durumunda, eğer çok fazla çereziniz yoksa, sadece bir TCP paketi gönderilmektedir.

Unutmayın - $_GET verisini her zaman kullanamazsınız. ilk olarak ne yaptığınızdan emin olun ve querystring ile veritabanı erişimini hiçbir zaman karıştırmamanız gerektiğini unutmayın. Kısa bir süre önce Twitter arkadaşlarımdan bir tanesi, bana URL'sinde bir MySQL sözdizimi olan bir web sitesi gönderdi. Bunu asla yapmayın!

Pratik Olduğunda Kütüphaneleri ve Çatıları Kullanın

İster PHP kullanın ister ASP.NET, mooTools ya da jQuery, ya da tüm bunların bir birleşimi, uygun olduğu zamanlarda çatıları kullanmayı deneyin.

Örneğin:

Eğer basit bir statik web sitesi kullanıyorsam sadece fare imlecini bir elementin üzerine getirdiğimde bir efektin belirmesini istiyorsam, bunun için jQuery kütüphanesini kullanmam doğru olmaz.
Eğer statik web sitemin en karmaşık özelliği bir XML dosyası üzerinden veri almak ise bunun için bir çatı kullanmama gerek yok. Bu gibi durumlarda sitem hem daha yavaş çalışacak, hem de daha fazla bant genişliği kullanacağı için bana daha pahalıya malolacak.

Ancak eğer tam bir içerik yönetim sistemi ve karmaşık veri erişim yöntemlerini gerektiren bir web sitesi geliştiriyorsam, o zaman beğendiğim çatılara bir göz atmayı ihmal etmem.

Unutmayın - çatıların sizin için çalışmasını sağlayın, tam tersini değil. Bu kararları verirken zeki olun.

YSlow

YSlow, web sitenizi inceleyip onun mümkün olan en verimli şekilde çalışıp çalışmadığını kontrol eden ve size öneriler sunabilen mükemmel bir servis. Yahoo! geliştirme ekibi, kısa bir süre önce, web uygulamaları geliştirirken takip etmeniz gereken öğelerin yer aldığı bir kılavuz yayımlamıştı.

Ayrıca dilerseniz Yslow Screencastı'na bir göz atarak bu zaman kazandırıcı ipuçlarının neler olduğunu görebilirsiniz. Vaktiniz olduğunda kesinlikle izlemenizi öneririm.

Klavye Kısayolları. Öğrenin!

Pek çok deneyimli tasarımcılar ve geliştiriciler burada bana katılacaktır, eğer sitemde ya da tasarımımda ne zaman bir değişiklik yapmak istesem elimi fareye uzatıp araç çubuğuna gitmiş olsaydım, çok zaman kaybetmiş olurdum. Klavye kısayollarını o kadar uzun zamandan beri kullanıyorum ki artık bu kısayolların işlevlerin hangi araç çubuğu ya da hangi menü altında olduğunu unuttum diyebilirim. Tek bildiğim, "Shift X"in doğru paneli açtığıdır.

İşe yeni başladığınızda bu kısayolları öğrenmek size zaman kaybı gibi görünebilir. Ancak sizi temin ederim ki yanılıyorsunuz. Size Google üzerinde "X keyboard shortcuts" (X klavye araması) (burada X kullandığınız yazılımın adını temsil ediyor, örneğin Photoshop için "Photoshop Keyboard Shortcuts") araması yapmanız. Ardınan bulduğuğnuz tablonun yazıcıdan çıktısını alın ve bilgisayarınızın yanına koyun. Ondan sonraki birkaç haftalık süre içerisinde fareye mümkün olduğu kadar az dokunarak bu kısayollar üzerinde pratik yapmayı deneyin. Klaye kısayollarını bilmek, uzman kullanıcılar ile giriş seviyesindeki kullanıcıları birbirinden ayıran belki de en önemli etkenlerden biridir.

Yeni Web Sitesi Şablonu Oluşturun

İtiraf edin, her web sitesi gelişmiş ve karmaşık uygulamalar gerektirmez. Bazen, hatta belki de kimileri için çoğu zaman, sadece bugüne kadar yaptığımız işlerin yer aldığı bir web sitesini göstermek isteyebiliriz. O zaman bu gibi durumlarda kullanabilmek için her yeni bir web sitesi oluşturacağımızda kullanacağımız bir web sitesi "şablonu" oluşturmayalım?

"Template" klasörümün içerisine "JS" ve "CSS" klasörlerini yerleştirdim.

"JS" klasörüm, DD_belatedPNG.js dosyasını içeriyor (bu dosya, IE6'de PNGlere 24 bit saydamlık desteği getiriyor).
"CSS" klasörümde ise içi boş "default.css" dosyamın yanısıra benim hazırladığım sıfırlama dosyası yer alıyor.

Bunun yanısıra index.html(php) dosyamın içerisinde de projelerimin pek çoğunda kullanacağım birkaç kod parçası yer alıyor. Bu kod öyle aman aman özel bir kod değil ancak bunu önceden hazırlamak size zaman kazandıracaktır.

Kullandığım index.html dosyasının bir örneği

Yukarıdaki kodda da göreceğinz üzere önce CSS ve JavaScript dosyalarıma bağlantı verdim ve ardından Google jQuery dosyasına da bağlantıyı ekledim. son olarak document.ready() jQuery fonksiyonunu oluşturdum ve standart "container" divimi açtım.

Bu kod her ne kadar basit görünse de inanın size zaman kazandıracaktır. Bu sayede ne zaman yeni bir web sitesi oluşturmanız gerekirse, o zaman tek yapmanız gereken "template" klasörünün içerisindeki bu dosyaları kopyalamaktır.

Satıriçi ve Harici Karşı Karşıya

Genelde tüm CSS ve JavaScript dosyalarınız sayfadan çıkarılmalı ve kendi harici dosyalarında korunmalıdırlar.

Bunu neden yapmalıyız?

Daha temiz kod,
Sunumun ve içeriğin birbirinden ayrılması önemlidir,
Harici dosyalar kullanarak onları istemcinin sisteminde depolamış oluyoruz. Bu, HTML dosya boyutunu düşürmenin yanısıra harica HTTP isteğine de yol açmıyor, zira ziyaretçi ya da istemci ilgili dosyayı ilk kez istediğinde depoluyor ve sonraki seferlerde aynı dosyayı indirmiyor.

Eğer sadece birkaç satırlık stiliniz var ise o zaman onun için harici dosya oluşturmayabilirsiniz. Bu gibi durumlarda, ama sadece bu gibi durumlarda, ilgili kodu HTML içerisine gömebilirsiniz.

PHP Betiğinin JavaScript İle Çağırılıp Çağırılmadığını Kontrol Edin

AJAX aldı başını gidiyor, özellikle en sonunda, JavaScript kütüphaneleri sağolsun, kullanıcı dostu hale geliyor. Bazı durumlarda betiğin JavaScript ile mi çağırılıp çağırılmadığını belirlemeniz gerekebilir. Bu görevi yerine getirmek için kullanabileceğiniz birkaç yöntem bulunmaktador.

Bunlardan birisi POST'u gönderirken JavaScript'iniz ile özgün bir anahtar değerini JavaScript'inize iliştirmektir. Ardından PHP kullanarak bu anahtarın varolup olmadığını kontrol edebilirsiniz. Eğer var ise, o zaman JavaScript etkin olduğunu anlarız.

Daha iyi bir yöntem olarak PHP'nin HTTP_X_REQUESTED_WITH özelliğini kullanmaktır. Şöyle ki...

if isset($_SERVER['HTTP_X_REQUESTED_WITH']) {
// kodunuzu buraya yazın ve JavaScript'in etkin olduğundan emin olun
} else {
// JavaScript'in etkin olmadığı kullanıcılar için birleyler yapın.
}

Google CDN'ye Bağlantı Verin

Kısa bir süre önce Google jQuery gibi popüler betikleri kendi sunucularında depolamaya başladı. Eğer bu tip kütüphanelerden birisini kullanıyorsanız, o zaman ilgili betiği kendi sunucunuzda depolamaktansa bu betikleri Google CDN üzerinden çağırmanız şiddetle önerilir.

AJAX Kütüphaneleri API'si

Peki Ama Neden?

Caching (Depolama): Bu tip betikleri Google CDN üzerinden çağıran web sitelerinin sayısı gün geçtikçe artmaktadır. Bu sebeple eğer siz de ilgili dosyayı Google sunucusu üzerinden çağırırsanız, ziyaretçiniz muhtemelen o dosyayı sizin siteniz üzerinden indirmeyecektir, zira bir başka site üzerinden aynı dosyayı daha önce indirmiş olabilir. İlgili dosyayı daha önce indirmiş bir ziyaretçi sizin sitenizi ziyaret ettiğinde istemci, Google sunucularından 304 (değiştirilmemiş) mesajı alacak, bu sebeple de o dosyayı doğrudan istemcinin yerel bilgisayarı üzerinden kullanacaktır. Bunun sonucunda da sizin web uygulamanız kullanıcıya daha çabuk açılacaktır.
Eş Zamanlılığı Arttırın: Daha önceki bir ipucunda bundan bahsettim. Bu fazladan dosya isteğini kaldırarak istemcinin daha fazla içeriği eş zamanlı olarak indirebilmesini sağlamış olursunuz.

Firefox Eklentilerini Kullanın

Ben Google Chrome'nin büyük bir fanatiğiyim. Çok hızlı açılıyor ve JavaScript'i diğer tüm tarayıcılardan daha hızlı çalıştırıyor (Firefox'un henüz yayımlanmamış 3.1/3.5 sürümü sanırım Chrome'nin hızını yakalayacak).

Buna rağmen bu, Firefox'u kısa bir süre içerisinde bırakacağım anlamına gelmiyor. Bu tarayıcın için sunulan bazı kullanışlı eklentiler gerçekten büyüleyici. İşte benim beğendiklerim:

Yardımcı Olduğunda IDE Kullanın

Tıpkı günümüzde Microsoft'tan nefret etmek ne kadar moda ise, geliştirme yaparken IDE kullananlara saldırmak ta o kadar moda. Bu gerçekten çok saçma.

Pek çok durumda, gelişmiş bir IDE kullanımı çok önemlidir, özellikle nesne yönelimli programlama (OOP) dilleri üzerinde çalışırken. Şimdi, eğer sadece sade bir HTML şablonu oluşturuyorsanız, o zaman Notepad++ ya da Coda/ sizin için mükemmel bir araç olacaktır. Aslında, bu araçların kullanımını bu gibi durumlarda öneririm. İhtiyacınız olmadığında bu tip programları kullanarak işinizi daha da zorlaştırmayın. Ancak, gelişmiş uygulamalar geliştirirken, IDE'nin avantajlarından da faydalanın.

Hepsi Bu Kadar!

Sanırım şimdilik bu kadar yeterli. Umarım bunlardan bazıları (belki de hepsi) sizi daha iyi birer tasarımcı ya da geliştirici kılmaya yardımcı olacaktır. Sizin beğendiğiniz kısayollar hangileri? Yorumlarınızla paylaşın.

İpuçları Hakkında Yazdığım Diğer Yazılar

Bu yazı kareem713 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ı İçin 30 Açık Kaynaklı Uygulama

kareem713 — Tue, 31 Mar 2009 15:55:00 GMT

Bir web tasarımcısı olarak size yardımcı olabilecek pek çok açık kaynaklı yazılım bulunmaktadır. açık kaynaklı projeler sırf ücretsiz oldukları için mükemmel olmakla kalmaz, ayrıca onlara katkıda bulunan azimli geliştiriciler de ilgili yazılımları mükemmel kılarlar. Günümüzün zor ekonomik koşullarında harcamalarınızı mümkün olduğu kadar kısabilmek her zaman kullanışlıdır ve bu sebeple açık kaynaklı alternatifler de her zaman göz atılmaya değerdir.

Bu yazıda web tasarımcıları için 30 adet son derece kullanışlı uygulamayı bulacaksınız. Listede kaynak kodu düzenleyicilerinden WYSIWYG düzenleyicilerine, grafik tasarım yazılımlarından görev yönetim yazılımlarına kadar pek çok faydalı yazılımı bulacaksınız.

Kaynak Kodu ve WYSIWYG Düzenleyicileri

1. KompoZer

KompoZer

KompoZer tam özellikli bir web yayımlama uygulaması olup bütünleşik FTP istemcisi, sekmeli kullanıcı tasarımı ve tüm önemli işletim sistemleri için destek barındırmaktadır.

2. Bluefish Editor

Bluefish

Bluefish Editor, web tasarımcıları ve programcıları için geliştirilen hafif ve hızlı bir düzenleyicidir. Uygulamanın HTML belgeleri için sunduğu sihirbazlar, mükemmel proje yönetim özellikleri ve kaynak kodlarını yenileri ile değiştirmek için güçlü ara ve değiştir seçeneği gerçekten kullanışlı.

3. Quanta Plus

Quanta Plus

Quanta Plus güçlü bir web geliştirme IDE'si olup yüksek miktarda genişletilebilir ve özel betikleri de çalıştırabilir. Uygulamanın sunduğu muhteşem görsel CSS düzenleyicisi kodlar için otomatik tamamlama ve kod ipuçları görüntüleme yeteneklerine sahip.

4. Amaya

Amaya

Amaya, World Wide Web Konsorsiyumu (W3C) tarafından geliştirilen bir web düzenleyicisi ve web tarayıcısıdır. Amaya ilk olarak bir HTML / CSS düzenleyicisi olarak geliştirilmişti ancak zaman geçtikçe desteklediği diller arasına SVG ve MathML gibi pek çok XML tabanlı sistemleri de dahil etti.

5. CSSED

CSSED

CSSED tam özellikli GTK-2 tabanlı CSS düzenleyicisi olup yüksek miktarda genişletilebilirlik için eklenti sistemi bulunmaktadır. İlgilenen okurlarımız CSSED Eklentilerine bir göz atabilir.

6. OPEN BEXI HTML Builder

OPEN BEXI HTML Builder

Open BEXI HTML Builder tarayıcı tabanlı ve açık kaynaklı bir uygulama olup HTML web sayfaları oluşturmak için kullanılabilir. Uygulamanın arayüzüne entegre edilmiş CSS renk seçicisi ve basit bir proje yönetim seçeneği de mevcut.

7. NOTEPAD++

NOTEPAD++

NOTEPAD++ Windows için geliştirilen oldukça popüler bir metin düzenleyici yazılımıdır. Sırf web geliştiricileri için geliştiriliyor olmasa da HTML, XML, CSS ve JavaScript için sunduğu derinlemesine destek sebebiyle pek çok web geliştiricisi tarafından kullanılmaktadır.

8. jEdit

jEdit

jEdit özellikle programcılar için geliştirilen bir metin düzenleyicisidir. Mac, Windows ve Linux üzerinde çalışabilen uygulamanın HTML, XML, CSS, JavaScript ve diğer pek çok dile özgü kod renklendirme desteği bulunmaktadır.

9. SeaMonkey

Mozilla Vakfı tarafından geliştirilen SeaMonkey, SeaMonkey Composer adında tarayıcıya bütünleşik sade ancak bir o kadar da güçlü bir HTML düzenleyicisini de bünyesinde barındıran hepsi bir arada web tarayıcısıdır.

Grafik / Görsel Düzenleyicileri

1. GIMP

GIMP

GIMP, günümüzün en tanınan açık kaynak projelerinden birisidir. Uygulamanın sunduğu özellikler ile ücretli rakiplerine bile taş çıkartabilecek kalitede bir yazılım olan GIMP'in arabirimine alışmak için zaman kaybetmek istemiyorsanız ve Photoshop'un arabirimine aşina iseniz, o zaman Gimpshop adındaki ve Photoshop'un arayüzünü GIMP'e uyarlayan GIMP eklentisini deneyebilirsiniz.

2. Inkscape

Inkscape

Inkscape, rakipleri Adobe Illustrator ve CorelDRAW gibi vektör grafiklerini düzenlemeye yönelik geliştirilen açık kaynaklı bir yazılım.

3. Krita

Krita

Krita, KOffice için geliştirilen bir boyama ve görsel düzenleme yazılım uygulamasıdır.

4. Karbon14

KOffice

Karbon14 genişletilebilir vektör tabanlı çizim uygulaması olup KOffice projesinin bir parçasıdır.

5. Kivio

Kivio

Bir web tasarımcısı olarak genellikle iş planınızı ve tasarımınızın prototipini oluşturmanız ve gezinti şemaları için çizelgeler hazırlamanız gerekebilir. Kivio işte tam da bu alanda imdadınıza yetişiyor ve prototiplerinizi, çizelgelerinizi ve diyagramlarınızı oluşturmak için size yardımcı olacak bir dizi faydalı aracı sunuyor. Bu yazılım da KOffice yazılım paketinin bir parçası.

6. Dia

Dia

Dia diyagram oluşturmak için kullanabileceğiniz bir diğer kullanışlı uygulama.

7. Skencil

Skencil

Skencil özellikle illüstrasyonlar ve diyagramlar için kullanılabilecek bir vektörel çizim uygulaması. Uygulama üzerinde hazırladığınız kompozisyonlarınızı pek çok vektör düzenleme uygulamasının tanıdığı EPS biçiminde kaydederek farklı uygulamalar üzerinde de çalışabilirsiniz.

8. OpenOffice Draw

OpenOffice Draw

OpenOffice Draw OpenOffice yazılım paketinin bir parçası olup basit ancak bir o kadar da güçlü çizim ve diyagram yazılımıdır.

9. mtPaint

mtPaint

mtPaint, Mark Tyler (mt) tarafından geliştirilen sade ve basit bir boyama ve düzenleme uygulaması.

10. FontForge

FontForge

Eğer daha önce tasarımlarınız için kullandığınız fontları düzenleme ihtiyacı hissettiyseniz, o zaman FontForge uygulaması, sunduğu farklı araçlarla bu ihtiyacınıza yanıt verecektir.

11. ImageMagick

ImageMagick güçlü bir görsel düzenleme yazılımı olup, çalışmalarınızı bitmap tabanlı biçimlerde kaydedebilmenizi sağlıyor. Uygulama, GIF, JPG, SVG ve PDF gibi popüler web biçimlerinin de yer aldığı yüzün üzerinde dosya biçimini destekliyor.

12. GraphicsMagick

GraphicsMagick, uygulamanın ana geliştiricileri tarafından görsel işleme için İsviçre çakısı olarak isimlendiriliyor. Uygulamanın desteklediği görsel biçimlerinin listesine bir göz atabilirsiniz.

Yardımcı Araçlar

1. HTML TIDY

HTML TIDY ücretssiz ve açık kaynaklı bir uygulama olup HTML kodlarını iyileştirmeye ve düzeltmeye yarıyor.

2. Cyberduck

Cyberduck

Cyberduck, Mac OS X kullanıcılarının gönlünde taht kurmuş açık kaynaklı ve ücretsiz bir FTP istemcisi. Yazılımın sunduğu bütünleşik Mosso Cloud dosyaları için destek ve yine bütünleşik Amazon S3 desteği, uygulamayı, web tasarımcıları ve web uygulama geliştiricileri için bir numara yapıyor. Eğer Mac OS X için FTP Yazılımı arıyorsanız, Cyberduck yazılımını mutlaka denemelisiniz.

3. FileZilla

FileZilla

FileZilla en popüler açık kaynaklı FTP istemcisi olarak bilinir. Linux, Mac ve Windows işletim sistemleri için sürümleri bulunan FileZilla uygulamasının bir dizi protokol için desteği bulunuyor.

4. WinSCP

WinSCP

WinSCP, sadece Windows üzerinde çalışabilen bir (S)FTP istemcisidir. Uygulamanın sade arayüze sahip dosya yöneticisi, dosyalarınız üzerinde gezinebilmenizi ve onları düzenleyebilmenizi sağlıyor.

5. CamStudio

CamStudio

Bir gün müşteriniz ya da proje yöneticiniz sizden bir web sitesi turu ya da elektronik kurs gibi bir bilgisayar simülasyonu hazırlamanızı isteyebiir. Eğer herhangi bir ekran görüntüsü yakalama uygulamasına ihtiyacınız olursa, tam özellikli ve açık kaynaklı CamStudio başkasını aramanıza gerek yok.

6. Greenshot

Greenshot

Web tasarımcıları genellikle belgeleme ya da tarayıcı içerisinde tasarım sunumları için ekran görüntüsü yakalama yazılımlarına ihtiyaç duyarlar. Greenshot ücretsiz ve açık kaynaklı bir ekran görüntüsü yakalama yazılımı olup özellikleri ile göz dolduruyor.

7. ZScreen

ZScreen

ZScreen, tam ekran, görünen alan ya da monitörünüzün sadece belirli bir bölümünün ekran görüntüsünü alabilmenize yarayan son derece kullanışlı ve açık kaynaklı bir ekran görüntüsü yakalama yazılımıdır. Alınan ekran görüntülerinin otomatik olarak FTP sunucularına aktarılmasını ya da ImageShack servisine aktarılmasını sağlayabilirsiniz. Özellikle sık sık ekran görüntüleri paylaşan kullanıcılar için bu iki özellik çok faydalı olacaktır.

8. Xournal

Xournal

Xournal, Tablet bilgisayarınızı bir girdi aygıtı olarak kullanabilmenizi sağlayan sade ancak güçlü bir not alımı ve taslak uygulamasıdır. Uygulama, Windows Journal ile benzer şekilde çalışıyor.

9. Firebug

Firebug

Firebug son derece kullanışlı, değişken ve her web geliştiricisinin bilgisayarında kurulu olması gerektiğine inandığım bir hata ayıklama aracı. Özellikle HTML ve CSS koduna yeni iseniz ve geliştirdiğiniz web sitelerindeki hataları ayıklamak istiyorsanız doğrudan tarayıcı üzerinden bu değişiklikleri gerçekleştirebilirsiniz.

10. Gallery

Gallery

Gallery uygulaması sayesinde görsel kaynaklarınız üzerinde derinlemesine kontrol sahibi olabilirsiniz. Web tabanlı görsel (imaj) galerisi olan bu uygulama sayesinde görsellerinizi depolayabilir, organize edebilir ve ziyaretçileriniz ile paylaşabilirsiniz.

Beğendiğiniz Uygulamalar Üzerindeki Deneyiminizi Paylaşın

Eğer sizin en beğendiğiniz açık kaynaklı uygulama yukarıda listelenmemişse ya da yukarıda listelenen uygulamalar ile ilgili paylaşmak istediğinz bir şey varsa, yorumlarınızda belirtmeyi ihmal etmeyin.

Tasarım Araçları Hakkında Yazdığım Diğer Yazılar

Açık Kaynaklı Yazılımlar Hakkında Yazdığım Diğer Yazılar

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

Size Sıfırdan AJAX Öğretecek 20 Mükemmel Kaynak

kareem713 — Mon, 16 Feb 2009 07:45:00 GMT

Ajax (Asenkronize JavaScript ve XML) yüksek seviyede interaktif ve karşılık veren tarayıcı tabanlı uygulamalar geliştirebilmenize olanak sağlayan bir teknolojidir. XMLHttpRequest nesnesine yüklenerek suncu ile sorunsuz bir bağlantı sağlanabilir ve bu sayede yumuşak ve dinamik bir kullanıcı deneyimine kavuşulur.

Eğer daha önce AJAX öğrenmek istediyseniz, AJAX'ı ve onu çevreleyen teknolojileri "yalayıp yutmanızı" sağayacak pek çok kaynak bulunmaktadır. Yazımızın devamında AJAX konusunu kapsayan en iyi 20 web sitesini incelemeye çalıştık.

1. Ajax resource center (developerWorks)

IBM'in geliştiricilere ve BT profesyonellerine yönelik olarak hazırladığı bir kaynak merkezi olan developerWorks üzerinde bu konuya adanmış bir AJAX kaynak merkezi bulunmaktadır. İlgili sayfada AJAX'a yönelik pek çok rehber yer alıyor. developerWorks'ün rehberleri derinlemesine ve oldukça uzundur ve bunlar üzerinden jQuery ve AJAX ile RIA uygulamaları oluşturmak, AJAX güvenlik araçlarını öğrenmek ve AJAX tabanlı sohbet sistemi geliştirmek gibi farklı alanlarda pek çok çeşitli bilgiye ulaşabilirsiniz.

2. Mozilla Developer Center (AJAX)

Mozilla Developer Center üzerinde bulunan AJAX bölümü özellikle giriş seviyesindeki geliştiriciler içn mükemmel bir başlangıç noktası olarak gösterilebilir. MDN üzerindeki başlangıç rehberi özellikle AJAX'ın temel konseptlerini öğrenmek için mükemmel bir başlangıç noktasıdır. İlginizi çekebilecek bir diğer yazı ise XMLHttpRequest üzerinde yer alan yazıdır. Bu yöntem tipik AJAX örneklerinde sunucu tabanlı betiklerle iletişime dair kullanılması gereken ana elementtir.

3. AJAX Today

Üyelerinin AJAX hakkında web site bağlantılarını paylaşarak oluşturdukları bir içeriğe sahip olan AJAX Today web sitesi gönderilen bağlantıları AJAX Dersleri ve AJAX Podcastları gibi kullanışlı kategoriler altına yerleştiriyor. Dilediğiniz kategorilerin RSS beslemelerine abone olarak üyeler tarafından yeni bir bağlantı gönderildiğinde siteyi ziytaret etmenize gerek kalmadan doğrudan RSS beslemesi üzerinden takip edebilirsiniz.

4. ajax.solutoire.com

ajax.solutoire.com, Yazılım Mühendisi Bas Wenneker tarafından oluşturulan ve çevrimiçi AJAX kaynaklarını tek bir sayfa üzerinde listeleyen bir dizin sitesidir. ajax.solutoire.com üzerindeki kategoriler, AJAX Haberleri ve AJAX/JavaScript Güvenliği gibi çeşitli kategorilere ayrılmıştır. Bas Wenneker ayrıca JavaScript ve mooTools gibi web geliştirme konularında bildirimler yayımladığı Solutoire.com blogunu da yönetmektedir.

5. SitePoint: JavaScript & AJAX Tutorials

Web profesyonellerine kullanışlı ve işe yarar bilgileri sunan bir web yayımı olan SitePoint üzerinde bulunan JavaScript & AJAX Rehberleri bölümü özellikle halihazırda çalışan örnekler üzerinden AJAX öğrenmek isteyen geliştiriciler için mükemmel bir kaynaktır. "Elektronik Posta Listenizi Geliştirmek İçin AJAX ve PHP Kullanın" ve "AJAX İle Kontrolü Ele Geçirn" gibi rehberleri takip edebilir ve AJAX bilginizi ilerletebilirsiniz.

6. Encosia

Encosia, özellikle ASP.Net ve AJAX konuları başta olmak üzere web geliştirme konusunda bildiriler yayımlayan Dace Ward'a ait bir blog. Site bünyesinde veri güncellemelerini gerçek zamanlı olarak görüntülemek ve interaktif veri araması için jQuery nasıl kullanılır gibi konuları irdeleyen pek çok rehberi içeren Encosia özellikle ASP.Net üzerinde çalışan web geliştiricileri için mükemmel bir kaynaktır zira site üzerinde "Sık yapılan bu 3 ASP.Net AJAX hatasını yapıyor musunuz?" gibi makaleler de okuyabilirsiniz.

7. AJAX Technology Center

Adobe Developer Connection'un bir parçası olan AJAX Technology Center web tasarımcılarına ve geliştiricilerine yönelik bir kaynak. AJAX Technology Center AJAX geliştiricileri için Adobe Air ve Dreamweaver projelerine AJAX bileşenleri eklemek gibi konularda makaleler ve rehberler içermektedir.

8. AJAX Blog

AJAX Blog, AJAX hakkında bir blogdur. AJAX Blog üzerinde aradığınız bilgiye ulaşmanıza yardımcı olacak pek çok kategori bulunmaktadır. Eğer AJAX rehberleri ve örnekleri arıyorsanız, hiç beklemeden AJAX Rehberleri ve AJAX Örnekleri kategorilerini ziyaret edebilirsiniz.

9. AJAX Matters

AJAX teknolojisi hakkında bildiriler sunan bir blog olan AJAX Matters 2004 yılında yayım hayatına başlamış olup bu konuya adanmış ilk bloglardan biridir. Site bünyesinde AJAX ve PHP'ye başlangıç ya da Google Web Toolkit'i öğrenebileceğiniz pek çok yardımcı rehber bulunmaktadır.

10. Ajaxonomy

Amacı AJAX hakkındaki bilgileri paylaşmak olan bir grup web geliştiricisinin hazırladığı bir blog olan Ajaxonomy özellikle AJAX Rehberleri hakkında bilgi sahibi olmak isteyenlerin işine yarayacak pek çok makaleyi içeriyor. Bunun yanısıra PHP'de sunucu tabanlı caching gibi diğer AJAX teknolojilerine ait bilgiler ve web üzerindeki diğer AJAX rehberlerinin incelemeleri de yer alıyor.

11. Ajaxian

AJAX üzerindeki yeniliklere yönelik lider bir blog olan Ajaxian, AJAX ile ilgili ipuçlarını ve dersleri barındıran Rehber başlığı gibi düzenli olarak güncellenen AJAX konularını ele alıyor. Web geliştirme alanında ün yapmış web profesyonellerini içeren bir ekibe sahip olan Ajaxian, özellikle AJAX'a yönelik kaynaklar ve haberler için ilk uğranılması gereken sitelerden.

12. Ajaxlines

Ajaxlines, ziyaretçilerine AJAX haberlerini, kaynaklarını ve derslerini sunmayı hedefliyor. Pek çok farklı kaynaktan derlediği haberleri ve bilgileri bir araya getiren site sayesinde kullanıcılar tüm bu makalelere tek bir site üzerinden ulaşabiliyor.

13. AJAX Magazine

PHP Magazine Network'un bir ağı olan AJAX Magazine AJAX konusunda bir web dergisi. Site bünyesinde işe yarar AJAX derslerine yönelik AJAX dersleri ve AJAX ve .NET kategorisi gibi daha özel alanlara yönelik ilginizi çekebilecek bilgileri içeren pek çok farklı kategoriye ulaşabilmenizi sağlıyor.

14. InsideRIA

InsideRIA, kısa adı RIA olan Rich Internet Applications (Zengin İnternet Uygulamaları) hakkında bir komünite websitesi. Site bünyesinde ilk YUI uygulamanızı yazmak (YUI, Yahoo!'nun JavaScript kütüphanesidir) ve yüksek trafiğe sahip web siteleri için AJAX çatıları gibi makalelerle yüksek seviyede interaktif web uygulamaları yazabilmenize yardımcı olan kaynaklar yer alıyor. AJAX etiketine sahip makaleleri ziyaret ederek sadece AJAX hakkındaki içeriğe ulaşabilirsiniz.

15. AJAX Impact

AJAX Impact, AJAX hakkında bilgileri ziyaretçileri ile paylaşmaya kendini adamış bir web sitesi. AJAX'a yönelik derslerin bir listesine ulaşmak için AJAX Dersleri bölümünü ziyaret edin. Eğer örnek web sitelerini merak ediyorsanız AJAX Kullanan Siteler bölümünü ziyaret etmeyi unutmayın.

16. AJAXwith.com

AJAXwith.com, "AJAX with (ile) [buraya istediğinizi girin]" (örneğin "AJAX ile PHP") hakkında kaynakları paylaşabileceğiniz komünite tarafından geliştirilen bir web sitesidir. 4.000 üyeye yakın AJAX forumu özel bir konuda yardıma ihtiyacınız olduğunda kullanışlı olabilir.

17. David Walsh Blog

Web geliştiricisi David Walsh, kendi kişisel blogu David Walsh Blog üzerinden her seviyedeki web tasarımcısı ve geliştiricisi ile işe yarar ipuçlarını paylaşıyor. Web geliştirimine yönelik pek çok konuda yazı yazan yazarın AJAX başlığı, AJAX hakkındaki makalelere çabucak ulaşabilmenizi sağlıyor. Kendisine ait olan AJAX dersleri arasında "mooTools 1.2 kullanarak AJAX kullanıcı adı uygunluğu kontrolü" ve "mooTools 1.2 kullanarak periyodik AJAX istekleri" yer alıyor.

18. AJAX Projeleri

AJAX Projects, AJAX web projelerine yönelik dizin tarzında bir liste sitesi. Site bünyesinde yer alan AJAX Dersleri bölümünde yer alan "jQuery kullanarak PHP AJAX giriş formu", "Google Analytics: AJAX ve Flash'ı İzlemek" ve "JavaScript Kodunuzu Nasıl Tasarlamalısınız?" gibi çeşitli kaynaklardan alınmış AJAX ile ilgili pek çok rehber ile mükemmel bir kaynak.

19. Agile AJAX

Pathfinder Development (bir yazılım geliştirme ve UX tasarım şirketi) üzerinde bir bölüm olan Agile AJAX, AJAX hakkında bilgileri paylaşıyor. Agile AJAX üzerinde göreceğiniz yazılardan bazıları "Uygulama Güvenliği: Kuruluş Çizelgesini Atın" ve "Scriptaculous: Seçimden Sonra Hover'ı Düzeltmek" yer alıyor.

20. AJAX Patterns

AJAX hakkında bilgileri içeren Wiki tarzında ve bir komünite tarafından geliştirilen bir site olan AJAX Patterns sitesi üzerinde yer alan örnekler kısmı özellikle sık kullanılan AJAX tasarım örneklerini görmek istiyorsanız ziyaret edilmesi gereken bir bölüm.

Kaynak: Six Revisions

İlgilenebileceğiniz Diğer Yazılarım

Bu yazı kareem713 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 Flash Dersleri (Video) Sunan 19 Site

kareem713 — Tue, 14 Apr 2009 06:49:00 GMT

Free Flash Video Tutorials

Flash öğrenmenizi ve kendinizi geliştirmenizi kolaylaştıracak, video ile flash ders anlatımlarının yapıldığı 19 site aşağıda listelenmiştir.

1) Video-Tutes
Web sayfası, banner, video animasyonları ve resim galerileri oluşturmanızı sağlayacak flash derslerin yanı sıra, dreamweaver ve photoshop dersleri de bulabilirsiniz.

2) TutorialVID
Çok geniş bir içeriğe ve çeşitli konulara sahip olan bir video eğitim sitesi. Flash derslerin yanı sıra, excel, javascript, seo, illustrator, css gibi birçok kategori başlığı altında dersler de yer alıyor.

3) Video-Animation
FLASH CS3 ve flash 8 derslerinin yanı sıra, photoshop dersleri de mevcut.

4) CartoonSmart
İndirilmeye hazır videolar ile Çizim, Animasyon, Actionscript2, Acrionscript3 dersleri bulabilirsiniz.

5) Entheos
Animasyon ve efekt ile ActionScript başlıkları altında ücretsiz dersler mevcut.

6) VTutorial
Adobe programlarının tümünü kapsayan, geniş bir içeriğe sahip.

7) Flash Perfection
Görsel derslerin yazılı olarak adım adım anlatıldığı iyi bir site.

ve diğerleri...

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

Fireworks Öğrenebileceğiniz 70+ Kaynak

kareem713 — Fri, 02 Jan 2009 15:16:00 GMT

Fireworks Kaynakları

Fireworks, Adobe firması tarafından web tasarımcılar ve grafikerler için, Dreamweaver ve Flash ile uyumlu şekilde hazırlanmış bir grafik işleme ve resim düzenleme programıdır. Bu programı öğrenebilmek için kaynaklar çok fazla değil ancak burada bazılarını bulaibilirsiniz.

Öncelikle, Milli Eğitim Bakanlığı'nın Yazarlık Yazılımları Projesi dahilinde hazırlanmış Türkçe anlatımlı Fireworks video derslerine buradan ulaşabilirsiniz. Yazının asıl konusunu oluşturan anlatımlara dönersek:

Adobe Fireworks CS4 Ana Sayfası

Adobe Fireworks CS4 Ana Sayfa

Fireworks Zone

Fireworks Zone

DMXzone

DMXzone

Ultraweaver

Ultraweaver

Senocular

Senocular

Phireworx

Phireworx

FWkit

FWKit

Liste uzayıp gidiyor. Tamamı burada.

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