Jquery: Screenshot Preview (Url bağlantısında site görünümü gösterme)

Sistemlerimizde yer alan linkler linklerin açıklamalarını yazı şeklinde yapabildiğimiz gibi Screenshot (Ekran Resmi) şeklindede yapabiliriz. Bu sayede kullanıcıların daha iyi bilgilendirilmesini sağlayabiliriz.Örneğimizde jquery ile screenshot önizlemesi yapıyoruz.

PHP:Jquery: Image Crop Thumbnail (JCrop)

Kullanıcıların profil resimlerini diledikleri ölçüde kesip küçültmelerini sağlayacak bir uygulama geliştirelim. Bir Jquery eklentisi olan Jcrop ile bu işlemi çok pratik bir şekilde yapabiliyoruz. Uygulama için basit bir index.html dosyası oluşturuyoruz.

Jquery vote demo

PHP:Jquery: Reddit Tarzı puanlama uygulaması

İçerik paylaşımında ve kullanıcılar arası etkileşimi sağlayabilmek için yayınlanan içeriklerin beğeniye göre listelenmesi ve şekillendirilmesi çok önemlidir. Bu uygulamada Reddit tarzı içerik oylama servislerinin özellikle kullandığı  Yukarı –  Aşağı şeklinde puanlama olayını inceleyeceğiz.

Jquery “Validation Engine” eklentisi ile form doğrulama

Çok form doğrulama aracı kullanmama rağmen, bi’türlü aradığım aracı bulamamıştım. Bu jquery eklentisi; bu arayışa son verdi. Eklenti’nin öne çıkan özellikleri; Hata ve uyarı görüntüleme yöntemi çok şık. Çoğru zaman dar form alanlarına uyarı eklendiğinde formun görüntüsü bozuluyordu. Bu eklenti uyarı ve hataların görüntülenmesinde  “position:absolute” değeri kullandığı için. Bir hata verdiğinde formun hiçbir yerinde kayma[…]

PHP:Jquery- Dinamik Text/Resim Değişimi (jquery.pir.js)

Bazı servislerde yayınlanan özel içerikler kopyalanamaz duruma getirilmektedir. Özellikle e-posta veya kullanıcı adı gibi kişisel bilgiler kopyalamaya karşı korunmak amacıyla resim olarak gösterilir. Bu işlemin Jquery yardımıyla  gerçekleşmesini inceleyeceğiz.

Jquery LightBox Text Yayınlama

Daha önceki Slider Galeri uygulamamızda galerimizde yer alan fotograflar istediğimiz nesne tıklanıldığında aktif oluyor ve ekrana gelen panelden fotograf geçişlerini sağlıyorduk. Bu örnegimizde ise link e tıklanıldığında ekrana kendi belirlemiş olduğumuz içerik gelecek. Örneğimizde “Site İçeriği” linkine tıklanıldığında gumusluoglu.com blogunda yer alan 7 adet uygulamanın başlıkları ekrana gelecek ve tıklandığında linkler blog yazıları yeni bir[…]

Jquery İletişim Formu

Web sistemlerimizde yer alan iletişim formlarını jquery ve ajax ile daha görsel ve kullanışlı bir hale getirebiliriz. Bu örneğimizde buton veya linke tıklanıldığında iletişim formumuz ekrana geliyor ve gerekli alanların doğruluk kontrolü yapılarak eposta yoluyoruz.Bu iletişim formu SimpleModal üzerine kurulmuştur. OnOpen, onShow ve onClose geriçağırımlarının kullanımı yanı sıra SimpleModal ile Ajax kullanımı gösterir.

PHP:Ajax- favourite

PHP:AJAX: Beğeni Oylama Uygulaması (Favourite – Love)

Özellikle sosyal ağlarda ağımızdaki kişilerin paylaştığı içeriklere karşı etkileşim halinde olmanın en önemli yolu beğenini göstermektir. Bu uygulamamızda yayınlanan resimleri favorilere ekleme veya beğenme olayını inceleyeceğiz.