bildirgec.org - EmrahCetiner - beğendikleri

Jquery için Veri tablosu Eklentileri (Datagrid Plugins)

EmrahCetiner — Mon, 28 Sep 2009 14:58:00 GMT

JQuery - DataGrid Eklentileri

Hızlı ve tutarlı yapısıyla diğer javascript kütüphaneleri arasından hızlıca sıyrılıp kendine özel bir yer edinen JQuery kütüphanesinin zengin özelliklerinden yararlanılarak yapılan zengin tablo uygulamaları sayesinde liste halindeki verilerinizi (Tables for Tabular Data) daha fazla kullanıcı dostu ve daha fazla etkileşimli olarak sunabilirsiniz.

İşte sizler için derlediğim Zengin JQuery Veri tablo Eklentileri (Datagrid Plugins)

1. jqGrid

jqGrid Görünümü

Favori veri tablosu eklentilerimden. Sayfalama (paging), XML, JSON, yapılarına yatkınlığı, alan başlıklarını sıralama (sortable), yeni veri ekleme, silme ve tüm bunların üzerine veri arama özelliği. Daha ne olsun değil mi? :) Ayrıca css entegrasyonu da başarılı. Bazı durumlarda hantal kalabiliyor, dikkat etmek lazım. İndirip denemek için buraya tıklayabilirsiniz.

2. Flexigrid

Flexigrid Görünümü

Bu eklenti, jqGrid'in yapabildiği herşeyi yapabiliyor üstüne bir de sütunları gizleme/gösterme ve sütunların genişliğini tekrar ölçeklendirebiliyorsunuz. (Resizable) Tek kusuru jquery'nin son versiyonu ile çalışırken başınızı ağrıtabilir. İndirmek için buraya tıklayın.

3. Ingrid

Ingrid Görünümü

İlk iki eklenti kadar tutmasamda alternatif tasarımı ile yine sayfalama ve sütunları sıralama özelliklerini barındıran bir eklenti. Yanlız bu eklenti kullanırken iyice bir araştırırsanız iyi olur çünkü okuduğum bir yazıya göre geliştirmesi durdu.
4. jTPS

jTPS Görünümü

Diğer eklentilerden farklı olarak sayfalama özelliği efektlerle zenginleştirmiş. Henüz veri arama özelliği yok. Ama alternatif arayüzü ile dikkat çeken bir eklenti.
5. FireScope Grid

FireScope Görünümü

Arabirimi çok basitmiş gibi görünebilir fakat son sürümü ile kazandığı Ajax özellikleriyle hem PHP ile hem de ASP ile sorunsuz çalışmakta. Bir göz atmanızda fayda var.
6. tgrid

tgrid Görünümü

Çok yeni bir eklenti o nedenle kullanırken dikkat etmekte fayda var. Yine diğer eklentilerde olan tüm özellikler bu eklentide de mevcut.
7. DataTables

DataTables Görünümü

İlk bakışta arabirimi çok basit hatta çirkin gelebilir fakat aldanmayın özelleştirme ve dilediğiniz gibi projenize adapte edebilme çok kolay. Çünkü jquery ThemeRoller'la uyumlu. Ayrıca çok tutarlı ve kararlı çalışan bir eklenti. Diğer eklentilerden farklı olarak belli satırlara öntanımlı renkler de verebiliyorsunuz.

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

Tek klavye ve fare ile birden fazla bilgisayarı kullanmak

EmrahCetiner — Sun, 30 Aug 2009 10:33:00 GMT

Diyelim ki ofisinizde birden fazla bilgisayar var ya da evinizde hem bir desktop hem de lcd televizyonunuza bağlı bir nettop var. Sahip olduğunuz tüm sistemler için birer klavye ve fare almak hem fazla para harcamanıza hem de daha fazla yer işgal etmenize yol açar. İşte açık kaynak yazılım Synergy tam bu noktada imdadımıza yetişiyor.

Synergy aynı ağdaki iki ya da daha fazla bilgisayarı tek klavye ve mouse ile kontrol etme olanağı sağlıyor, üstelik farklı işletim sistemleri arasında da çalışabiliyor. Sistem basitçe aynı bilgisayara bağlanmış birden çok monitör gibi çalışıyor. Yani fareyi ekranın sağına götürdüğünüz zaman sağdaki, soluna götürdüğünüz zaman ekranın solundaki monitöre geçiyor. Program kurulumu her ne kadar karmaşık görünse de aslında basit. Yapmanız gereken sadece iki bilgisayarı birbirine bağlamak ve bilgisayarların birbirlerine göre konumlandırılmasını belirtmek.

Şimdi bu muhteşem programı nasıl kullanabileceğinizi 2 bilgisayarı örnek vererek anlatacağım.

Programı biri sunucu, diğeri alıcı olmak üzere iki bilgisayara da kurun ve masaüstü ikonuna tıklayarak başlatın.

Karşınıza bu pencere çıkacak. Önce sunucuyu kuracağımız için "Share this computers keyboard & mouse" seçeneğini işaretleyin.

Configure butonuna basarak sunucu ve alıcı bilgisayarları ayarlayacağız.

+ butonuna basarak her iki bilgisayarı da ekleyin. Screen Name boşluğuna sunucu bilgisayarın ismini girin ve Ok butonuna basın. Daha sonra ana Configure penceresinde tekrar + butonuna basarak alıcı bilgisayarın ismini girin ve Ok butonuna basın. Bilgisayarların isimlerini her iki bilgisayarda da ana pencerede Advanced butonuna basarak öğrenebilirsiniz.

Şimdi önünüzde buna benzer bir görüntü olmalı. Sıra iki bilgisayarı birbirine bağlamaya ve konumlarını belirlemeye geldi. Biz örnek olarak bir Laptop ve önündeki Lcd ekrana bağlı bilgisayarı birbirine bağlayalım.

Burası biraz komplike görünebilir ama aslında yapmanız gereken tek şey hangi bilgisayarın diğerinin ne tarafında olduğunu belirtmek.

Lcd'nin laptop'ın üstünde olduğunu belirtmek için penceredeki seçenekleri sırasıyla "Top - Laptop - Lcd" yapın. + butonuna bastığınız zaman eğer doğru yaptıysanız bağlantının "Lcd is above Laptop" olduğunu göreceksiniz.

Laptop'ın, Lcd'nin altında olduğunu belirtmek için ise tam tersini yani sırasıyla "Bottom - Lcd - Laptop" yapın. + butonuna bastığınız zaman "Laptop is belove Lcd" olduğunu göreceksiniz.

Sunucu bilgisayarın kurulumu tamamlandı. Şimdi sıra alıcıyı kurmakta. Alıcı bilgisayarda da programı çalıştırın ve üstteki "Use another computers shared keyboard & mouse" seçeneğini işaretleyin.

Şimdi tekrar sunucu bilgisayara dönüp test butonuna basın. Eğer herşeyi doğru yaptıysanız bağlantının sorunsuz gerçekleştiğiyle ilgili bir mesaj alacaksınız. Bu artık iki bilgisayarı da kullanabilirsiniz manasına geliyor.

Son olarak her iki bilgisayarda da Start butonlarına basarak bağlantıyı kurun. Onay mesajını aldıktan sonra Laptopınızdan Lcd televizyonunuza bağlı bilgisayarınızı kullanabileceksiniz.

Programla indirmek için buraya, daha detaylı bilgi almak için buraya tıklayın. Sitede diğer işletim sistemleri için kurulum ve bağlantılar açıklanmıştır.

Umarım bu süper kullanışlı program işinize yaramıştır.

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

Spam Kara Listelerinden Çıkmak

EmrahCetiner — Thu, 20 Nov 2008 16:04:00 GMT

Günümüzde spam müthiş bir olgu olmuş durumda. ve bu olgudan geçim sağlayan bir sürü sektör var. Reklam verenler, bunun teknolojik alt yapısını sağlayanlar. Aynı zamanda bu işten yaka silken kullanıcılar ve bu kullanıcıları koruma amaçlı kurulmuş altyapılar var.

Bu yazının amacı koruma amaçlı oluşturulmuş, spamcilerin kara listesini tutan yerler. Eğer bir sunucunuz varsa muhakkak spam listeleriyle bir maceranız olmuştur. Kurunun yanında her zaman yaşta yanacak değil.

spam lists

En bilinenlerini sıralayacağım bu listelerin bir çoğunda listeden çıkmak için başvuru yapabileceğiniz formlar mevcut.

Symantec Mail Security;
Hotmail alt yapısı bununla korunuyor. Eğer hotmail'den spam listesine düştüğünüze dair mail geri geliyorsa bu sunucu Ip adresinizi kontrol etmenizde fayda var.
Eğer hotmail'e hiç bir şekilde mail gönderemiyorsanız. Bu adresteki çözümü denemenizde fayda var.
SpamCop;
Bu da çoğunlukla sunucular tarafından tercih edilen bir spam koruma listesi. Kara listede olup olmadığınızı kontrol etmek için bu adrese.
SpamHaus;
Başka bir spam kara listesi. Kontrol adresi.

Bu liste uzayıp gidiyor.
Topluca kontrol yapabileceğiniz iki adres: mytoolbox, blacklistalert. bu sitelerde kontrol edilen listelerin kendi sitelerinden listeden çıkma başvurusu yapabilirsiniz.

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

50+ Güzel Css Tab Örneği

EmrahCetiner — Wed, 25 Jun 2008 16:36:00 GMT

50+ Css tab örneğini inceleyebilir, beğendiklerinizi kullanmak için, kodlarını alabilirsiniz. Linklere tıklayarak açılan sayfalarda deneyebilir, aynı sayfadan kodları da yükleyebilirsiniz. Yazının orijinali buradadır.
İşte css tablar:

İlk 26 bunlardı, kalan 26 da burada.

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

ajax uygulamaları 3

EmrahCetiner — Tue, 12 Jun 2007 18:39:00 GMT

Çeşitli ajax uygulamaları:

ASK

linklere tıklanıldığı zaman ilgili menülerin açılmasını sağlıyor.
jQuery spy

digg tarzında bir uygulama. yazılar gönderildikçe ve "digg"lendikçe sayfada görünüyor.
GreyBox

websiteleri veya resimleri göstermek için yeni pencereleri kullanan bir uygulama.
Column & Bar chart

istatistiki tablolar hazırlamak için kullanabilirsiniz.
Orangoo Spell

Google spell checker tarzında bir yazım denetleme aracı.
Ajax Domain Search

Ajax Domain Search aslında ajax tabanlı bir alan adı sorgulama sitesi. bloglarında uygulamayı paylaşmışlar.
jQuery Portlets

site üzerinde bulunan kutuların kullanıcıların istekleri doğrultusunda yer değiştirmesine olanak veriyor. wordpress'teki bileşen ayarları gibi.
Relay

daha çok profesyonel siteler için uygun olabilecek bir database yönetim sistemi.
TurboDbAdmin

yine bir db yönetim uygulaması.
TableKit

geniş kapsamlı bir veri tablosu hazırlayabilirsiniz.
Timeline

zaman çizelgeleri için kullanabilirsiniz.
Really easy field validation

bir form hazırlama ve onaylama uygulaması.

Ajax uygulamaları için kaynak. Sitede yazıda olanların haricinde örnekler de mevcut. Daha önce bildirgeç'te verildiği için yeniden bu başlıklar altında yazmayı uygun görmedim.

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

47 Mükemmel Ajax destekli CSS Form

EmrahCetiner — Tue, 30 Sep 2008 19:43:00 GMT

Formlar genellikle katı, görsel elemanlardan yapılardan oluşur. Bu elemanlar css ve ajax kullanılarak güzelleştirilebilir, yaratıcılık ve kullanım rahatlığı eklenebilir.

Ajax sayesınde kontroller hızla yapılarak formlar kullanıcı dostu kılınabilir.

Şu site 47 mükemmel Ajax destekli CSS formu derlemiş.

1) Uni Form

2) Sadece CSS, tablosuz formlar

3) Tablosuz Formlar

4) hoş stilli bir form

Tüm derlemeye şuradan ulaşabilirsiniz.

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

akordiyon menü örnekleri

EmrahCetiner — Mon, 06 Oct 2008 13:19:00 GMT

akordiyon menüleri tasarımlarınızın yan sütunlarını işlevsel hale getirmek için kullanabilirsiniz. konuyla ilgili internette çeşitli ücretsiz uygulamalar mevcut.

kaynak

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

50+ tooltip (baloncuk) script'i

EmrahCetiner — Mon, 20 Oct 2008 05:12:00 GMT

sitelerde yayımlanan yazılarda, haberlerde bazı kelime veya resimlere scriptler uygulanarak reklam ve açıklamalar getiren baloncukların (tooltip) ajax, css, javascript kullanarak nasıl yapıldıklarını anlatan ve birçok siteden derlenen bu liste bayağı uzun. istenilen kelimeye veya resme html dosyasıyla yapılan bu uygulamalardan bir kısmını açıklamaya çalışayım.

1) örnek sayfa, küçük bir javascript dosyası, görünüm için css kodları ve script'te kullanılan baloncuk resmini barındıran bu dosya ile aşağıdakine benzer görünümler oluşturabilirsiniz.script açıklama demo

2) onmouseover veya tıklama ile aktif olabilen bu uygulama; bir javascript dosyası, örnek sayfa ve bu sayfaya ait resim dosyaları ekli olan bu dosya ile yazı ve resimlerinize yukarıdakine benzeyen fakat köşeli olan geniş ve uzun olarak da gözükebilecek baloncuklar oluşturabilirsiniz. script açıklama demo

3) açıklama kutusu içerisinde tekrar açıklama kutusu kullanabileceğiniz, kutu üzerinde gezinebileceğiniz bu uygulama gayet kapsamlı ve kullanışlı. css ve js ekli dosyayı buradan indirebilirsiniz. script açıklama demo

4) ajaxla yapılmış, formlarda ve farklı fonksiyonlarda kullanılabilen araç ipuçları için buradan açıklama sayfasına gidebilir buradan da form araç ipucu dosyasını(demo) indirebilirsiniz.

5) wordpress kullanıcıları da aşağıdaki uygulamayı bu pluginle sayfalarında gösterebilirler.

6) wordpress için bir başka araç ipucu plugini

buraya ekleyemediğim diğer scriptlere bu adresten ulaşabilirsiniz.

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

25 Ajax Dersi

EmrahCetiner — Mon, 16 Jun 2008 08:29:00 GMT

Artık herkes onu kullanıyor! AJAX! Eğer güzel bir websitesi yapmak istiyen ve ajaxtan hoşlananlar ve öğrenmek isteyenler için güzel bir kaynak olacak umarım.

1.Ajax RSS Reader

Ajax,PHP ve MySQL ile yapılmış bir Rss okuyucusu.
2.Ajax Desktop Tutorial

Bu ders size adım adım nasıl masaüstüne benzeyen bir sayfa yapacağınızı anlatıyor.Demosu burada.
3.Ajax For Chat
JavaScript, XML, ve PHP ile birlikte basit bir chat uygulaması yaratabilirsiniz.
4.Ajax ve del.icio.us ile kendi bilgi alanınız
Bu teknik ana hatlarıyla Ajax ve API yi birlikte kullanmayı öğretiyor.
5.Ajax İçin Harita
Ajax ve flash kullanarak "windows gezgini" benzeri uygulama üretebilirsiniz. Biraz daha ayrıntı burada.
6.Ajax ve PHP ile Takvim
7.Google Takvimi' ni Sitenize Ajax İle Entegre
8. Edit In Place with AJAX Using jQuery
9.Ajax İle Oylama
10.Ajax İle Dosya Upload
11.Ajax ve PHP ile mail list oluşturmak
12.CAPTCHA ile iletişim formu
13.Ajax' ı captcha ile kullanın
14.Ajax Login Form
15.Yazılar için Ajax efekti | Demosu burada.
16.Form Tamamlayıcı | Demo burada
17.Auto-populating Select Boxes using jQuery & AJAX | Demo burada.

18.Ajax Açılır Menü
19.Ajax/PHP shoutbox
20.Ajax Tab Menü
21.How to Load In and Animate Content with jQuery
22.The Hows and Whys of Degradable Ajax
23.Ajaxın yarattığı gereksiz trafikden kurtulun
24.Geri butonu
25.Ekran okuyucuları

Bu dersler ingilizce olduğu için anlayamayanlar olacaktır. Ancak örneklere ve kodlara bakmanız halinde de fikir sahibi olacağınızı düşünüyorum.

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

Profesyonel Ajax ve Javascript'ler

EmrahCetiner — Fri, 18 Apr 2008 20:54:00 GMT

Profesyonel Ajax | Javascript Scriptler

ajax ve javascript'ler bizlere kolaylık sağlama ve görsellik açıdan gerçekten mükemmel.işte bu yazıda ajax ve javascript ile kodlanmış profesyonel script'leri açıklayacağım başlıyalım ;

FancyUpload
Swf ve ajaxla birleşmiş çoklu upload (yükleme) özelliği desteği olan dosya yüklenme yüzdelerini ve işlemin sonlanmasına ne kadar kaldığını gösteren programcık.

FancyUpload

Coda Popup Bubbles
aşağıdaki resimden azda olsa anlaşıldığı gibi herhangi bir linkin üzerine gelindiğinde o link hakkında açıklama baloncuğu açılır. ayrıntıları sitesinde detaylı bir şekilde anlatılmış.

Code Popup Bubbles

Ext JS - JavaScript Library
Javascript ile hazırlanmış kütüphane scriptinin 2.0 versiyonu. gerçekten güzel bir uygulama. indirmek isteyenler sitesini ziyaret edebilir.

Ext JS

Taggify Tooltips
bu script sizlere resimlerinizdeki kişileri tanıtmanız için (popup, tooltips) geliştirilmiş. sitesinde örnek uygulama mevcut. örneklerde görüldüğü üzere bill gates'in kafasına farenin imlecini getince bir açıklama gösterir.

Taggify Tooltips

Relay - Ajax Directory Manager
bu çalışma dosya yönetim kütüphanesi script'tidir. kişisel favorim olduğunu söyleyebilirim. site anasayfası için buraya, demo için buraya,indirmek için ise şuraya tıklamanız yeterli.

ReLay

cforms II
ajax ile tasarlanan, çoklu tema desteği olan bir wordpress iletişim formu eklentisidir.

cforms 2

Mootools animated sidebar menu
mootools sitesinin anasayfasındaki hoş menünün nasıl olacağını anlatan bir ders ve dosyaları.

Mootools animated sidebar menu

LiveValidation
bu script ile neredeyse her üye olunan sitede gördüğümüz yalnış-doğru uygulamasının biraz değişiği. değişik olan yanı, sizin belirlediğiniz yazıdaki yalnışları kırmızı bir uyarı ile veriyor olmadı. doğru girilirse durumunda herhangi bir uyarı ile karşılaşılmıyor. script'in demosunu görmek için anasayfasında ki küçük kutucuğa bişeyler yazanilirsiniz.

LiveValidation

Creating a table with dynamically highlighted columns
genellikle ücretli servis sunan sitelerde gördüğümüz fiyat kolonlarına benzeyen bir uygulama. demo sayfasından detaylı bilgiye ulaşabilirsiniz. indirmek için ise tıklayınız.

Creating a table with dynamically highlighted columns

jsProgressBarHandler
yüklemelerde yüzdelikleri gösteren javascript'tir. uygulama webappers tarafından css ile geliştirilmiştir.

jsProgressBarHandler

mooSocialize - ajax based social bookmark widget
favori sosyal ağlara istediğiniz bir yazıyı göndermek için ihtiyacınız olan anlatımı ve dosyaları sunuyor. demosu da sitede mevcut.

mooSocialize - ajax based social bookmark widget

Sexy sliding JavaScript side bar menu using mootools
hoş bir menü sistemi hani şu monoton olan yandan açılan menüler gibi ama çok güzel gelişmiş ve anlatım + demolu.

Sexy Menü

Çeşitli uygulamar;

yazının orjinaline şuradan ulaşabilirsiniz.

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