bildirgec.org - nearthesuicide - beğendikleri

Wordpress büyük bloglar tarafından tercih edilen bir sistem. Birçok webmaster wordpress kullanıyor. Aşağıda wordpress kullanan 15 güzel web sitesine ulaşabilirsiniz.

1 - Creative Depart

2 - Big Spaceship

3 - Ecoki

4 - 20 jours

5 - Search Inside Video

6 - UgsMag

7 - App Storm

8 - IconDock

9 - ANidea

10 - 45royale

11 - Alpha Multimedia Solutions

12 - the Art of Catalin Bridinel

13 - EightHourDay

14 - Espira

15 - StopDesign

ayrıca aşağıdaki yazılarda ilginizi çekebilir.

İlham Kaynağı 101 Harika Portföy Sitesi

Web Tasarımında Etkili Başlıklar

Web Tasarımında Beyaz Renk Kullanan Web Siteleri

İlham Kaynağı Olabilecek Buton Tasarımları

İlham Kaynağı 50 Şık Navigasyon Menü Tasarımı

30 Yaratıcı İllustration Website Başlığı

Harika Web Tasarımı Yaratıcılığı: 50+ Örnek ve İlham Kaynağı

ilham kaynağı olabilecek 30 güzel müzik web sitesi

25 İlham Veren Logo Tasarım Kaynağı

kaynak: webdesignledger.com
diğer yazılarım
yazılarımı rss üzerinden takip edebilirsiniz

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

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

20 Mükemmel Javascript Navigasyon Teknik ve Örneği

nearthesuicide — Sun, 03 May 2009 11:55:00 GMT

Javascript etkileşim ve geri bildirim eklemeniz için kolaylık sağlar. Bu yazıda javascript hakkında farklı ve çok güzel bilgiler edinebilirsiniz.

1 - MenuMatic

Dikey ve yatay şekilde bir menü örneğidir.

2 - Animated Menu using jQuery

Menünün üzerine gelindiğinde bir hareket verilmesini sağlayan örnekte bilgisayarınıza indirebilmeniz için psd dosyası da bulunmaktadır.

3 - Garagedoor Effect using jQuery

Jquery kullanarak efekt oluşturuluyor.

4 - JGlide Menu

Eşsiz bir menü sistemidir. Menüye tıklayarak sürüklenmesini sağlayabilirsiniz.

5 - Vertical Sliding jQuery Menu

Açılabilir bir menü örneğidir.

6 - Perspective Tabs

Sekmeleri animasyon ile kaydırabilmek için bu teknikten yararlanabilirsiniz.

7 - Vertical Digg-like Menu

Basit javascript kullanılarak oluşturulan dikey menü örneğidir.

8 - LavaLamp

Jquery kullanılarak css sliding door tekniğini görebilirsiniz.

9 - Fisheye Menu

Çok güzel bir menü örneği.

10 - Simple JavaScript Accordions

Bu harika menü örneğini sitenize entegre edebilirsiniz.

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

ayrıca aşağıdaki yazılarda ilginizi çekebilir.

İlham Kaynağı 50 Şık Navigasyon Menü Tasarımı

Harika Web Tasarımı Yaratıcılığı: 50+ Örnek ve İlham Kaynağı

Web Tasarımcılar İçin 20 Mükemmel Eğitim Sitesi

30 Olağanüstü Css Menü Tekniği

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

Bu yazı nearthesuicide 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 menü eklentileri

nearthesuicide — Tue, 28 Apr 2009 18:16:00 GMT

jquery eklentilerinden sitenizin birçok bölümünde yararlanmanız mümkün. bu alanlardan biri de menüler. işinize yarayabilecek 10 menü eklentisi:

Bu yazı nearthesuicide 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 Sitenizi Yayımlamadan Önce Yapmanız Gereken 15 Önemli Kontrol

nearthesuicide — Fri, 10 Apr 2009 06:45:00 GMT

Web sitenizin tasarımı hazır, içerik yönetim sistemi muhteşem çalışıyor, içerik siteye eklendi ve müşteriniz son derece memnun. Artık sitenizi yayımlamanın vakti geldi. Yoksa gelmedi mi? Bir web sitesini yayımlarken genellikle onu yayımlamak için duyduğunuz sabırsızlık nedeniyle birkaç önemli noktayı atlarsınız. Bu yüzden sitenizi dünyaya duyurmadan önce yapılması gerekenleri içeren bir kontrol listesi bulundurmanız ve onu her yeni web sitesini yayımlamadan önce kontrol etmeniz, sitenizin geleceği ve kalitesi açısından önemlidir.

Bu makalede, bir websitesi resmiyete kavuşmadan önce kontrol edilmesi gerekenlerin bir listesini bulacaksınız. Makale içerisinde genellikle unutulan küçük ayrıntılar yer alıyor ve bunlar zamanında yapıldığı taktirde hem sizin daha az zamanınızı alacaktır, hem de genel olarak kullanıcı deneyimine olumlu katkıları olacaktır.

1. Favicon

Favicon bir web sitesini sekme ya da pencre üzerinde tanıtmaya yardımcı olur. Faviconlar genellikle bir web sitesinin yer imlerine eklenmesi durumunda da adres ile birlikte istemci üzerine kaydedilir. Ancak bundan emin olmak için aşağıdaki kodu sitenizin head etiketleri arasına yerleştirmeniz gerekir.

<link rel="icon" type="image/x-icon" href="/favicon.ico" />

Eğer iPhone için bir favicon kaydetmek istiyorsanız, o zaman aşağıdaki kodu da eklemelisiniz.

<link rel="apple-touch-icon" type="image/x-icon" href="/favicon.ico" />

2. Başlıklar ve Meta Verisi

Sayfanızın başlığı SEO (Arama Motoru Optimizasyonu) için en önemli elementtir. Bunun yanısıra kullanıcılarınızın ziyaret ettikleri sayfada ne olduğunu anlamaları açısından da önem taşır. Sayfa başlığının her bir sayfada değişmesine ve sayfa içeriği ile alakalı olmasına özen gösterin.

<title>Web Sitenizi Yayımlamadan Önce Yapmanız Gereken 15 Önemli Kontrol | bildirgec</title>

Meta description (açıklama, tanımlama) ve keyword (anahtar kelime) etiketleri SEO için artık çok önemli olmasa da (en azından en çok kullanılan arama motorları için), siz yine de onları sayfanıza eklemeye özen gösterin. Her bir sayfada açıklamanın değiştiğine ve sayfanın içeriği ile alakalı bir açıklama olması gerektiğine dikkat edin zira genellikle bu açıklama, Google'nin arama sonuçları sayfasında göstereceği şey olacaktır.

3. Çapraz Tarayıcı Kontrolleri

Tasarımınızın mükemmel göründüğünü düşündüğünüz anda onu Internet Explorer üzerinde kontrol ettiğinizde öyle olmadığını anlayacaksınızdır. Web sitenizin farklı tarayıcılarda aynı şekilde görünmesi oldukça önemlidir. Her şey %100 aynı olmasa bile en azından ana işlevselliği korunmalıdır ve kullanıcı herhangi bir problemin varlığını sezmemelidir. Kontrol etmeniz popüler tarayıcılar Internet Explorer 6, 7 ve 8, Firefox 3, Safari 3, Chrome, Opera ve iPhone olmalıdır.

4. Yazım Denetimi

Her şeyi okuyun. Eğer daha önce okumuş olsanız bile tekrar okuyun. Bir başkasına da okutun. Genellikle bu kontroller sırasında hatalı olan şeyleri fark edecek ve onları değiştirmek isteyeceksinizdir. Sitenizdeki metni içerik konusuna hedefleyerek onu az tutmayı deneyin. Uzun metin bloklarını daha kısa paragraflara bölün. Yazı genelinde başlıklar kullanın ve listeler kullanarak okurlarınızın kolay bir şekilde içeriğinizi tarayabilmesini sağlayın. Uyarı kutuları gibi dinamik metinleri de unutmayın.

Onlarsız Yapamayacağınız 20 Tipografi Uygulaması

5. Bağlantılar

Tüm bağlantılarınızın çalışacağını sanmayın. Onlara tıklayın. Harici web sitelerine bağlantı verirken bağlantıların başına "http://" eklemeyi unutmuş olabilirsiniz. Bağlantılar sayfadaki metnin geri kalanından daha ön planda olmalıdır. Bağlantı olmayan bir metnin altını çizmeyin zira bu kullanıcının kafasını karıştıracaktır. Ziyaret edilmiş bağlantılarınız için de ayrı bir stil uygulamayı ihmal etmeyin.

Buraya Tıklamayın! Bağlantıları Doğru Kullanmak

6. İşlevsellik Kontrolü

Sitenizdeki her şeyi derinlemesine kontrol edin. Eğer bir iletişim formunuz var ise, kendinize bir mesaj göndermeyi deneyin ve kullanıcıların ne ile karşılaşacaklarını kendiniz görün. Sitenizi başkalarınızın test etmesini sağlayın. Sadece arkadaşlarınızın ya da diğer aile üyelerinizin değil, web sitenizin hedeflediği pazar alanındaki kişiler tarafından test edilmesini sağlayın. Arkanıza yaslanın ve bir kullanıcının sitenizi nasıl kullandığını izleyin. Bir başkasının sitenizi kullanma şeklini gördükten sonra sizin sandığınızdan ne kadar farklı olduğunu anladığınızda çok şaşıracaksınız. Kontrol edilmesi gereken şeyler arasında iletişim formları, arama özellikleri, alışveriş sepetleri ya da giriş alanları yer almalıdır.

7. Sorunsuz İndirgeme

Web siteniz JavaScript'in etkin olmadığı tarayıcılar üzerinde de çalışmalıdır. Kullanıcılar genellikle güvenlik için JavaScript'i kapatırlar, bu yüzden buna hazırlıklı olmalısınız. JavaScript'i Firefox üzerinde kolayca etkisizleştirebilirsiniz. Formlarınızı kontrol ederek JavaScript'in etkin olmadığı durumlarda bile sunucu tarafflı kontrollerden sorunsuzca geçtiğini ve güzel görünümlü AJAX parçalarını kontrol edin ve JavaScript etkin olmadığında bile bunun sitenizin genel kullanılırlığını engelleyip engellemediğini inceleyin.

Website Ziyaretçilerinizin İlk İzlenimini Etkileyen 21 Faktör

8. Doğrulama

100% doğrulanmış bir web sitesini hedeflemelisiniz. Her ne kadar doğrulanmamış bir web sitesi dünyanın sonu olmasa da sitenizin doğrulanmamasına sebep olan hataları bilmek ve o can sıkıcı hataları giderebilmek, kodunuzun ve sitenizin kalitesi açısından da önemlidir. Sitenizin doğrulanmamasına sebep olacak hatalar arasında alt etiketi içermeyen görseller, kapanış etiketleri kullanılmaması ve & yerine & kullanılmamış olması.

9. RSS Bağlantıları

Eğer web siteniz bir bloga ya da haber akışına sahipse, kullanıcılarınızın abone olabilecekleri bir RSS bağlantısı olmasına özen gösterin. Kullanıcılarınız RSS beslemelerini kolayca bulabilmelidir. Aşağıdaki kodu sitenizin head etiketleri arasına eklerseniz, destekleyen tarayıcılarda adres satırının hemen yanında standart RSS simgesi görünecektir ve kullanıcılarınız o simgenin üzerine tıklayarak sitenize abone olabilirler.

<link rel="alternate" type="application/rss+xml" title="Site or RSS title" href="link-to-feed" />

10. Analiz

Sitenizin ziyaretçi istatistiklerini takip edebileceğiniz bir tür site analiz aracı kullanmak, sitenizin ne kadar başarılı olduğunu ve hedeflerinizin ne kadarının gerçekleştiğini anlamanız açısından önemlidir. Günlük tekil ziyaretçişleri, aylık sayfa gösterim sayılarını ve tarayıcı istatistiklerini takip edin. Tüm bu veriler sitenizin yayında olduğu ilk günden itibaren takip edilmelidir. Google Analytics pek çok web sitesi sahibi arasında popülerdir. Kullanabileceğiniz diğerleri ise Clicky, Kissmetrics (halen kapalı beta formunda), Mint ve StatCounter gösterilebilir.

11. Sitemap

Sitenizi barındırdığınız sunucunun ana dizini üzerine (sitenizin ana sayfasının bulunduğu dizin) sitemap.xml dosyası eklemeniz durumunda arama motorları sitenizi daha kolay bir şekilde arşivleyebilecektir. Bu dosyanın içeriği, sitenizdeki tüm sayfaların adreslerinden oluşmaktadır. XML-Sitemaps web sitesi, sizin için kolayca sitemap.xml dosyasını oluşturacaktır. Bu dosyayı oluşturduktan sonra ilgili dosyayı sitenizin ana dizinine yüklemelisiniz, bu sayede dosyanın adresi http://www.sitenizinadresi.com/sitemap.xml olmalıdır.

Eğer WordPress kullanıyorsanız, Google XML Sitemap Eklentisi sayesinde siz ne zaman blogunuza yeni bir yazı yazarsanız, ilgili eklenti sitemap dosyanızı otomatik olarak güncelleyecektir. Ayrıca sitenizi ve sitemap adresinizi Google Webmaster Araçlarına eklemeyi unutmayın. Bu araç Google'ye bir sitemap sahibi olduğunuzu söyler ve ardından ilgili araç aracılığı ile sitenizin en son ne zaman Google tarafından arşivlendiği ve sitenizdeki hangi sayfaların Google tarafından erişilemediği gibi bilgilere ulaşabilirsiniz.

12. Koruyucu Tasarım

Genellikle pek üzerinde durulmayan koruyucu tasarım elementi 404 sayfasıdır. Eğer bir kullanıcı siteniz üzerinde bulunmayan bir sayfayı ziyaret ederse, 404 sayfası görüntülenir. Bu, pek çok farklı sebep yüzünden olabilir. Bu sebepler arasında bir başka web sitesinin sitenizde yer almayan bir sayfaya bağlantı vermesi sonucu olabilir. Kullanıcılarınızı ana sayfaya yönlendiren bir 404 sayfası oluşturarak kullanıcılarınızı sitenizde tutabilirsiniz. Ayrıca ziyaretçilerinizi alakalı sayfalara da yönlendirmeyi tercih edebilirsiniz.

Bir diğer koruyucu tasarım tekniği ise formunuzun doğrulanıp doğrulanmadığını kontrol etmektir. Form alanlarınıza alışılmışın dışında veriler girerek (örneğin çok fazla sayıda karakter, numara alanlarına harf girmek vs) formuzun çalışıp çalışmadığını ve bir hata vermesi durumunda ise kullanıcılarınızın bu sorunu giderebilmeleri için neler yapması gerektiği konusunda bilgilendiren bir mesajın belirip belirmediğini kontrol edin.

13. İyileştirin

Web sitenizin en yüksek performansta çalışmasını istersiniz. Bunu siteniz yayımlandıktan sonra düzenli olarak kontrol ederek gerçekleştirebilirsiniz ancak siteniz yayımlanmadan önce de kontrol etmeniz gereken bazı şeyler vardır. HTTP isteklerini azaltmak, CSS sprites (hareketleri) kullanmak, görsellerinizi web için optimize etmek, JavaScript ve CSS dosyalarınızı sıkıştırmak gibi önceden alabileceğiniz tedbirler, sitenizin daha hızlı açılması ile sonuçlanacak ve ayrıca sunucunuza daha az yük getirecektir.

Ayrıca, kullandığınız yayımlama motoru ile değişmekle birlikte, daha ciddi tedbirler almayı da deneyebilirsiniz. Örneğin, eğer WordPress kullanıyorsanız, caching adı verilen ve dinamik sayfaları önceden işleyerek onları HTML biçimine dönüştüren ve bu sayede sunucunun işlemcisini çok daha az yoran eklentileri kullanmayı deneyebilirsiniz. WP-Cache eklentisi bu alanda işinizi görecektir.

14. Yedekleyin

Eğer web siteniz bir veritabanı üzerinden çalışıyorsa, o zaman bir yedekleme stratejisine ihtiyacınız olacaktır. Yoksa verilerinizi kaybettiğiniz gün geldiğinde, neden verilerimi yedeklemedim diye kendi kendinizi yer bitirirsiniz. Olmaz demeyin, oluyor. Eğer WordPress kullanıyorsanız, WordPress Veritabanı Yedekleme Eklentisini kullanın. Eklenti sayesinde sitenizin düzenli olarak yedeğinin alınmasını sağlayabilir, ve bu yedeklerin elektronik posta adresine gönderilecek şekilde ayarlayabilirsiniz.

15. Yazdırma Stil Şablonu

Eğer bir kullanıcı web siteniz üzerindeki bir sayfayı yazdırmak istiyorsa, o kullanıcının sitenizdeki gezinti elementleri ya da harici tasarım elementlerinin kağıt üzerinde görünmesini istememe, sadece içeriğin görünmesini isteme ihtimali oldukça yüksektir. İşte bu yüzden yazıcılar için bir stil şablonu oluşturmak önemlidir. Ayrıca yüzen elementler gibi bazı CSS elementleri, yazıcı çıktısı üzerinde güzel görünmezler.

Bilgisayarların yazıcı çıktısı alınması sırasında otomatik olarak algılayacakları bir stil şablonu oluşturmak için aşağıdaki kodu sitenizin head etiketleri arasına yerleştirmeniz yeterlidir.

<link rel="stylesheet" type="text/css" href="print.css" media="print" />

Koddan da anlayacağınız üzere yazdırma stil şablonunuzu print.css üzerinde oluşturmalısınız.

Kontrol Listesini İndirin

Kısa bir süre önce Dan Zambonini, bir web sitesi hem yayımlanmadan önce hem de yayımlandıktan sonra yapılması gereken kontrolleri içeren oldukça detaylı bir kontrol listesi hazırladı. Diğer şeylerin yanısıra Ultimate Website Launch Checklist, içerik ve stil ile alakalı kontrolleri, standartlar ve doğrulamayı, arama motoru görünürlüğünü, işlevsellik testini, güvenlik ve risk oluşumlarını, performansı ve pazarlamayı da içeriyor.

İlgili kontrol listesinin pdf sürümü de bulunuyor. Bu kontrol listesi özellikle gündelik projeleriniz üzerinde oldukça faydalı olmasının yanısıra siteniz yayımlandıktan sonra hatalarla karşılaşma olasılığınızı da en az seviyeye indirecektir.

Ayrıca David Leggett'in hazırladığı Hızlı Kullanılabilirlik Kontrol Listesi'ne de bir göz atmak isteyebilirsiniz. Bu liste, özellikle tasarımcıların projelerini tasarlarken, kullanılabilirlik ve erişilebilirlik kontrolleri için yapmaları gerekenleri içeriyor. Her ne kadar bu listedekilerin hepsi her web sitesi için geçerli olmasa da, sitenizi tasarlama aşamasında bir göz atmanızda fayda var.

Sizin Listeye Eklemek İstediğiniz Diğer Kontroller Neler?

Kendinize bir yapılacaklar listesi oluşturun ve herhangi bir web sitesini hazırlamadan önce ona bir göz atın. Yukarıdaki listede yer almayan ve sizin de listeye eklemek istediğiniz herhangi bir kontrol öğesi var mı? Yorumlarınızla paylaşın.

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

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

10 Web UI Kütüphanesi

nearthesuicide — Tue, 17 Mar 2009 16:56:00 GMT

Bir sonraki web siteniz ya da zengin İnternet uygulamanız için bir Web Kullanıcı Arabirimi Kütüphanesi mi arıyorsunuz? O zaman yazının devamında bulacağınız 10 Adet Güzel Web Kullanıcı Arabirimi Kütüphanesi hem geliştirme süresini kısaltarak çalışmanızı basitleştirmeyi hem de daha kullanışlı ve güzel kullanıcı arabirimlerine sahip olmanızı sağlayacak.

1. IT Mill Toolkit

IT Mill Toolkit açık kaynaklı bir çatı olup özellikle zengin İnternet uygulamaları geliştirmek için gereken widgetler ve araçlar için bir altyapı sunuyor. Standart Java araçlarını kullanarak tarayıcı uyumsuzluklarını, DOM'u ve JavaScript kütüphanelerini dert etmeden web uygulamaları geliştirebilirsiniz.

2. LivePipe UI

LivePipe UI Prototype JavaScript çatısını kullanıyor ve Web 2.0 uygulamaları için bir dizi widget ve kontrol elementleri içeriyor. Her bir kontrol iyi bir şekilde test edilmiş ve yüksek derecede özelleştirilebilir. Kodun iyi bir şekilde belgelenmiş olması ve JavaScript'in etkin olmadığı tarayıcılarda da arayüzün sorunsuz çalışması ayrı bir güzellik.

3. iWebkit iPhone/iPod touch Çatısı

iWebkit dakikalar içerisinde iPhone ve iPod touch üzerindeki Safari İnternet Tarayıcısı ile uyumlu ve iPhone / iPod touch görünümüne ve hissine sahip web uygulamaları ve web siteleri gelişirebilmenizi sağlıyor. Yaklaşık 5 aydır gelişimi sürdürülen bu proje ilk olarak basit bir fikir olarak geliştirilmeye başlamış ancak daha sonra gösterilen yoğun ilgi üzerine oldukça kapsamlı bir çalışma haline gelmiş durumda.

4. Jitsu

Jitsu, içerdiği bir dizi araç sayesinde geliştiricilerin web uygulamaları için gelişmiş kullanıcı arabirimleri tasarlayabilmelerini sağlıyor. Sunulan araçlar ve özellikler arasında XML kodlama dili, sayfa işleyicisi, veri bağlama motoru, JavaScript runtime, kontrol kütüphanesi, runtime izleyicisi, animasyon motoru, çapraz tarayıcı uyumlu kütüphane, AJAX ve geri düğmesi desteği yer alıyor.

5. MochaUI

MochaUI bir web uygulama kullanıcı arabirimi kütüphanesi olup mooTools JavaScript çatısı üzerine inşa edilmiştir. Web uygulamaları, web masaüstüleri, web siteleri, widgetler, kendi başına çalışır pencereler ve modal pencereler üzerinde kullanmaya uygundur.

6. Echo Web Framework
Echo Web Framework, zengin web uygulamaları geliştirmk için hazırlanan açık kaynaklı bir çatı. Geliştirici açısından Echo, Swing ya da Eclipse SWT gibi bir tür kullanıcı arabirimi araç kiti olarak işliyor. AJAX teknolojisi ise web istemcilerine masaüstü uygulamalar sınıfında uygulamalar kullanılabilmesi mümkün hale getirilmiş.

7. Yahoo! User Interface Library (YUI)

YUI Kütüphanesi, DOM betikleme, DHTML ve AJAX gibi web teknolojilerini kullanarak hazırlanmış zengin web uygulamaları geliştirmek için kullanılabilecek, JavaScript ile yazılmış bir dizi aracı ve kontrolü içeriyor. YUI, BSD lisansı altında yayımlanıyor ve tüm kullanıcılara ücretsiz olarak sunuluyor.

8. Sigma AJAX UI Builder
SigmaVisual, JavaScript ve PHP ile yazılmış olup profesyonel geliştiriciler için web tabanlı AJAX kullanıcı arayüzü oluşturma araçları içeriyor. Geliştiriciler bu paket aracılığı ile hem prototiplerini hem de gerçek web uygulamalarını oluştururken zaman kazanabilirler. TreeBar, TreeGrid, Anahat ve Menü, paketin desteklediği elementler arasında yer alıyor.

9. WUI Web UI Framework

WUI (Web Kullanıcı Arabirimi) bir MVC çatısı olup sadece Java kullanılarak hazırlanmış web kullanıcı arabirimleri oluşturmak için kullanılabilir. Bileşenler, widgetler ve olayları kullanarak web uygulamaları yazabilirsiniz ve bunun için JSP kullanmanıza gerek kalmaz. Tüm servlet 2.3 kapsayıcıları üzerinde sorunsuz çalışıyor. Model 2 / Struts'a benziyor ancak ondan çok daha iyi. Apache tarzı bir lisans altında dağıtılıyor.

10. Butterfly Web UI
Butterfly Web UI bileşen yönelimli bir web çatısı olup Wicket ya da Tapestry gibi Java için geliştirilmiştir. Butterfly Web UI'nin bu diğer çatılara oranla avantajı Butterfly DJ kapsayıcısı ile sorunsuz çalışması ve wb uygulamalarınızın bütünleşik bileşenlerini ayrıştırıp onları sorunsuz bir şekilde geliştirebilmenize yardımcı olması gösterilebilir.

Eğer sizin de bildiğiniz ve kullandığınız başka web kullanıcı arabirimleri mevcutsa yorumlarınızla paylaşmayı unutmayın.

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

CSS Sprite kullanmak artık daha kolay!

nearthesuicide — Thu, 19 Mar 2009 11:48:00 GMT

Daha önce CSS Sprite tekniğinden "css sprite'ların kullanış alanları" başlıklı yazımda bahsetmiştim. Eğer bu yazıyı okumadıysanız bu tekniğin yararını kavrayabilmeniz için okumanızı tavsiye ederim. Bu yazıda ise bu tekniği satırlarca kod yazmadan nasıl uygulayabileceğimizi anlatacağım.

1. adım: Kullanılacak Resmin Yaratılması
Matt Varone'un yapmış olduğu CSS Navigation Bar Code Generator uygulamasına önceden yaptığımız sprite dosyamızı yüklüyoruz. Ben rehberde örnek olarak aşağıdaki butonları kullanacağım.

örnek sprite

2. Adım: Ayarlamalar
Resmi yükleyip ikinci adıma geçiyoruz. Bu sayfa Menü tasarımı için yapıldığından dolayı uygulama sizden menünün ismini yazmanızı ve horizontal (yatay) ya da vertical (dikey) özelliklerinden birini seçmenizi istiyor. Bu seçimi yapıp bir sonraki adımda menümüzün sayfa yüklendiği anda gösterilecek halini seçmemiz isteniyor.

3. Adım: Ana Katmanı Seçmek
Bu adımda yatay menü yapıyorsanız yatay, dikey olarak tasarladıysanız dikey olarak menünün ilk elemanlarını seçmeniz gerekmekte. Eğer uygun bir seçim yaparsanız uygulama size onay mesajı göstererek bir sonraki adıma geçmenize izin veriyor.

Ana Katman

4. Adım: Ana Katmanı Bölümlere Ayırmak
Bu adımda Seçtiğiniz Ana katman size gösterilir. Butonları tek tek belirlemeniz isteniyor. İlk butonu belirledikten sonra Confirm tuşuna basarsanız bir sonraki tuşu seçmeniz sağlanıyor. Tüm tuşları bu şekilde seçtiğinizde uygulama otomatik olarak son adıma geçiyor.

Tuşların Seçimi

5. Adım: Kontrol ve Download
Buraya kadar tüm işlemleri doğru gerçekleştirebildiyseniz sistem size demo sayfasını gösterecek ve onaylamanız halinde zip'li dosya içinde kodunuzu indirmeye sunacak.

Notlar
Bu uygulama CSS Sprite'lar sayesinde Menüler oluşturmaya yarar. Bu yüzden liste koduyla uygulama yazılmıştır. CSS bilginiz yeterli seviyedeyse ufak bir düzenleme sonucunda değişik amaçlarla da kullanmanız mümkündür.

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

Bilmeniz gereken 20 harika php kütüphanesi

nearthesuicide — Thu, 19 Mar 2009 19:05:00 GMT

Bildiğiniz gibi projelerde günümüzde zaman oldukça dardır. ve sizden en kısa zamanda işi en iyi şekilde yapmanız beklenmektedir. tabii iş çok zaman az olunca yazılımcılarımız da saç baş yolmaya başlar.

Bu süreci kısaltmak ve hızlı sonuç üretmek isteyen yazılımcılar tabii ki kütüphanelere baş vururlar. işte başucunuzdan eksik edeyemeyceğiniz müthiş php kütüphaneleri.

Charting Kütüphaneleri

pchart

Belki basit grafikler için php gdi işinizi görebilir ama işler karmaşıklaştıkça daha farklı şeylere ihtiyac duyacaksınız. işte grafik kütüphanelerinden birkaçı.

pChart - çizelgeleri oluşturmak için bir PHP sınıfı.
Libchart - Basit PHP ile grafik çizim kütüphanesi.
JpGraph - Nesne yönelimli bir grafik PHP kütüphanesi oluşturmak için ideal.
Open Flash Chart - Flash tabanlı charting kütüphanesi.

Küçük resim Oluşturucu
Küçük oluşturmak için sadece değişik bir çözüm.
phpThumb - PHP Küçük yaratıcısı.

RSS Ayrıştırıcısı Kütüphaneler

RSS Çözümleme yapmak eğlenceli bir şey. bunu kolay yoldan yapabileceğiniz harika kütüphaneler olduğunu biliyor muydunuz?

MagpieRSS - Php için rss ayrıştırıcısı.
SimplePie - Süper hızlı, kolay kullanımlı, RSS ve Atom destekli php kütüphanesi.

Ödeme
Bir e-ticaret sitesi ile başa çıkmak mı istiyorsunuz? ödeme çözümü mü arıyorsunuz? Merak etmeyin. Bu kütüphane size yardım edecektir.

PHP Ödeme Kütüphanesi - Paypal, Authorize.net ve 2Checkout (2CO) uyumlu.

Veri tabanı kütüphaneleri

Bazen SQL sorgusu yazmak gerçekten sıkıcı oluyor. Bu kütüphaneler bir nebze olsun sizi gülümsetecektir.

ADOdb - PHP Veritabanı soyutlama kütüphane.
Doctrine - PHP 5.2.3 için ORM (Object relational mapper) ilişkisel haritalama aracı. En çok kullanılan veri tabanı erişim katmanıdır.

Propel - Başka bir ORM aracı.

Outlet - Açık kaynaklı bir veri tabanı kütüphanesi.

PDF Oluşturucular

FPDF - PHP ile PDF dosyaları oluşturmanıza olanak sağlayan PHP sınıfı.

Excel Dosyası oluşturucular
Excel dosyası olarak rapor oluşturmaya mı ihtiyacınız var? Her şeye çözüm bulunabilen bir platform olan phpde bunu da unutmamışlar.

php-Excel - Excel dosyaları oluşturmak için en basit kütüphane.

PHP Excel Reader - Ayrıştırma ve XLS dosyalarından bilgi almak için ideal bir kütüphane.

E-mail kütüphanleri
Php mail fonksiyonunu sevmiyor musunuz? o zaman daha kapsamlı işlemler de yapabileceğiniz kütüphanleri projenize ekleyin.

Swift Mailer - Ücretsiz Özellik zengini bir PHP Mail sınıfı.
Phpmailer - özellik zengini ve meşhur php sınıfımız php mailer.

Unit testleri ve analiz

SimpleTest - PHP unit testi ve web test için kütüphane.

PHPUnit - xUnit ailesinin ve test işlevleri kolaylıkla çalıştırmak ve sonuçları analiz etmek için bir kütüphane.

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