jquery – alperdereli.com

Haftanın Linkleri 2014-2

Alper Dereli — Thu, 16 Jan 2014 07:47:40 +0000

50 adet ücretsiz ikon seti (Speckyboy)
İmajları kod kullanarak siyah-beyaz yapmak için 3 farklı yöntem (Hongkiat.com)
Çok sayfalı wordpress bloglardaki sayfa hiyerarşisini bu eklenti ile kolaylıkla halledebilirsiniz. (Admin Column View)
“Şarjım hemen bitiyor” diyenler için pil ömrünü artırmanın 16 yöntemi (AndroidPIT)
URL kısaltma servisleri (Designrazzi)
Uyku ne işe yarar? (M. Serdar Kuzuloğlu)
Photoshop alternatifi 5 adet uygulama (Lifehacker)
2013 yılından 50 CSS aracı (Speckyboy)
Photobox – CSS3 JQuery İmaj Galeri Eklentisi (dropthebit)
Ücretsiz ekran yakalama araçları ve teknikleri (SmashingApps)

Haftanın Linkleri 2014-1

Alper Dereli — Wed, 08 Jan 2014 19:56:52 +0000

Mobil uyumlu web siteleri için 10 ipucu (Pixel77)
jQuery Form Doğrulama Eklentileri ( Speckyboy)
Android telefonların SAR değerleri (AndroidPIT)
Ücretsiz yüksek kaliteli stok fotoğraflar indirebileceğiniz web siteleri (Blaz Robar)
WordPress için 50 adet responsive portfolyo teması (Pixelbell)
2013 yılının en iyi ücretsiz fontları (Graphic Design Junction)
Web tasarım ile uğraşanlara alınabilecek hediyeler (1stWebDesigner)
Efsane Filmler, Efsane Arabalar (Sinematopya)
15 adet ücretsiz online imaj editörü (MultyShades)
20 adet ücretsiz sosyal medya ikon seti (Line25)

Haftanın Linkleri No.10

Alper Dereli — Sat, 23 Nov 2013 07:00:03 +0000

Kendi özel sosyal ağınızı kurabilmek için 6 farklı yöntem (MakeUseOf)
Grafikerler için 23 adet ücretsiz font (Vectortuts+)
Daha düzgün CSS kodları yazmak için yapılması gerekenler burada listelenmiş.
Web sitenizin ulaşılabilirliğini kontrol etmek için 15 adet izleme aracı (SmashingApps)
20 adet jQuery slider eklentisi (WebDesignDev)
Flat gölge oluşturmak için kullanılabilecek bir jQuery eklentisi
Geliştiriciler için 11 adet Framework (Code Geekz)

Haftanın Linkleri No.8

Alper Dereli — Thu, 07 Jun 2012 07:41:00 +0000

40 adet jQuery eklentisi (Speckyboy)
75 adet ücretsiz hava durumu ikonu (Climacons)
8 adet HTML Kod Doğrulama Aracı (WebDesignDev)
Su temalı 30 adet web sitesi (Web Design Fan)
Web sitelerinde slider kullanımına 21 örnek (Web Design Ledger)
Responsive(Tepkisel)* Tasarım için 5 adet CSS ipucu (Web Designer Wall)
Finger Art (Onextrapixel)

* Responsive Design için Türkçe karşılık (http://borayalcin.me/2012/03/08/responsive-design-icin-turkce-karsilik/)

Haftanın Linkleri No.6

Alper Dereli — Sun, 22 May 2011 17:24:38 +0000

Windows 7 için 30 adet kısayol tuşu ( AddictiveTips)
9 adet Photoshop desen dosyası (Web Design Blog)
jQuery Parallax efektini kullanan sitelerden örnekler (Line25)
Photoshop kullanarak arkaplan desenleri oluşturma (Webdesigntuts+)
E-bülten tasarlarken dikkat edilmesi gerekenler (Webdesigner Depot)
İlham veren 30 portfolyo tasarımı (Web Design Ledger)
WordPress için alternatif yorum sistemleri (Webdesigner Depot)
11 adet çevirimiçi dosya dönüştürme aracı (SmashingApps)
50 adet ilhamlık “yakında” sayfası ([Re]Encoded)
Tek sayfalık web siteleri (instantShift)

Haftanın Linkleri No.5 – (25 Nisan – 1 Mayıs)

Alper Dereli — Sun, 01 May 2011 19:30:41 +0000

9 adet ücretsiz PSD web şablonu (Web Design Fan)
Top 10 CSS3 tekniği (.net magazine)
Bilgisayarınız için duvar kağıtları (Web Design Blog)
Kağıt deyip geçmeyin (Noupe Design Blog)
jQuery ile yapılmış güneş sistemi örneği (Will Jessup)
PSD formatında mobil telefon arayüzleri (SmashingApps)

Haftanın Linkleri No.2 – (4 – 10 Nisan)

Alper Dereli — Sun, 10 Apr 2011 19:00:08 +0000

İleri seviye wordpress ipuçları – 1 (emrah karaalan)
50 adet ücretsiz PSD dosyası (2ExpertsDesign)
Düzenli İfadeler için kaynaklar ve araçlar (Hongkiat)
İnanılmaz makro fotoğraflar (Inspiredology)
28 adet jQuery örneği (DesignM.ag)
Fotoğrafçıların bilmesi gereken 8 efekt (1stwebdesigner)
Firefox’un performansını düşüren eklentiler (Mozilla Firefox)
20 adet WordPress Kod Parçası (SpeckyBoy)
Web tasarımcılar için 40 adet Google Chrome eklentisi (Hongkiat)
Dizüstü bilgisayarınız için pil durumunu detaylı şekilde gösteren bir program (BatteryBar)

Haftanın Linkleri No.1 – (28 Mart-3 Nisan)

Alper Dereli — Sun, 03 Apr 2011 16:57:31 +0000

Web siteleri için 60 adet online araç (InstantShift)
10 kullanışlı jQuery eklentisi (Web Design Ledger)
Legolardan yapılmış film sahneleri (Webdesigner Depot)
CSS Kod Düzeni (Club Crema)
47 adet ücretsiz font (PSDFAN)
40 adet ücretsiz online css aracı (SmashingApps)
200 adet 404 hata sayfası örneği (WebDesignShock)
8 adet online telaffuz rehberi (MakeUseOf)
Mükemmel web siteleri için planlama süreci (Web Design Ledger)
Wordpress için işe yarayacak 20 adet SQL sorgusu (Speckyboy)
Wordpress yönetim panelini düzenlemek için 10 teknik (Six Revisions)
35 adet ücretsiz PSD web sitesi (SloDive)

ASP ve Jquery ile otomatik tamamlama (auto complete) sistemi – 2

Alper Dereli — Tue, 25 May 2010 19:51:32 +0000

Daha önce PHP’den ASP’ye çevirdiğim bir otomatik tamamlama sistemi vardı. Bu ufak scriptte, aşağı ve yukarı tuşlarıyla seçim yapılamadığı ve Türkçe karakterlerde sorunlar olduğu yorum yapan arkadaşlar tarafından yazılmıştı. Açıkça söylemek gerekirse o script üzerinde vakit bulup uğraşamadım. Fakat scripti bir yerde kullanmam gerekince uğraşmamak ile hata yaptığımı anladım ve yeni bir script üzerinde çalışmanın daha mantıklı olacağını düşündüm.

Burada bulduğum otomatik tamamlama scripti aşağı-yukarı tuşlarıyla seçim yapabilme imkanı sunuyor. Fakat örnekler yine PHP ile yapılmış.

Ben örnekteki PHP sorgu sayfasının ASP versiyonunu oluşturdum. İçinde isimlerin olduğu basit bir veritabanı oluşturdum. Sayfa kodlamasını windows-1254 yerine utf-8 yaptım ki bu sayede Türkçe karakter problemi yaşanmıyor.

~~Uygulamanın çalışan şeklini buradan görebilir veya buradan indirebilirsiniz.~~

Uygulamayı buradan indirebilirsiniz.

Karşılaştığınız hatalar ya da uygulama hakkında önerileriniz olursa lütfen paylaşın ki hep beraber çözüm üretmeye çalışalım.

Github: https://github.com/alperdereli/asp-jquery-autocomplete2

ASP ve JQuery ile AJAX takvim uygulaması

Alper Dereli — Wed, 22 Jul 2009 15:41:06 +0000

Hazırlamakta olduğum blog uygulamasının içinde takvim kullanmam gerekti. İlk olarak hazırladığım örnek statik bir sayfaydı ve sadece bulunduğumuz ayın günlerini gösteriyordu. Bir müddet bu şekilde kullandıktan sonra dinamik bir takvimin daha güzel olacağını düşünerek geliştirmeye başladım.

Bu aşamada ilk önce, önceki ve sonraki ayları gösterecek şekilde kodları düzenledim. Daha sonra her ay değişiminde sayfanın yenilenmesini engellemek için ajax kullanmaya karar verdim. Bu işlemi en kolay JQuery ile halledeceğimi düşündüm. JQuery Documentation ve eburhan.com sayfalarında bulunan örneklere de bakarak JQuery kullanmaya karar verdim.

Hazırladığım örnek uygulamayı buradan indirebilirsiniz. ~~ya da çalışan versiyonu buradan görebilirsiniz.~~

Github: https://github.com/alperdereli/asp-jquery-ajax-takvim