basarozcan

Posts Tagged ‘javascript

javascript Slideshow uygulaması sadece 5 KB!

Posted by: basarozcan on: 23 Aralık 2008

Javascript ile yapılan birçok örneği zaman zaman bloglarda görmekteyiz. genelde yeni keşfedilen ve yapılan javascript uygulamaları büyük boyutlu ve bandwidth canavarı oluyor. Daha sonra kodlar çeşitli kullanıcılar tarafından yeniden düzeltilerek minimum boyuta indiriliyor. Daha önce yazılarımda örnek verdiğim Michael Leigeber de bu minimalize etme işinden hoşlanıyor olacak ki “1KB’lık akordiyon menü“,”1KB’lik kayan menü” ve “2KB’lik [...]

jQuery için sIFR eklentisi

Posted by: basarozcan on: 2 Aralık 2008

sIFR, sayfalarımızda göze hitap etme fonksiyonunun yanında Arama motorları tarafından indekslenebilme özelliği ile bir anda tasarım dünyasının göz bebeği konumuna geldi. 1-2 dezavantajı bulunmasına rağmen hala çok etkili bir rakip üretilemedi ve flir, typeface.js gibi rakipleri karşısında üstünlüğü elinde tutuyor. Bu kadar yararlı bir araçtan maksimum performans olmak isteyenler için Jonathan Neal tarafından bir jQuery [...]

jQuery ile yanıp sönen kutulu metinler oluşturmak

Posted by: basarozcan on: 5 Kasım 2008

RSS Reader’ımda tasarım dünyasındaki son gelişmeleri takip ederken Enhance blogunda tanıtımı yapılan Pulse eklentisini gördüm. jQuery‘nin bir eklentisi olan pulse sayesinde, sadece “animated gif” dosyaları ile yapabileceğimiz ve statik olarak kullanabileceğimiz yanıp sönen yazıları, resimleri ve kutuları oluşturabilmemiz mümkün. Uyarı durumlarında çok yararlı olan bu yanar-sönerli eklenti James Padolsey tarafından geliştirilmiş. Eğer bu tarz bir [...]

Olmazsa Olmaz Serisi No:1 – Otomatik Tamamlama

Posted by: basarozcan on: 7 Ekim 2008

İngilizcesi Autocompletion olan “Otomatik Tamamlama” sistemi, iki ya da 3 harfi input‘a grdikten sonra en yakın sonuçları bize anında gösteren ve en uygununu seçmemizi sağlayan bir sistemdir. Javascript sayesinde yeni bir sayfa yüklemeden yapabileceğimiz bu fonksiyon facebook‘un arkadaş profilini arama kutusunda kullanılır.

Otomatik Tamamlama sistemi, site içi arama fonksiyonunun sıkça kullanıldığı sitelerde bulunmalıdır. Örneğin bir alışveriş [...]

Çok kullanışlı 10 jQuery eklentisi

Posted by: basarozcan on: 13 Haziran 2008

Javascript kütüphanelerinin ilk popüler olduğu günlerde kendimiz çalışıp didinip bunlara uyan kodlar yazmaya çalışırdık. Ama aradan uzun bir süre geçti ve bir hayli gelişen kütüphaneleri kullanan birçok site ortaya çıktı. Hal böyle olunca herkes kütüphaneleri kullanarak siteleri için kullanışlı kodların peşine düştü. Şuradan ulaşabileceğiniz blog da en kullanışlı 10 tane jQuery eklentisini sıralamış.

jQuery UI
Markitup: istediğiniz [...]

kullanışlı 30 ajax tekniği

Posted by: basarozcan on: 6 Haziran 2008

Ajax hayatımıza girdiğinden beri tasarımlarımız daha dinamik ve göz kamaştırıcı olmaya başladı. Birçok sitede göreceğiniz örnekler ile skalası genişleyen ajax uygulamalarından popüler olan 30 tanesini buradan inceleyebilirsiniz.

1kb’lık kayan menu

Posted by: basarozcan on: 1 Haziran 2008

Geçtiğimiz günlerde 1kb’lık akordiyon menu haberiyle karşılaşmış ve hiçbir javascript kütüphanesi kullanmadığımızdan dolayı çok küçük bir kod bloğuyla bunu halledebildiğimizi belirtmiştik. Bu kodun kaynağı olan Leigeber blog‘unda bu sefer de 1 KB’lık kayan menu yapımı yayınlanmış. Kodu download etmeden önce ilgili yazıya bakarsanız daha bilgi verici olabilir.
Özellikleri:

kendi tasarımınızı uygulayabilirsiniz.
2 farklı hover seçeneği
javascript kütüphanesi kullanmaması

pastel renkli menü yapımı

Posted by: basarozcan on: 31 Mayıs 2008

İnternette bir İtalyan dostumuzun sitesi var ki, bence en iyi tasarım blogu. Bahsettiğim blog Woork. Bence her tasarımcının woork’ün RSS kaynağına abone olması gerekir. Her yazısında güzel tasarım örneklerine yer veren ve detaylı anlatımıyla herkese hitap eden Antonio Lupetti bu sefer bogunda Pastel renklerle yapılan menü yapımını anlatmış.

CSS, html ve javascript kodlarıyla menünün yaratılışı bu [...]

javascript kütüphaneleri ile yapılmış en iyi örnekler

Posted by: basarozcan on: 29 Mayıs 2008

Son günlerde isimlerine iyice aşina olduğumuz javascript kütüphaneleri jQuery, prototype ve mootools ile yapabileceklerimiz oldukça fazla. Sitemize daha iyi bir görüntü ve işlevsellik veren bu kütüphaneleri kullanarak yapılmış en iyi site bileşenlerini Devkick listelemiş. Kullanım alanlarına göre kategorilendirilmiş en iyi bileşenlere buradan bakabilmeniz mümkün.