Tem
31

JQuery Jcrop ile resimleri kırpın ;)

Facebook sitesini kullanlar bu durumu çok iyi bilirler. Profil resminizin boyutunu dilediğiniz gibi küçültebilirsiniz. İşte ordaki mantığı en iyi uygulayan kütüphane JCrop olduğunu söylememde bir sakıncası yoktur herhalde.

Devamı

Tem
17

JQuery Colortip Tooltip Eklentisi

Nette dolaşırken önüme gerçekten çok güzel bir tooltip kütüphanesi geldi. Bunu yapan arkadaş gerçekten çok güzel bir iş çıkarmış. 6 farklı renk seçeneği bulunmaktadır. Haliyle kullanımıda oldukça basit. Yapmanız gereken tek şey a taginin içine “title” attribute ini eklemek. İşte bu kadar.

Yapılması gerekenler;

Devamı

Tem
6

JQuery loopedSlider

Bir başa jquery kütüphanesi daha. Bu eklentinin bir çok benzerini bulabilirsiniz fakat bu kütüphane diğerlerine göre bir çok artısı olduğu için tercih ediyorum.

Bu eklenti ile ister resimlerini slayt şeklinde gösterin, isterseniz haberlerin döndüğü modül yapabilirsiniz. Bir diğer özelliği ise 2 farklı şekilde animasyon seçeneğinin olması.

Devamı

Tem
2

Jquery Multi File Upload

Bir başka çok işinize yarayacak kütüphane daha. Eğer kullanıcılarınıza aynı anda birden çok dosya yükletmek isterseniz, çözüm basit : jQuery Multiple File Upload.


Bu kütüphanenin özelliklerini saymak gerekirse;

  • Çoklu dosya yükleme yapabilme.
  • Uzantı kısıtlaması gerçekleştirebilme.
  • En fazla kaç tane dosya yükleme sınırı koyabilme.

Devamı

Tem
1

JQuery Form Kontrol

Bugün işyerimde ölece oturup düşünürken birden aklıma blog sitemde jquery ile bir tane bile yazımın olduğunu düşündüm. Ne duruyorum diyip bu konuyla alakalı ilk yazımı sizlerle paylaşayım dedim.

Jquery’ yi bir çok web yazılımcısı bilir çünkü ciddi manada hayatımızı tahmin edemeyeceğimiz şekilde kolaylaştırır. Yazımın devamındaki form kontrol mekanizmasında anlatacağım.

Jquery nin tam olarak ne olduğunu bilmeyen arkadaşlar için kısa bir açıklama yapalım.

JQuery Nedir?

JQuery, hem javaScript hem ajax hem de efekt kütüphanesi olarak kullanılabilen bir framework’dür. 2006 başında John Resig tarafından duyurulmuş ve hali hazırda 15 kişilik bir ekip tarafından gelişimi sürdürülmektedir. Açık kaynak bir framework olmasından dolayı üzerine bir çok eklenti yazılmış ve bu sayede de tüm dünyada kullanıcı kitlesi bir anda artmıştır.

Devamı

Haz
29

Garanti Sanal Pos Kurulumu, Sorunlar ve Çözümler

Bu yazımın online satış sistemi kuracaklar için yararlı olacağını düşünmekteyim.

Aşağıdakileri okumaya başlamadan bir önceki yazımı okumanız, sizin açınızdan faydalı olacaktır.

Online satış sistemini 3-D SECURE ödeme modeli ile yazmaya başladım. Bunun başlıca sebebi güvenlik açısından daha üst seviyede olmasıdır.  Bu modeli bilmeyenler için öncelikle bir açıklama yapalım.

3-D SECURE Nedir, Nasıl Çalışır?

Kısaca kullanıcı kredi kartı bilgilerini girdikten sonra ilgili bankanın bir sayfası açılarak sizden şifre istemesidir. Bankanızın ilgili şifresini girdikten sonra online satış işlemine devam edecektir. Bu sayede bir kontrol mekanizması yerine fazladan bir tane daha eklenerek daha güvenli hale getirilmesidir. Sonuç olarak hem kullanıcı için hem de sitenin daha güvenli olduğunu söyleyebiliriz.

Devamı

Haz
23

Otomatik tamamlama özelliğini kapat

Günümüzde online alışveriş siteleri git gide çoğalmaktadır ve bu sitelerin bazılarında (!) ben daha önce bir alışveriş yapmış isem benim kredi kartı numaram otomatik olarak gelmekteydi. Aslına bakarsanız bütün bilgilerim otomatik olarak geliyor. Bu durum online alışveriş yapan kişilerin olaki topluma açık bir bilgisayarda yapıyorsa bu kişinin kredi kartı bilgileri ile bütün paraları gasp edilebilir. Ben size olaki bir online satış yapacak bir site yaparsanız bu güvenlik açığını kapatmanızı öneririm.

İşlemimiz son derece basit;

<input type="text" name="cardno" autocomplete="off" />

input içine autocomplete=”off”  yaparak bu güvenlik açığını kapatabilirsiniz.

ÖNEMLİ NOT : Bir diğer önemli durum ise mesela siz bir login sayfası yaptınız.  Siz şifre ve kullanıcı adınızı girdiğiniz vakit tarayıcınız size şifrenizi hatırlamak istermisiniz (Remember) gibisinden bir uyarı çıkartır. Ama siz bu uyarının kullanıcıya sorulmasını istemeyebilirsiniz.  İşte gene aynı sorunu input içine autocomplete=”off” yazarak kurtulabilirsiniz.

Haz
22

Silverlight – Smooth Streaming

Bu yazımızda silverlight’in rakibi olan flasha çok büyük darbe vuracağı bir teknolojisinden bahsedeceğim. Bu yeni teknolojinin adı “Smooth Streaming“.

Smooth streaming hakkında bir çok şey yazmamız mümkün fakat ben burada sizlere temel düzeyde bilgiler vereceğim. Smooth streamingi şöle bi örnekle açıklamak gerekirse eğer ;

Diyelim ki yüksek çözünürlüklü bir videomuz olsun. Yüksek çözünürlüklü olunca düşün bağlantılı bir kullanıcı bu videoyu takılmadan izlemesi imkansızdır. Biraz izleyecek sonraki kareleri yükleyecek ve izlemeye kaldığı yerden devam edecek. Düşük hızdaki internet için tam bir ızdarap. Örneğimizi tersine düşünürsek eğer, düşük çözünürlüklü bir video yu yüksek internet hızına sahip bir kullanıcı videoyu  sorunsuz bir şekilde izleyecektir fakat izlemiş olduğu görüntü kalitesi çok kötü olacaktır.

Smooth Streaming nedir?

Yukarıda iki örneğimizi ele aldığımızda bir videoyu nasıl olurda her hızdaki kullanıcı için en iyi çözümü sunabilsin? Düşük internet bağlantısına düşük çözünürlük yüksek hızdaki bağlantıya yüksek çözünürlük ve anlık internet hızı değişen kullanıcı için bu nasıl ayarlanabilir? İşte bu sorularımızın cevabını Smooth Streaming vermektedir. Böylece anlık hızımıza göre yüksek çözünürlüklü video izleyebilir, hızımız düştüğünde ise bize düşük kalitede video sunarak ilgili videoyu hiç takılmadan rahat bir şekilde izleyebiliriz.

Smooth Streaming ile çalışan videoyu nasıl yaparız?

Bu işin en bilinen ve en kolay yolu Expression Encoder 3 ve Expression Encoder 4 ile rahat bir şekilde yapabiliriz. Bununla ilgili bir yazıyı ilerleyen zamanlarda sizlere yazmaya çalışacağım.

Örnek  video için aşağıdaki videoyu izleyebilirsiniz.

Devamı

Haz
22

Javascript ile pencerenin adres çubuğu nasıl gizlenir?

Bu işlemi yapmak kısa bir javascript koduyla mümkündür. Fakat firefox’da şöyle bir sorunla karşılaşmaktayız. Firefox’ da adres çubuğunu göstermesek bile genede ilgili linki pencerenin yukarısında göstermektedir. Tabi bunun sebebi ise çok basit “Güvenlik”.

İlgili kısa kodumuz aşağıdadır:


<a href="#"  onClick="window.open('dene.html', 'Pencere', 'width=600, height=600, left=0, top=0, status=no, toolbar=no, location=no, menubar=no, titlebar=no');">Tıkla</a>

Haz
16

Gelin Dünya Kupası’nı netten online olarak izleyelim :)

İşlerimin yoğunluüundan dolayı Silverlight ile çok fazla uğraşacak vakit bulamıyordum. Bir futbol sevdalısı olarak aklıma acaba netten  Dünya Kupası maçlarını nasıl izlerim sorusu geldi. Biraz araştırma yaptıktan sonra aşağıdaki gibi görsel olarak bir estetiği olmasada çok iyi bir şekilde online tv izleme keyfini doyasıya yaşayın 🙂

Buffer olayına bakmaya fırsatım olmadığı için “loading” gibi bir yazı çıkmamaktadır. Onuda en kısa zamanda yapmaya çalışacağım 🙂

NOT : Bazı kanalların çalışmaması yayın kuruluşu ile ilgili problemden kaynaklanmaktadır ve bazen görüntünün donup kalması ise sizin internet hızınızla alakalıdır.

Herkese iyi seyirler 😀

Twitter'dan Takip Et! Twitter'dan Takip Et!

Etiketler

Son Yazılar

Son Yorumlar

Haftanın Özlü Sözü

Akıllı bir adam yalnız kendi tecrübelerinden, çok akıllı bir adam başkalarının da tecrübelerinden yararlanır. (Çin Atasözü)

Bağlantılar

Arşivler