Web sayfalarının geç açılmalarını engelleyen en önemli etkenlerden bir tanesi de bildiğiniz gibi sayfaya yüklenmiş olan resimlerdir. Özellikle fotoğraf paylaşımı yapan sitelerin yüklenme süresi çok geç olur ve çoğu zaman da hosting planları yetersiz kalır. Bu gibi sorunları çözmek amacıyla geliştirilmiş olan lazyload ve lightbox tarzı bir sürü uygulama var.... Devamını oku →
Multiple image cross fade
İlk bakışta normal bir resim gibi görünen demo örneği aslında numarasız yada ileri geri butonları olmayan bir manşet sistemi. Tek bir resim gibi duran görüntünün üstüne mouse gittiği an mousun hemen yanında sürekli resmin çerçevesinde mouseyi takip eden bir Next yazısı beliriyor. Resmin üzerine tıkladığınızda ise sonraki resim çıkıyor. İşin kötü tarafı... Devamını oku →
Fancy – Basit bir zoom efekti
Resimler için kullanımı kolay ve basit hazırlanmış bir zoom örneği. Sitenizdeki resimlere uyarladığınızda mousenin üzerine geldiği resim büyüyor. Fotoğraf galerileri için kullanmaya oldukça elverişlidir. Tema satışı yapan bir sitede de buna benzer bir çalışma görmüştüm. İncelemek istediğiniz örneğin başlığının üzerine geldğinizde hemen tam boy resmi görüntüleniyordu. Alış veriş siteleri için... Devamını oku →
FeatureList.js – Kullanışlı bir manşet çalışması
Sitemizin en üst bölümüne ekleyebileceğimiz buna benzer bir sürü örnek var internet üzerinde. Ama hiç biri tam olarak istediğimiz gibi olamıyor. FeatureList.js uygulaması gibi ücretsiz olarak dağıtılan benzer çalışmalar da görmeidm şu ana kadar. Muhtemelen ücretli yada ücretsiz olanları vardır ama daha bana denk gelmedi. Sol taraftaki başlıklara incelemek için... Devamını oku →
simpleWeather.js
Simple Weather uygulamasını ilk paylaştığım zamanlarda tasarımı biraz değişik ve o kadar da güzel bir görüntüye sahip değildi. Aradan uzun süre geçtikten sonra çoğu gibi bunda da olumlu gelişmeler oldu haliyle. Şimdiki görüntüsüyle akıllı telefonlarda bulunan widgetler gibi bir görüntüye sahip. Ayrıca son zamanlarda popüler olan flat (düz) bir tasarıma... Devamını oku →
iPicture.js
Yazılar, butonlar ve linkler için hazırlanmış iPicture benzeri belki yüzlerce ücretli veya ücretsiz uygulama vardır. Mouse üzerine geldiğinde açılan bilgi baloncuklarıdır bunlar. Bu tarz çalışmalar resimler için pek faydalı olamıyor. Bir online mağaza açarsınız ve yazı için eklediğimresimdeki gibi yatak, koltuk, sandalye, masa ve lamba gibi satışa sunacağınız içerikleri bir... Devamını oku →
Naked Password – Üyeleri güvenli parola almaya teşvik etme
Daha önceki bir yazımızda şifre güvenliği ölçme için oluşturulan Complexify uygulamasından bahsettik. İnputala nında girdiğiniz şifrenin zorluk yada kolaylık derecesine göre yüzdelik oranda bir hesaplama yaparak kullanıcıya ne kadar güvenli olduğunu gösteriyordu. Bu yazıda bahsedeceğim Naked Password uygulaması da özellik olarak aynı ama şifre güvenliğini kullanıcıya yüzdelik oranlarla hesaplayarak değil de... Devamını oku →
List.js – iPhone benzeri fihrist
iPhone rehberinin bir benzeri gibi menü veya liste tasarımları hazırlamak için yapılmış bir uygulama. Son zamanlarda tavana yapışıp kalan div örneklerine belki sizler de rastlamışsınızdır. Gün geçtikçe daha popüler bir hal almaya başlayan tavana yapışıp kalan tasarımlar için yeni yeni uygulamalar geliştiriliyor. List.js kütüphanesi ile web sitenizde fihrist örnekleri benzeri... Devamını oku →
Kinetic.js – Çerçeve içinde element sürükleme
Demo sayfasına baktığınızda bir çerçeve içerisinde olan resmi dört bir yana sürükleyebilme özelliğine sahip bir çalışma bulunuyor. İlk bakışta sadece resimler için hazırlanmış olan bir örnek olduğu düşünülebilir ama Kinetic uygulamasını herhangi bir element üzerinde kullanabilmek mümkün. Gelecekte bir gün Kinetic ile bir örnek hazırlayacağım daha iyi tanıtmak amacıyla. Gelecekte... Devamını oku →