Web sitelerimizde yer alan formları submit ederken butonlar yerine sitemizde yer alan daha önce css leri hazırlanmış olan linkler yer alabilir. Hazır linklerimiz dururken css leri ile hazırlanmış olarak birdaha yeniden botunların css lerini ayarlamakla ugraşmak istemiyebiliriz. Bu örneğimizde linklere submit özelliği vermeyi ögreneceğiz.
Devamını okuyun »
Twitter iletilerinizi websitelerinizde yayınlamak için Twitter resmi widget sayfasındaki sihirbazı kullanmak gerekiyordu. Bu uygulamada inceleyeceğimiz Jquery eklentisi ile birlikte istediğimiz ölçülerde ve özellikte twitter iletilerimizi listeleyebilirsiniz.
Devamını okuyun »
Web sitelerimizde yer alan butonları mootools ve css ile daha görsel ve kullanışlı hale getirebiliriz. Sayfalarımızda yer alan menü isimleri bazen yeteri kullanıcılara bilgi vermeye bilir. Kullanıcıların butonlara tıklamak için mause ile üzerlerine geldiklerinde açılan bir açıklama bölümü oluşturmaya ögreneceğiz bu uygulamada.
Twitter’a dadanmışken tam olsun artık. Sayfa altında yer alan more çubuğu nasıl çalışıyor, ne gibi yararları var sorularına cevap arayalım.
Devamını okuyun »
Web sitelerimizdeki menülerin css’ler ve jquery ile daha ilgi çekici ve ilginç özellikler ekleye biliriz. Bu örneğimizde menü üzerine gelindiğinde menü gözüküyor ve alt menüleri de dropdown olarak gösteriyoruz. Devamını okuyun »
Her ne kadar yeni nesil tarayıcılarda CSS ile pratik bir şekilde dilediğimiz ölçülerde yuvarlak köşe oluşturabilsek de, microsoft internet explorer tarayıcıları henüz bu özelliği desteklememektedir.
Mozilla Firefox, Google Chrome, Safari gibi popüler web tarayıcı için aşağıdaki CSS kodları istenilen yuvarlak köşelere uyum gösteriyor.
<style type="text/css">
.round { -moz-border-radius:12px; -webkit-border-radius:12px; }
</style>
<div class="round"></div
Curvy Corners javascript apisi ile birlikte hızlıca bütün tarayıcılarda kusursuz çalışan yuvarlak köşeler yapabilirsiniz.
Öncelikle CurvyCorners.js dosyasını indiriyoruz.
Yeni bir index.html dosyası oluşturup aşağıdaki kodları içine yapıştırın.
Devamını okuyun »
Formlarımızda yer alan bölümlerin eksiksiz ve uygunbir şekilde kullanıcı tarafından doldurulup doldurulmadığını post edildikten sonra kontrol edebileceğimiz gibi, kullanıcı formu doldururken de kontrol edebiliriz. Bu örneğimizde kullanıcı verileri girip onaylamadan önce formda boş veya yalnış bir veri varmı kontrol edeceğiz.
Javascript Kodlarımız: Devamını okuyun »
Web sitelerimizde yer alan kullanıcı kayıt, login veya adres gibi formlarımızın tasarımları , efektleri, sitemiz ile uyumu, kullanış açısından rahatlığı bizimbir artımızdır. Bu örneğimizde css ve jquery ile derlenmiş bir form tasarımı örneği yapacağız.
CSS Kodlarımız; Devamını okuyun »
Web sitelerimizde bir sayfada birden çok bölümün olmasını isteyebiliriz. Bu bölümlerin nasıl ve ne şekilde sıralanacağı yani düzeni önemlidir. Jquery tab uygulaması ile birden çok bölümün istediğimiz css özelliklerine göre yerleştirilmesini ve içeriğini oluşturmayı bu örneğimizde ögreneceğiz.
İlk Olarak jquery dosyamızı sayfamıza dahil ediyor. Devamını okuyun »