bildirgec.org - yvzyldrm - beğendikleri

tshirt tasarım

yvzyldrm — Tue, 22 Mar 2005 23:02:19 GMT

tshirt konusunda burda bahsettiğim türden özel tasarım yapıp satan siteler biliyor musunuz? önceden derush.net adlı bir grup vardı ama sitelerini kapatmışlar.

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

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

5 Web Site Hız Optimize Uygulaması

yvzyldrm — Fri, 18 Dec 2009 10:26:00 GMT

Web sitelerinde hız önemlidir. Site ne kadar hızlı açılırsa verim o kadar yüksek olur ve kullanıcıların etkisi daha fazla olur. Yavaş açılan servislere kullanıcılar bir süre sonra girmek istemezler. Bu sorunlar sayfanızda, serverda vb. gibi birçok etkende olabilir. İşte bunları test eden en iyi 5 araç;

Yahoo! YSlow

Yslow tüm hız optimizasyon araçları bulunan bir servis. Sayfalarınızın hızlarını, ziyaretçi sayıları ve verimliği size sunar. Hızı arttırmak için yöntemler önerir. İçerik, sunucu, çerez, CSS, JavaScript, resimler ve mobil olmak üzere 7 bölümden oluşmakta. Ayrıca Firebug entegreli olarak bir firefox eklentiside bulunmakta.

Web Page Analyzer

URL girildikten sonra web sitesini analiz eder ve raporu size verir. Sayfa boyutu, kompozisyon ve indirme zamanı gibi birçok şeyi hesaplar. Sitenizin tüm istatiklerini, iyi kötü ne yaptığını bu servis ile öğrenebilirsiniz.

Google Page Speed

Yslow benzeri bir araçtır. Sayfaları 5 ayrı bölümde inceleyerek size rapor verir. Test tamamlandıktan sonra size yardımcı olur ve yaptığınız değişikliklere göre verimi ölçer.

Google Webmaster Tools Site Performance

Sayfaların yükünü nasıl azaltabileceğiniz, daha hızlı nasıl sayfanın yüklenmesi gerektiği hakkında sorunlarınız varsa bu araç tam size göre. Kullanıcıların verimine göre size öneriler verebilir. Siteye giren her kullanıcının performansını kaydedip size istatistik olarak yansıtır.

SmartSprites

Diğer araçlardan farklı olarak css tasarımınızı, hızınızı ve veriminizi inceler. Css'nin kaç saniyede yüklendiğini hataları, gereksiz kod yığınlarını ölçer ve css dosyalarınızı hızlandırmak için size öneriler bulunur.

Ayrıca Bakınız;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS
Kaynak;

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

En iyi T-shirt Siteleri

yvzyldrm — Wed, 25 Nov 2009 15:02:00 GMT

Malumunuz bir t-shirt tasarımı çılgınlığıdır gidiyor. Hatta tasarım dünyasının en kayda değer kazancı t-shirtlerden elde ediliyor. Hal böyle olunca internette, hazır tasarımları satın alabileceğiniz ya da yaratıcılığınıza güveniyorsanız kendi tasarımlarınızı bastırıp satın alabileceğiniz onlarca t-shirt sitesi var artık.

İşte bu noktada, ilham alınacak website tasarımlarıyla da dikkat çeken internet dünyasının belki de en iyi t-shirt sitelerini bildirmekte fayda var.

The Hipstery! Mystery T-Shirts

To Write Love on Her Arms

University of Whatever Clothing

Dropdead Clothing

Nerdy Shirts

Tokotoukan

Daha fazlasına bu kaynaktan bakabilirsiniz.

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

Firebug kullanmak için 10 sebep

yvzyldrm — Tue, 22 Sep 2009 10:26:00 GMT

Firebug

Firebug daima web geliştiricileri arasında en yoğun kullanılan en popüler araçlardan birisi olmuştur. Firefox'u muhteşem yapan eklentilerden birisi bence. Bu yazıda firebug kullanmanız için sizi ikna edebilecek 10 konudan bahsedeceğim.

Sebep 1: Konsol

Firebug - Konsol

firebug'ı açınca ilk farkedeceğiniz şey (ister sağ alttaki simgeye tıklayarak açın, ister ctrl+f12 kısayolunu kullanın) karşınıza çıkacak olan konsol paneli olacaktır. Firefox'un hata konsolu ile çok benzeştiğini düşünseniz de, ortak özellikleri şunlar:
- Hata, uyarı, ikaz görüntüleme
- Javascript kodu çalıştırabilme
Ancak firefug konsolu eşsiz kılan ek özellikler şunlar:
- Javascript, CSS, XML, xmlhttprequest (ajax) ve firefox'un kendi iç hatalarını görüntüleyebilir.
- mevcut sayfa üzerinde javascript kodu çalıştırabilir.
Örnek bir sayfa üzerinde incelemek gerekirse.

sebep 2: HTML

Firebug - Html

Firebug'un panelleri arasında belki de en çok zaman geçireceğiniz panel html paneli.
- 1. Ögeyi incele olarak çevirebileceğimiz bu düğme, hem hangi ögeyi incelediğinizi kısaca size gösterirken, hem de istediğiniz tag'i seçme konusunda inanılmaz bir kolaylık sağlıyor.
- 2. Burada seçili olan tag'in hiyerarşik yapısını görebilir ve üzerinde değiştirmekten silmeye kadar her türlü işlemi yapabilirsiniz.

- 3. Ana kod penceresi, kod üzerinde hızlı değişiklikler yapma eksiklikleri kapatmak için birebir. Erken kapatılmış bir div gibi.
- 4. Bu bölümde firefox'un seçili olan tag için hesapladığı stil elementlerini görebilir ve değiştirebilirsiniz.
- 5. Yerleşim bölümünde kolaylıkla, offset, margin, border ve padding değerlerini görebilirsiniz.

Firebug - Html - Yerleşim

- 6. Ayrıca dom kısmında seçili ögeye ait, bütün method ve özellikleri görebilirsiniz.

sebep 3: CSS
Hesaplanmamış olan temel css verileri ile direk oynayabilirsiniz. psd'den xhtml'e çevirim yaparken direk buradan çalışmak inanılmaz zaman kazandırıyor.

Firebug - CSS

- 1. Çalıştığımız sayfada birden fazla stil dökümanı varsa istediğimizi seçebiliriz.
- 2. CSS kodunun gösterildiği ana bölge.
- 3. CSS değerleri kolaylıkla değiştirilebilir.
- 4. istenilen CSS değeri engellenebilir. etkisiz hale getirebilir.

sebep 4: Script
Hazır script kodu kullandığınız zamanların dışında neredeyse her zaman script kodları ile büyük savaşlar vermeniz gerekir. Böyle durumlarda firefox'un script konsolu hiç de yeterli gelmez. Firebug ise bu noktada oldukça etkilidir.

Firebug - Script

- 1. Üzerinde çalışacağınız js dosyasını seçebilirsiniz.
- 2. Debug işlemleri. çalıştır, bir adım çalıştır, bölüm bitinceye kadar çalıştır vs.
- 3. Ana kod bölmesi. durma noktaları tanımlayabilirsiniz (kırmızı notka.)
- 4. DOM ekranı gibi çalışan objelere ait çıktıları inceleyebilirsiniz.
- 5. Değişkenlerin stack'teki değişimi izleyebilirsiniz.
- 6. Aktif durma noktalarının listesi.

sebep 5: Performans Testi
Herhangi bir javascript'in ne kadar sürede tamamlanacağı gibi bir performans testi yapmak istiyorsanız, firefug'un kendisine özgü console.time fonksiyonunu kullanın.

function timetracker() { console.time("mytimer"); for(x=5000; x > 0; x--) { } console.timeend("mytimer");
}

Çok basit üç adımla işlemi tamamlayabilirsiniz. console.time fonksiyonunu istediğini bir benzersiz isimle çağırın, araya kodunuzu koyun ve gene aynı şekilde benzersiz isimle console.timeend fonksiyonunu çağırın. benzersiz isim kullanarak istediğiniz kadar timer kullanabilir ve her birinin performansını ayrı ayrı görebilirsiniz.

sebep 6: Bağlantı
Sayfanın yüklenmesinin ne kadar sürdüğünü merak mı ediyorsunuz? veya hangi sayfanın, dosyanın ne kadar sürede yüklendiğini? sayfanın gecikme nedenlerini keşfedebileceğiniz ve performans üzerine çalışabileceğiniz yegane sekme Bağlantı sekmesidir.

Firebug - Bağlantı

- 1. Tiplerine göre istek (sorgu) tiplerini filtreleyebilirsiniz.
- 2. Ana bölüm. Bu bölüm içerisinde toplam istek miktarını ve her bir isteğin, boyutu, ne kadarının bellekten öntanımlı alındığını, tamamlanmasının ne kadar sürdüğü gibi bilgileri alabilirsiniz.
- 3. Üzerine tıklandığı taktirde http başlıkları gibi daha ayrıntılı bilgiler edinilebilir.

sebep 7: Kaynak
CodeBurner eklentisi ile edinilen ekstra bir panel. isminden de tahmin edebileceğiniz gibi html ve css kodları için size kaynak sağlayarak ne anlama geldiklerini vakit kaybı yaşamadan öğrenmenizi sağlar.

Firebug - Kaynak

- 1. Arama ve filtreleme yapabiliyorsunuz.
- 2. Arama sonucunun çıkacağı bölge.
- 3. Uyumluluk listesi. Seçtiğiniz ögenin tarayıcılar ile olan uyumunu kolaylıkla görebilirsiniz.
- 4. Örnekler, versiyon bilgileri, uyumluluk ve daha ayrıntılı tanım gibi bilgilere bu link üzerinden ulaşabilirsiniz.

sebep 8: hatasız piksel
Eğer photoshop üzerinde hazırladığınız bir web sitesini psd'den xhtml'e dönüştürmüşseniz, hatasız piksel ölçümlerinin ve boşlukların ne kadar önemli olduğunu biliyorsunuzdur. PikselPerfect (hatasız piksel) size bu konuda yardımcı olacaktır.

Firebug - Hatasız Piksel

- 1. Bu düğmeyle yeni katman resim ekleyebilirsiniz.
- 2. Katman resimleri istediğiniz gibi yönetebilir ve silebilirsiniz.
- 3. Resimlerin konumları üzerinde oynabilirsiniz.

sebep 9: Neden Yavaş
Yahoo tarafından geliştirilmiş bir firefug eklentisi daha. YSlow, okunuşuyla beraber çevirirseniz, "Neden Yavaş". Eklenti, yapmış olduğu bir dizi teste dayanaraktan size hız ve performans konusunda tavsiyelerde bulunuyor.

Firebug - Neden Yavaş

Genel performansınızı değerlendirerek, hemen etkisini gösterecek olan önerilerde bulunuyor.

Firebug - Neden Yavaş

Dilim grafiklerle de anlatımını destekliyor.

sebep 10: FirePHP
En son sebebimiz de PHP kod geliştiricileri oldukça mutlu edecek bir eklenti. FirePHP, bu eklenti sayesinda php kodunuzun içinden doğrudan firefug konsola çeşitli bilgiler gönderebilirsiniz. isterseniz kayıt, bilgi, uyarı, hata gibi veriler seçebilirsiniz.

fb::log('log message'); fb::info('info message'); fb::warn('warn message'); fb::error('error message');

Sonuç
Umarım bu küçük firebug panel ve eklentileri tanıtımı size yardımcı olmuştur. halen daha bir çok tasarımcı temel kod tasarımlarından, düzeltmelerine kadar bir çok işini firebug üzerinden gerçekleştiriyor. Ve bu tür eklentiler firefox'u özgür kılıyor. Konu içerisinde geçen eklentilere de aşağıdaki adreslerden ulaşabilirsiniz.

Firebug
CodeBurner
PixelPerfect
YSlow
FirePHP

Orjinal

Bu yazı yvzyldrm 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 Gayet Faydalı 15 "Css Grid Yerleşimi" Üreteci

yvzyldrm — Wed, 03 Jun 2009 08:43:00 GMT

Tasarımcılara yardımcı olacak bir sürü çevrimiçi üreteç bulunuyor. Örneğin favicon, arkaplan, buton, kimlik kartı en popüler üreteçler arasında yer almaktadır.

Aşağıda Css Grid şablonları oluşturabileceğiniz sitelere ulaşabilirsiniz.

1 - Grid Layout Generator by Pagecolumn

2 - Grid Generator by DesignByGrid

3 - Blueprint Grid CSS Generator

4 - Grid Generator by netProtozo

5 - Grid Designer (featured in Creative Review magazine)

6 - Grid System Generator

7 - YUI CSS Grid Builder

8 - Variable Grid System

9 - YAML Builder

10 - Layout Generators by Pagecolumn

11 - Fisheye

12 - CSS Layout Generator by CSSCreator

13 - Firdamatic

14 - CSS Source Ordered Variable Border 1-3 Columned Page Maker

15 - CSS Layout Generator by CSSPortal

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

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

Seçim Körlüğü: Ne İstediğinizi Bilmiyorsunuz

yvzyldrm — Thu, 23 Apr 2009 14:45:00 GMT

Algı değişiklikleri ile kendi uzmanlık alanlarında bile çok basit testlerde hata yapan uzmanları duymuşuzdur: bir şarap uzmanının kırmızı ve beyaz şarabı ayırt edememesi (karartılmış bardaklar içinde) veya sanat eleştirmenlerinin bilgisayar tarafından rastgele çizilmiş çizgilere bakarak çok derin anlamlar görmeleri gibi. Böyle öykülerden hepimiz zevk alırız çünkü kişiler bir konuda gerçek otorite olduklarını iddia etmeyi arzularlar. Peki ama eğer gündelik seçimlerimizi nasıl yaptığımızı incelemeye kalkarsak.. Uzmanlar uzmanlıklarının el verdiği ölçüde ve bu limitler içinde hata yaptıklarında kabul görebilirler ama peki ya bizler kendimiz üzerine en uzman kişiler olarak hata yaptığımız zaman bu kabul edilebilir bir hata olur mu?

Gerçek seçimimiz gizlice değiştirilse bile sorulduğunda seçimimizi şiddetle savunuyoruz. Fotoğraf: Peter Cade / Getty

Bu sorunun cevabı bazı illüzyon numaraları kullanılarak bulunmaya çalışılmış. Katılımcılara sunulan alternatifler üzerinde bazı numaralar yapmaktansa habersiz olarak kişilerin seçim sonuçları üzerinde numaralar yapılmış ve nasıl tepki verdikleri kaydedilmiş. Örneğin, ön çalışma olarak katılımcılara insan yüzü fotoğrafı çiftleri gösterilmiş ve daha çekici olanı seçmeleri istenmiş. Bazı denemelerde kişilerden, seçim yaptıktan hemen sonra seçimlerinin arkasında yatan nedenleri açıklamaları istenmiş.
Habersiz olarak, bazı denemelerde çift-kart illüzyonu ile seçtikleri yüz aslında seçmedikleri yüze ait fotoğrafla değiştirilmiş. Genel yargı, böyle bir değişiklik olduğunda çok büyük ihtimalle hepimizin bunu hemen fark edeceği yönünde. Fakat sonuçlar %75 oranla katılımcılar illüzyona kandıklarını ve aslında seçmedikleri yüzü neden seçtiklerine dair açıklamada bile bulunduklarını gösteriyor. (deney videosu)

Psikologların ortamdaki büyük değişikliklerin bile büyük bir insan kitlesi tarafından algılanamaması olgusuna verdikleri isim olan “değişim körlüğü” isminden hareketle bu olguya “seçim körlüğü” ismi verilmiş. Konuyla ilgili ünlü bir deneyde X kişisi bir Y kişisine adres tarifi sormakta, Y kişisi adresi tarif etmekle meşgulken görmediği bir zamanda X kişisi bir Z kişisi ile değiştirilmektedir ve Y kişisi adres soran kişinin değişmiş olduğunun farkına varamamaktadır. Araştırmacılar hala bu fenomenin tam etkilerini incelemektedir ama kısaca bu fenomen gündelik hayatta ne kadar az bilgiyi kullandığımızı kanıtlamaktadır ve çevremizde ne olup bittiğini sürekli olarak bildiğimiz fikrini ortadan kaldırmaktadır.

Seçim körlüğü ile zihnimizin verdiği kararlar ile niyetleri arasında büyük fark yaratılabiliyor. Katılımcılar aslında yapmadıkları seçimlerinin nedenleri ile sözlü açıklamalar yaptıklarında aslında bu açıklamaların doğru olmadığını kanıtlamış oldular. Böylece deney insanların bir durum karşısında seçimlerini haklı kılmak için uydurdukları hikayeleri göstermiş oldu.
Daha da önemlisi katılımcıların yaptıkları bu açıklamalar onların gelecekteki seçimlerini de etkiliyor. “Seçimimi sesli olarak dile getirdim bu yüzden artık gerçekten onu sevmeliyim.” gibi bir psikolojiye girildiğinden bahsedilebilir ve bu etkinin günlük seçimlerimizin hepsini bir şekilde şekillendirdiği söylenebilir.

Bu etkinin günlük hayattaki limitlerini keşfetmek için yapılan başka bir deneyde süpermarket müşterilerinden çeşitli reçel ve çaylar arasından seçim yapmaları istenmiş. Katılımcıların gerçek seçimlerini fark ettirmeden değiştirmek için iki grup “sihirli” reçel kavonuzu tasarlanmış. Kavanozların hem üstünde hem de dibinde birer kapak ve tam ortasında bir separatör bulunmakta. Kavanozlar tamamen normal gözükmekte ama her ucunda iki farklı tip reçel veya çayı barındırmak için tasarlanmış ve kolaylıkla tersine çevrilebilmektedir.

Katılımcılar seçimlerini yaptıktan hemen sonra seçtikleri ürünü tekrar tatmalarını ve sözlü olarak seçimlerinin nedenlerini açıklamaları istenmiş. Bunu yapmadan önceden kaplar fark ettirilmeden ters çevrilmiş ve tadan kişiye aslında seçtiği değil seçmediği ürün geri verilmiş. İlginç bir şekilde bir çok denemede sadece üç kere ürünün değiştiğini fark etmişler. Üstelik daha da ileri gidilerek bu sefer ürünler benzer değil çok farklı tatlarla değiştirilmiş, baharatlı tarçın ve elma ile acı greyfurt reçeli gibi ve katılımcıların sadece yarısı bu büyük değişimi fark etmiş.

Bu tip etkiler online alışveriş yapan tüketiciler için bilgisayarlar, cep telefonları hatta ev seçimleri ile de denenmiş ve benzer etki görülmüş.

“Bu deneyleri kimle yapıyorlar, ben fark ederim bunu kesin, seçimlerimi bilmiyor muyum sanki ben?” diyen okuyucular için belirtmek isterim ki; deneyler süresince katılımcılar kandırıldıklarının farkında olmadan karar verme yetileri ile ilgili bazı sorular sorulmuş. Eğer böyle bir deney size yapılsaydı ne olurdu? Değişimi fark eder miydiniz? gibi. Beklendiği üzere insanların %90’a yakın kısmı böyle bir durumda değişimi fark edeceklerini söylemişler.

Deneyin aslında onlara uygulandığı ve çoktan kandırıldıkları söylendiğinde katılımcıların yaşadığı şaşkınlığı ve hatta inanmama duygusunu düşünün. Günlük seçimlerde kendi kararlarımıza ne kadar gözü kapalı inandığımızı düşünün, aynen şaraplarla ilgili her şeyi bildiğini düşünen bir şarap uzmanı veya sanattan çok iyi anladığını düşünen bir sanat eleştirmeni gibi. Ama iyi haber şu ki bu tedavi edilebilir, bu yazıyı okumak bile tedavi olmanızı sağlayabilir.

Kaynak: Lars Hall and Petter Johansson lead the Choice Blindness Laboratory at Lund University, Sweden. Johansson is also affiliated with the ERATO Shimojo Implicit Brain Function Project and the University of Tokyo, Japan. Their 2005 Science paper on choice blindness initiated wider interest in the field.

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

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

yvzyldrm — Tue, 21 Apr 2009 12:28:00 GMT

Bu yazıda web tasarımı ve geliştiricileri için yaratıcı örneklere ulaşabileceksiniz. Aynı zamanda html ve css ile ilgili bazı dersler bulunmaktadır. bunlar size ilham kaynağı olacaktır.

1 - Padding Top (ders)

2 - Text Shadow (metin gölgelendirme) (ders)

3 - Z-Index (ders)

4 - List-Style-Type (ders)

5 - Import Libraries (kütüphaneleri içeri aktarmak) ders

6 - Web Design Drawing (Web tasarım çizimi)

7 - Syntax Error (Sözdizimi hatası)

8 - Desk (masa)

9 - End Smile (gülümseme sonu)

10 - Vera Graphic Design (vera grafik tasarımı)

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

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

101 Yüksek Kaliteli Css ve XHTML Web Şablonu

101 Daha Kaliteli Css ve XHTML Web Şablonu

Web Geliştiricileri İçin En İyi 50 Firefox Eklentisi

35+ Faydalı Photoshop Eklentisi

22 Fantezi Photoshop Dersi ve 125 Photoshop Fırçası

25 İlham Veren Logo Tasarım Kaynağı

40 yüksek kaliteli simge seti

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

En iyi 5 web tasarım aracı

70 Kurumsal Maskot Tasarımı

20 Güzel Klasikleşmiş Photoshop Fırça Seti

kaynak: desizntech
diğer yazılarım
yazılarımı rss üzerinden takip edebilirsiniz

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

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

8 süper seksi web istatistik yazılımı

yvzyldrm — Sun, 17 Aug 2008 12:03:00 GMT

Eğer bir web siteniz varsa mutlaka bir istatistik yazılımı kullanıyorsunuzdur. Sitenizi kaç kişinin ziyaret ettiğini, hangi sayfaları gezdiğini, hangi ülkeden, hangi web tarayıcısından gezdiğini vs. bu yazılımlar sayesinde öğrenebilir, analizini yapabilir ve bu verileri saklayabilirsiniz. İşte burada da çok kullanışlı 8 web istatistik yazılımı listelenmiş. Ancak yazılımlardan bazıları ücretli.

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

Dünyada en iyi tasarıma sahip 10 site

yvzyldrm — Thu, 07 Aug 2008 18:46:00 GMT

1994’den beri web sitesi tasarımı yapan Ben Hunt adındaki adam, burada dünyada en iyi tasarıma sahip 10 seçkin siteyi sıralamış. Tabii ki bu sıralama onun kendi tercihini yansıtıyor. Ancak neden bu siteleri seçtiğini de anlatmış. Ben Hunt’un web tasarımıyla ilgili bir de kitabı var.

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