psdup logo

Web Tasarım Girişimlerinde PSDUP örneği

Yaklaşık 3,5 yıl önce serpito.com‘u açtığımda türk internetinde sağlam kaynak bulmak neredeyse imkansızdı. bildirgec ve ondan beslenen böcekler, türkçe kaynak tanımını oluşturuyordu. Son zamanlarda tanıtılmaya layık ve  içeriğin kalitesi bakımından benzersiz olduğunu düşündüğüm psdup.com‘u kayıt altına almak istedim.

tinymce

Tinymce Yazı Editörü (HTML Text Editor)

Web sitelerimizde zengin yazı editörü kullanmak isteyebiliriz. Örneğin bir ürünümüzü veri tabanına girerken düz yazıdan ziyade linkler, stiller uygulamak isteyebiliriz. Bu gibi durumlarda tinymce yazı editörünü tam bizim isteğimize göre. Tinymce yazı editörünü yönetim panellerinde ürün özellikleri, hakkımızda vb yerlerde kullanmaktayım.

PHP:AJAX: Fancy Captcha Uygulaması

Özellikle formlar aracılığı ile kullanıcılarla etkileşimde olunan durumlarda işlem yapanın gerçek bir kullanıcı mı yoksa otomatik bir bot mu olduğunu kontrol etmek zorunlu olmaktadır. Piyasada bulunan Captcha uygulamalarından en dikkat çekici olanını inceleyelim. Jquery UI kullanarak gerçekleştirilen bu sistemde basit bir index kullanımı ile aktif hale gelebiliyor. Kodları inceleyelim;

Fly to Basket

PHP:Ajax: Fly to Basket (Uçan Sepet) Uygulaması

E-ticaret sistemlerimizde kullanıcıların ürünleri sepete atıp atmadıklarından emin olmaları çok önemlidir. Kullanıcı emin olmadığı bir işlemde urunu birden fazla sepete ekleye bilir. Bu uygulamamızda ürünü kullanıcı sepete eklediğinde görsel olarak ürünümüzün fotografını sepet olarak belirtmiş olduğumuz bölmeye gönderiyoruz.

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.