bildirgec.org - aponeo - beğendikleri

YouCube

aponeo — Tue, 05 May 2009 10:45:00 GMT

YouCube - 3D YouTube

YouCube , YouTube adına yapılan büyük bir projedir! YouTube üzerindeki videoları arkadaşlarınızla paylaşmanızı ve hatta diskinize kaydetmenizi sağlar. Birçok videoya aynı anda erişmenize imkan tanır ve sizi eğlendirir. Tam işlevsel olarak hazırlanan sayfa HTML'den oluşmakta.

YouCube'ün beta aşamasındaki sayfası burada.
İsterseniz demo videosu da burada.
Fikir mühendisinin de Aaron Meyers olduğunu belirtelim.

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

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

Sitenize tam donanımlı takvim

aponeo — Fri, 30 Jan 2009 07:46:00 GMT

screenshots

Websitenizin kullanılırlığını ve trafiğini artırmak için yeni yöntemler arıyor olabilirsiniz. Sitenize neden bir takvim eklemiyorsunuz? Üstelik tam donanımlı ve kullanışlı bir takvim.

Bravenet Online Takvim, web sitenizde kullanmanız için tasarlanmış harika bir sistem. Ücretsiz araçlarla plan ve olaylarınızı siteniz üzerinden yayınlayabilir, görünümünü sitenize göre ayarlayabilirsiniz. Yazımda size nasıl entegrasyon yapabileceğinizi anlatacağım.

Öncelikle bu adresten takvim uygulamasına ulaşın. Ana sayfada büyük yeşil bir kutuda Get Your Online Calendar yazısına tıklayın. Gelen sayfada solda giriş formu var. Eğer üye değilseniz sağda bulunan Join Bravenet Now butonuna basıp üye olun. üye olduktan sonra giriş yapın.

Karşınıza takviminizi kuracağınız sayfa gelecek. Takviminizin adını, hangi sitede kullanacağınızı yazıp yeni olayları mail adresinize isteyip istemediğinizi seçin. Holiday icons kısmında tatil günlerinizin özel ikonlarla işaretlenip işaretlenmeyeceği soruluyor. Tavsiyem işaretlemeniz. Çünkü takviminize gerçekten güzel bir görünüm veriyor.

Sonraki sayfada takviminizin görünümüne istediğiniz şekli seçerek karar veriyorsunuz. Verilen kodu alıp sitenize yerleştirdikten sonra takviminiz hazır. Hemen aşağıdaki To Service Manager tuşuna basın ve ayar sayfasına gidin.

Burada takviminize olay ekleme, silme, düzenleme butonları bulunuyor. Tek yapmanız gereken bu butonlarla gereken yerlere ulaşmanız. Ayrıca renkleri ve imajları da burada değiştirebilirsiniz.

Eğer takviminize sadece siz veri girmek isterseniz Privacy Settings'e tıklayıp no, only i can post in my calendar. seçeneğini işaretleyin.

İşte bu kadar. Çok kısa bir sürede çok kullanışlı bir takviminiz oldu. Artık hangi olayları ekleyeceğiniz size kalmış.

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

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

jQuery İle Kolayca İpucu (Tooltip) ve İmaj Önizleme Oluşturma Yöntemleri

aponeo — Thu, 08 Jan 2009 07:45:00 GMT

jQuery'i ve onun geliştiricilerin hayatını kolaylaştırma yöntemlerini seviyorum. Her ne kadar jQuery'i kabullenmek benim biraz zamanımı alsa ve halen kendi ihtiyacım olan kodları kendim yazmayı tercih etsem de, jQuery'nin avantajlarını inkar edemem. Son zamanlarda fare imlecini bir bağlantı üzerine getirdiğimde imaj önizlemesini görüntülemem gereken bir proje aldım. Biliyorsunuz, hani şu link üzerine farenizi götürdüğünüzde çıkan kutucuklar içerisinde imaj görüntülenmesi. Halihazırda o proje üzerinde jQuery kullanılıyor olmasından ötürü bunu bir fırsat olarak gördüm ve bu gelişmiş kütüphane ile neler yapılabileceğini araştırmaya koyuldum. Bir süre sonra da çok basit bir betik hazırlarken buldum kendimi. Bugün, size bu çok ama çok basit betiği kullanarak oluşturulmuş 3 örneği göstereceğim.

3 ipucunu bir arada indirin

Özellikler ve Prensipler
Bu betiğin yaptığı şey bir öğe üzerine fare imlecinizi götürdüğünüzde gövdeye bir element yerleştirmek. Bu elementin nasıl görüntüleneceği CSS ile tanımlanıyor (mutlak (absolute) konumlandı ve üzerine stil uygulandı) ve bu sayede bizim tek yapmamız gereken o elementi bir içerik ile doldurmak, fare pozisyonunu hesaplamak ve ona uygun olarak elementi hareket ettirmek. Fare imleci nesne üzerine götürüldüğünde, içeriğindeki element de onunla birlikte hareket ediyor ve fare imleci elementin üzerinden kaldırıldığında, içeriğindeki element siliniyor.

Bu betiği uygulama üzerinde görebileceğiniz birkaç örnek:

Örnek 1: Bugüne kadarki en basit jQuery Tooltip (İpucu)

Bu betik A etiketinin başlığını (title etiketinin değerini) alıyor ve açılır elementin içerisine yerleştiriyor.

<a href="http://www.hafif.org" class="tooltip" title="meraklı ol!">ipucu için farenizi buraya sürükleyin</a>

Betiği uygulama üzerinde görün

Örnek 2: Resim Önizleme Galerisi

Burada bir dizi önizleme resmimiz bulunuyor. Her önizleme resminin üzerine fare imleci getirildiğinde betiğimiz, önizleme resminin bağlantıladığı resmi görüntüleyecek. Bu yöntem içeriği erişilebilir kılıyor aynı zamanda, zira JavaScript'in aktif olmadığı tarayıcılar ve sistemler üzerinde de bağlantıya tıkladığınızda resmin kendisine ulaşabilyorsunuz.

<a href="1.jpg" class="preview"><img src='http://www.bildirgec.org/1s.jpg' alt="gallery thumbnail" /></a>

Betiği uygulama üzerinde görün

Örnek 3: URL Önizlemesi İçeren Bağlantılar

Bu yöntem biraz daha uğraş gerektiriyor ancak sitenize fazladan bir özellik eklemek istiyorsanız buna değer. Burada ihtiyacınız olan şey hedef URL'nin bir ekran görüntüsü. İlgili sitenin ekran görüntüsünü A etiketinin REL değerine girdikten sonra betiğimiz işin geri kalanını halledecek.

<a href="http://www.cssglobe.com" class="screenshot" rel="cssg_screenshot.jpg">Css Globe</a>

Yine eğer önizleme resmine bir açıklama eklemek istiyorsanız o zaman TITLE değerini doldurabilirsiniz:

<a href="http://www.cssglobe.com" class="screenshot" rel="cssg_screenshot.jpg" title="Web Standards Magazine">
Css Globe</a>

Betiği uygulama üzerinde görün

3 ipucunu bir arada indirin

Kaynak: CSS Globe

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

Google Webmaster Tools ile Blogger Kullanımı

aponeo — Wed, 07 Jan 2009 17:21:00 GMT

Google’ın web yöneticisi araçları size, sitenizi Google'a daha uygun hale getirmenin kolay bir yolunu sağlamakta. Bu araçlar size sitenizin Google görünümünü gösterebilir, sorunları teşhis etmenize yardımcı olur ve arama sonuçlarımızda sitenizin görünürlüğünün artırılmasına yardımcı olmak için google ile bilgi paylaşmanıza olanak tanır.

google'in kullanışlı olduğunu düşündüğüm bu hizmetinin blogger'da kullanılması için yapılması gereken adımları sizlerle paylaşmak istedim.

blogger'daki blogumuzu google webmaster tools ile kullanmak için aşağıdaki adımları izliyoruz:

1- Buradan Google webmaster tools'a giriş yapalım.

2- kontrol paneli'ndeki boşluğa blog urlsini giriyoruz ve "site ekle"ye tıklıyoruz.

3- Açılan sayfada "sitenizi doğrulayın" yazısına tıklıyoruz.

4- "Bir meta etiket ekle" seçeneğine tıklıyoruz ve bize verilen etiketi kopyalıyoruz. Henüz "doğrula" seçeneğine tıklamıyoruz!

5- Blogger'da "yerleşim" bölümünde "html'yi düzenle" seçeneğine tıklıyoruz.

6- Google sayfasından kopyalamış olduğumuz meta etiketi gördüğümüz ilk "head" başlığının altındaki satıra yapıştırıyoruz. "Şablonu kaydet" seçeneğine tıklıyoruz.

7- Google Webmaster tools'a dönerek, 4. basamakta tıklamadığımız "doğrula" seçeneğine tıklıyoruz.

8- Açılan sayfada ".... sitesini başarılı bir şekilde doğruladınız." yazısı çıktığı takdirde blog sitemizi google webmaster tools'a tanımlamış oluyoruz.

onay yazısı gelmediği takdirde adımları tekrar deneyiniz.

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

WordPress Eklentisi Oluşturma Rehberi

aponeo — Tue, 06 Jan 2009 07:46:00 GMT

WordPres blogunuza yeni özellik eklemek istediğinizde WordPress kullanıcıları genellikle ihtiyaçları olan özelliğe ulaşmak için diğer eklentiler üzerinde arama yaparlar ve platformun popülerliği nedeniyle genellikle ihtiyaçları olan eklentiyi de bulurlar. Peki ya ihtiyacınız olan özelliği sağlayan bir eklentiyi bulamazsanız? Bu durumda eklentiyi kendiniz oluşturmanız daha kolay olabilir.

WordPress'in ana özelliklerini geliştirmek için muhteşem bir eklenti çatısı (framework) bulunuyor. Aslında basit eklentiler oluşturmak, WordPress rehberi'nin detaylı ve zengin içeriği ile web'deki diğer makaleler sayesinde beklenmediği kadar kolay.

Eğer siz de WordPress eklentileri dünyasına girmek istiyorsanız, bu yazımda sizlerle bazı kullanışlı ipuçlarını ve kaynakları paylaşacağım. Bu makale size eklenti hazırlamanın ilk aşamalarından eklentinizi tanıtmaya kadar geçen süreçte olan adımlarda rehberlik edecektir.

Oluşturmadan Önce Planlayın
Eğer ana motivasyonunuz bir eklentiye özel bir gereksinimi gidermek değilse, o zaman yeni fikirler oluşturmak ve WordPress eklentileri hazırlamak için pek çok sebebiniz vardır. Elbette, her zaman, WordPress kurulumu ile birlikte gelen bir "merhaba dünya" eklentisi oluşturabilirsiniz, ancak biz biraz daha detaylı bir eklenti istiyoruz, öyle değil mi?

Eğer eklenti fikriniz baştan oluşturabileceğiniz kadar basitse, sadece pratik olsun diye oluşturup daha sonra hiç kullanmayacağınız bir eklenti hazırlamaktansa o zaman kendi eklenti fikrinizi basit bir uygulama olarak kullanmaya çalışmayı deneyin.

Eklenti oluşturmak için kendinize fikir arıyorsanız, DevLounge sitesinin WordPress eklentisi oluşturmak için öneriler makalesinde bir liste yer alıyor.

Güçlü Araçlar Edinin
WordPress eklentinizi, düzgün bir test ortamı oluşturmadan geliştirmeye başlayamazsınız. WordPress eklentisi oluşturmak için ihtiyacınız olacak olmazsa olmaz araçlar aşağıda:

Firefox - Yoksa siz hala annenizin tarayıcısını mı kullanıyorsunuz? Yapmayın, etmeyin, hemen gidin ve Firefox tarayıcısını edinin. Bu tarayıcı Web geliştiricileri için inanılmaz kullanışlı bir araçtır.
Firefox Eklentileri - Eklenizdeki hataları ayıklamak ve eklentinizi tasarlamak için her web tasarımcısının ve geliştiricisinin edinmesi gereken iki eklenti bulunuyor: Firebug ve Web Developer eklentileri.
WordPress - Yerel bilgisayarınıza kuracağınız temiz bir WordPress kurulumu sayesinde eklentilerinizi bilgisayarınızda test edebilirsiniz.

İşe Yarar Bilgileri Edinin
Bu makalenin dışında WordPress Eklenti API kaynaklarına ihtiyacınız olacaktır. İşinize yarayacak birkaç kaynak aşağıda:

WordPress'in Eklenti Kaynakları - WordPress eklentilerine yönelik her şeye dair kaynak rehber. Eğitimler ve nasıl yapılır makaleleri.
WordPress Eklenti API'si - Hayatınızın bağlı olduğu şey, kopya kağıdınız ve WordPress eklentisinin ete kemiğe bürünmesini sağlayacak her şey. Eğer eklenti oluştururken takılırsanız, bu rehber size geriye dönüp hata ayıklamanıza yardımcı olacaktır.
Eklenti API'si Eylem Referansı - WordPress eklentilerinde kullanabileceğiniz eylemlerin bir listesi.
Eklenti API'si Filtre Referansı - WordPress eklentilerinde kullanabileceğiniz filtrelerin bir listesi.
WordPress IRC Kanalı - Sık kullandığınız IRC kanalını çalıştırın ve size yardım etmek için yanıp tutuşan WordPress eklenti geliştiricilerinin buluştuğu bu ortamda siz de yerinizi alın.

Atanmış Bir Test Ortamı Oluşturun
Şimdi ihtiyacınız olan kaynaklara ve araçlara sahip olduğunuza göre test ortamınızı oluşturmanın vakti geldi. Eklenti test ortamı oluşturmak için iki adet yöntem bulunuyor. Eklenti geliştirme sürecini hızlandırmak için en iyi yöntem Apache ve MySQL kullanarak WordPress kurulumu yapmak olacaktır. Her ne kadar bu işlem, sunucu ayarları ve PHP kurulumuna yabancı kullanıcılar için biraz zor olsa da, her iki tekniği kullanarak test ortamı oluşturmak için size rehberlik edecek pek çok makale mevcut.

Windows makineler üzerinde geliştirme yapmak isteyenler XAMPP kullanarak WordPress Kurulumu yapabilirler. Bilmeyenler için XAMPP, Apache ve MySQL platformları kolayca sisteminize kurmanızı sağlayacak bir yazılım. (Not: XAMPP her platformda çalışabilen bir yazılım olup Linux ve Mac kullanıcıları da bu yazılımı kullanabilirler, ancak bir Mac kullanıcısı olarak ben XAMPP'ın kullanımı önermiyorum).

Mac kullanıcıları için önerebileceğim bir diğer seçenek ise MAMP kullanarak WordPress oluşturmak. MAMP yazılımı da tıpkı XAMPP gibi MySQL ve Apache'nin Mac üzerine sorunsuz kurulmasını sağlayan bir yazılım.

Test ortamı oluşturmak için kullanabileceğiniz bir diğer yöntem de doğrudan sunucu üzerinde ayrı bir klasör oluşturarak o klasör içerisine temiz bir WordPress kurulumu yapmaktır. Her değişikliği FTP üzerinden göndermeniz gerekeceğinden yerel makinenize kurulmuş bir WordPress üzerinde test yapmaktan daha yavaş bir çözüm ancak herhangi bir yazılım kurmanız gerekmiyor.

Temelleri Öğrenin
Ne şans ki benim gibi deneyimsiz programcılar için WordPress eklentisi oluşturmak görece basit bir yöntemdir. Elbette oldukça gelişmiş eklentiler de hazırlayabilirsiniz, ancak WordPress'in üzerine inşa edildiği framework'e bağlı kalarak basit bir WordPress eklentisi oluşturmak oldukça kolaydır.

Jarkko'nun 2008 yılının başlarında yazdığı WordPress Eklentileri'nin Anatomisi eklentilerinizi oluşturmak için kullanabileceğiniz mükemmel bir kaynaktır. Makalede WordPress üzerinde gelecekte yayımlanması için önceden yazdığınız eklentileri gösteren bir widget oluşturmanın adımları anlatılıyor.

Veritabanı Verisine Erişmek ve Onu Yönetmek
Veritabanı etkileşimi neredeyse her eklenti için kaçınılmazdır, bu sebeple WordPress veritabanına bağlanmanın ve içerisindeki verilere erişmenin temellerini bilmeniz gerekir. WordPress belgeleri veritabanları ile nasıl etkileşim kurulur sorusunun yanıtına detaylıca açıklıyor.

JavaScript ve CSS KullanınZ
Her ne kadar bazı eklentilerin fazladan bir tasarıma ihtiyacı olmasa da eklentinizin görünümünü biraz iyileştirmenin kimseye zararı olmaz. DevLounge sitesinin bu konuda JavaScript ve CSS gibi elementler WordPress eklentilerine nasıl dahil edilir makalesi sizin için muhteşem bir referans olacaktır.

WordPress eklentilerini iyileştirecek bir diğer element ise şüphesiz AJAX'tır. Bir sayfanın yeniden yüklenmesine gerek kalmadan veri göndermek, eklentiniz üzerinde kullanabileceğiniz kullanışlı bir özelliktir. Aşağıda WordPress eklentilerinde AJAX kullanabilmeniz için bir dizi kullanışlı kaynak yer alıyor:

Çok Yönlü Seçenekler Sayfası Ekleyin
Eklentiniz, WordPress Yönetici Paneli üzerinde kullanılabilecek ve kullanıcısının bazı ayarları değiştirebilmesine olanak sağlayacak bir seçenekler sayfası içerebilir. WordPress Codex üzerinde yönetici panelleri eklemek konulu muhteşem bir makale bulunuyor. Eğer ekran görüntüleri ile zenginleştirilmiş bir rehber arıyorsanız, o zaman WordPress Bits'in WordPress'e Seçenekler Eklemek rehberi işinizi görecektir.

Uluslararasılaştırın
WordPress Eklentinizin geniş kitlelere ulaşabilmesini sağlamanın bir yolu da onu farklı dillere çevirmektir. WordPress eklenti çatıs, geliştiricilerin eklentilerinin farklı dillere çevrilebilmesine olanak sağlar.

Kitlelere Ulaştırın
Yeni hazırladığınız eklentinin geniş kitleler tarafından ulaşılabilmesini sağlamak için birkaç kullanışlı kaynak:

WordPress.org Eklenti Dizini - Resmi WordPress sitesi eklentinizin duyurulması için kullanabileceğiniz en iyi kaynaktır. Gelişmiş bir eklenti dizini bulunan bu kaynakta pek çok WordPress kullanıcısı ihtiyaçları olan eklentileri bu kaynak üzerinde ararlar. Tek yapmanız gereken bir hesap açmak ve eklentinizi göndermek. Eklenti daha sonra WordPress.org tarafından onaylanacak ve ekip, eklentinin eklenti rehberine uygunluğunu kontrol edecek.
Weblog Araçları Kolleksiyonu - Weblog Tools Collection websitesi geniş kesimler tarafından okunan, bloglama araçları ve eklentilerine yönelik geliştirilmiş bir web sitesidir. Eklentinizi bu site üzerine de kayıt ettirebilirsiniz.
WordPress Forumları - WordPress Forumlarını kullanarak eklentiniz için beta testçileri bulabilir, eklentinizin herkes tarafından indirilmeden önce hatalardan arınmış olduğuna emin olabilirsiniz.
Eklenti Gönderimi ve Promosyonu - WordPress Codex üzerinde, eklentinizin diğer WordPress kullanıcılarının erişimine açılması için atılması gereken adımlara yönelik güzel bir makale.

Kaynak: nettuts

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

İlham Veren Renkler Serisi - Yeşil

aponeo — Sun, 16 Nov 2008 11:35:00 GMT

Stay Green, Go Red - Mike Campau

Orijinal bir fikir var olan şeylerin yeni bir kombinasyonundan başka bir şey değildir. Var olanların en güzelleriyle bilinç altınız yoğrulduğunda yeni fikirler üretmeye başlarsınız. Yani ilham almış olursunuz.
Bu amaçla sizler için İlham Veren Renkler Serisine başlıyorum demiştim.

1-İlham Veren Renkler Serisi - Kırmızı
2-İlham Veren Renkler Serisi - Turuncu
3-İlham Veren Renkler Serisi - Sarı
4-İlham Veren Renkler Serisi - Yeşil

İşte yeşil ile oluşturulmuş beğendiğim web siteleri, logolar ve resimler:

Web Siteleri;

Think Design Blog

Ryan O’Rourke Digital Designer

resimler;

Beautiful old lady from Darap(Sikkim) village by Sukanto Debnath

Architecture in Yellow and Green by yushimoto

Forest Lightwriting by LICHTFAKTOR

Warp Speed by Marcus Claesson

Green by DRagonka

RGB - Barcelona by bcnbits

Underground Tunnel-federico

Green Day by tachsheet-Jeulian

Ambalaj ve Promosyon çalışmaları;

Certification Campaign for Posigraf

“nati per adeguarsi” CD Cover

logolar;

Earth Friendly Chemicals Type

Green Oil

Logo Pond

grafik tasarımları;

Illustration by Zutto

Pacific Wear Party by Riccardo Tagliabue

Splash by Wojciech Magierski

Green by Justin

Digital Malaya Project by Ee Venn Soh

Illustration by Bechira Sorin

Shock Typography by Stefano Buffoni

Plug by Basil Tsedik

Bir sonraki yazımızda(mavi) görüşmek üzere.Bir sonraki yazı için tasarım önerileriniz var ise kesinlikle dikkate alınacaktır.Saygılarımla..

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

Her şeyin alternatifi...

aponeo — Thu, 13 Nov 2008 12:32:00 GMT

Dooblet: Find alternatives to everything!

Eğer kullandığınız yazılımdan, siteden veya herhangi bir şeyden sıkılıp onun alternatifini arıyorsanız size bir site önerebilirim: Dooblet

"Find alternatives to everything! / Her şeyin alternatifini bulun!" sloganı ile yayın yapan sitenin sizin de hoşunuza gideceğine eminim...

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

model savaş ve maket savaş unsurları

aponeo — Mon, 29 Sep 2008 11:12:00 GMT

I. Dünya Savaşı ve ardından II. Dünya Savaşı... İki büyük savaş geçiren ve günümüzde hâlen sürmekte olan savaşlarıyla dünya, zıtlık sorunlarını çatışma ile halletmeye devam etmektedir.

Live Journal sitesinde yayımlanan ve savaş konusunu esas alıp savaş alanını yansıtan maketler üretilmiş ve oldukça etkileyici olmuş.

Maketlerin tüm diğer fotoğraflarına buradan erişebilirsiniz.

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

Bloglar için Gelişmiş Yorum Projesi

aponeo — Thu, 25 Sep 2008 07:09:00 GMT

Wordpress projesiyle tanınan ve bloglara yönelik projeler geliştiren Automattic ile intensedebate işbirliğiyle hazırlanan bu proje ile wordpress, movable type, blogger gibi belli başlı blog hizmeti sunan servisler ve websiteleri için yorum özelliği hizmeti sunan bir proje başlatmışlar.. Böylece hazırlanan eklentiler ile daha gelişmiş bir yorum bölümünü bloglarımızda kullanabileceğiz.. Örnek olarak şu yazının altındaki yorumları inceleyebilirsiniz..

Bu sayede sitenizdeki veya blogunuzdaki yorum bölümüne; yorumlara oy verebilme, yoruma cevap, yorumları takip, yorum yazana puanlama gibi özellikler kazandırmış olacaksınız.. Automattic sayesinde akismet ve gravatar'da dahil edilmiş.. Son zamanlarda bildirgeç'te de buna benzer bir yenilik yapılmıştı.. Sistemi şuan davetiye ile deneyebiliyorsunuz. Anasayfadan davetiye kodu isteyebilirsiniz.. Proje hakkındaki gelişmelride blog sayfalarından takip edebilirsiniz..

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