Websitemi sürekli takip ediyorsanız eğer birçok grid örneği paylaştığımızı görmüşsünüzdür. Normalde kolay kolay bir çalışma için mükemmel, süper gibi kelimeleri başlık olarak kullanmam. Ama Minh Nguyen tarafından geliştirilmiş olan FreeWall uygulaması için hazırlanmış demo sayfasını görünce içimden böyle bir başlık eklemek geldi. FreeWall’da sürükle bırak özelliği yok. Sanırım tek eksiği bu.... Devamını oku →
Chrome mağazası benzeri ürün sayfası tasarımı
Google’nin Chrome tarayıcısı için yapılmış uygulamaları indrebileceğiniz sayfayı gördünüz mü bilmiyorum. Tarayıcı üzernden kullanabileceğiniz birçok uygulama ve oyun barındıran bir mağaza. En son olarak masaüstü cihazlar için kullanabileceğini uygulamalarda eklendi. Mağazada herhangi bir uygulama indirmeden önce uygulamanın resminin üzerine mouseyi getirdiğiniz an uygulama resmi yukarı çıkıyor ve indirmek için gerekli... Devamını oku →
Glide.js
Web sitenizin manşet bölümüne slider galeri eklemeniz için gereken bütün özelliklere sahip Glide.js J?drzej Cha?ubek tarafından geliştirilmiş tarayıcıya duyarlı ve ayrıca mobil cihazlar tarafından da desteklenen kullanışlı bir slider uygulamasıdır. Klave sağ-sol yön tuşları, resimlerin üzerindeki sağ-sol ok işaretleri ve dokunarak resimler arası slayt geçiş işlemini gerçekleştirebilirsiniz. Otomatik özelliği sayesinde kendiliğinden... Devamını oku →
MobileFlip.js – Defter sayfası gibi sayfa döndürme efekti
jQuery Flip 3 boyutlu sürükleyince defter yaprağı gibi dönen bir galeri örnekleri oluşturabilmeniz için Hiro Inami tarafından geliştirilmiş bir uygulamadır . Asıl amacı mobil tarayıcılar için olsada masaüstü cihazlar içinde kullanılabiliyor. Webkit 3D dönüşümlerle birlikte hazırlanan Flip uygulaması webkit destekli bütün tarayıcılar üzerinde sorunsuz şekilde çalışıyor. Webkit desteklemeyen tarayıcılarda ise bir... Devamını oku →
Eğik banner tasarımı
Banner olarak kullanabileceğiniz güzel bir yazı stili. Css3 gölge efekti kullanılarak hazırlanmış bu yazı örneğinde yazının arkaplanında görünmesi gereken gölgenin sadece sağ ve alt çizgileri göründüğü için ortaya böyle güzel bir çalışma çıkmış. Küçükken kara kalem kullanarak hep buna benzer yazılar hazırlardım. Sadece sağ gölge ve alt gölge göründüğü zaman... Devamını oku →
Bootstrap ile minik bir akordeon tasarımı
Websitenizin herhangi bir yerine ekleyebileceğiniz küçük bir galery örneği. Emaj tarafından Bootstrap kütüphanesi kullanılarak hazırlanmış bu minik galeri örneği o kadra küçük ki websitenizin sidebar bölümüne dahi ekleyebilirsiniz. Akordiyon bir görünümde olan bu mini galeri örneğinde mouse ile reismlerin üzerne geldiğinizde sol tarafa doğru resimler kayıyor. bu işlem sırasında resimlerin... Devamını oku →
Giriş formu
Css3 ve jQuery slayt kullanılarak hazırlanmış bir giriş formu örneği. İlk bakışta sadece giriş formu gibi görünen örnekte sign up linkine tıkladığınızda sayfa yenilenmeden üyelik formuna dönüşüyor. kullanıcı adı ve şifrenin girilmesi için varolan iki adet input alanı sign up linkine tıklandığında üç adet input alanı oluyor. Never mind linkine tıkladığınızda... Devamını oku →
StepsWizard.js
Ara sıra Facebook sitesine giriş yaptığımızda hesap güvenliğini arttırmak için bir sayfa ile karşılaşırız. Bu sayfada hesabı daha güvende tutmak için bizden aşama aşama formları doldurmamız istenir. jQuery Steps, José Ramón Díaz tarafından bu tarz örnekler hazırlayabilmeniz için geliştirilmiş bir uygulamadır. Steps eklentisini kullanarak bir kaç sayfalık aşamadan oluşan formlarınızı tek... Devamını oku →
Fiyat aralığı belirlemek için kullanılan uygulamalar
Online alışveriş sitelerinde kendiniz için birşeyler aradıysanız eğer mutlaka rastlamışsınızdır. Türkiye’deki webstelerinde belki bu tip eklentiler kullanılıyordur ama daha denk gelmedim. Kendiniz için bir elektronik eşya almak istiyorsunuz ve belli bir bütçeniz var mesela 750 tl ve 1500 tl arasında olan ürünleri görmek istiyorsunuz sadece. Bunun için checkbox dediğimiz onay... Devamını oku →
ShapeShift
Shapeshift uygulaması drag&drop dediğimiz sürükle bırak yöntemi ile nesneleri taşımaya yarayan bir uygulamadır . Scott Elwood tarafından hazırlanan Shapeshift ile kolaylıkla sürükle bırak özelikli örnekler hazırlayabilirsiniz. Dokunmatik cihazlar tarafından da kullanılabildiği gibi grid yani ızgara düzenide bulunuyor. Bir çerçeveden diğerine nesneleri sürüklediğinizde çerçeve içindeki diğer nesneler otomatik kayarak sürüklediğiniz nesneye yer... Devamını oku →