İlk bakışta bunun bir mp3 player olduğunu zannedebilirsiniz. Ama tahmin ettiğiniz gibi bu bir mp3 player örneği değil maalesef. Tabi ki biraz uğraşarak html5 audio elementi için kullanabilirsiniz. Yalnız dediğim gibi bir mp3 çalar değil. Tasarım açısından oldukça başarılı ve güzel görünen bir örnek. Kendinize göre düzenleyip değişik uygulamalarda kullanmak... Devamını oku →
Neler oluyor?
TimeLine.js – Hayatınızı anlatan bir zaman tüneli tasarlayın
Yine Facebook sitesinden esinlenerek hazırlanmış olan bir uygulama. Facebook sitesinin hayatımızda yaptığı değişiklikler saymakla bitmez.İster iletişim kurmak olsun ister resim, video gibi önemli dosyalarımızı paylaşmak/saklamak olsun bir çok alanda bize nimetler sunuyor. Facebook’a bu övgüleri etmemin nedeni elbetteki Facebook sitesini sevmemden kaynaklanan bir şey değil. Hem o kadar sosyal ağ... Devamını oku →
AnyStretch.js – Div içeriğini dinamik boyutlandırma
Gün geçtikçe yep yeni teknolojiler ve farklı ekran boyutları üretiliyor. Bu tür aygıtlar ve tarayıcılar için uygun tasarımlar hazırlamak tasarımcılar için de bir hayli zorlaşıyor. Yaptığınız örneği her türlü ekranda aynı şekilde görünebilmesini sağlayabilmeniz için en iyi yol css ayarlamalarda yüzdelik oranlar belirlemek yada Anystretch tarzı uygulamalar kullanmak.
Haritalarda yer işaretleme
Bir çok websitesi ve şirket tarafından kulanılan Google haritalar artık daha kullanışlı. Sazzad Houssain tarafından jQuery ve Css3 kullanılarak hazırlanmış olan bu örnekte mapsı sitenizde kendi zevkinize göre uyarlayabilirsiniz. Yanlış anlaşılmasın görünümü tamamen değişmiyor. Sadece mekanınızı harita üzerinde
Basit buton tasarımları
Web siteleriniz için kolaylıkla özelleştirip kullanabileceğiniz buton örneği. Sazzad Hossain tarafından hazırlanmış olan bu butonlar 3 farklı renkten oluşuyor. Dilerseniz farklı farklı renklerden oluşan bir menü örneği olarak ta kullanabilirsiniz. Butonlar tıklandığı zaman içe doğru batmasada mouse hareketleri sonucu renk değişimleri sırasında içe batıyormuş gibi görülebiliyor.
Windows phone screen style design
Daha önceleri hiç Windows Phone kullanmadım ama Android ve BlackBerry cihazlar için yapılmış olan Windows Phone tarzı ekran görüntülerini denemiştim bir kaç defa. Windows Phone ekranındaki dört köşeli uygulama ikonları sürekli durmadan hareket halindeler. Bazen bir tane uygulama ikonu bazende bir kaç tane uygulama ikonu birden bire dönmeye başlar. İkonların... Devamını oku →
Hareketli giriş sayfası tasarımı
Web sitenizdeki sıkıcı ve herkesin kullandığı tarzdan bir giriş paneli kullanmak istemiyorsanız eğer bu örnek tam size göre. Tushar Dhara tarafından hazırlanmış 3D animasyonlu giriş formu örneği. Giriş formu örneğinin bir tarafında e-mail ile giriş diğer tarafında ise kullanıcı adı ile giriş özelliği bulunuyor. Form çerçevesinde bulunan ikonlar yardımıyla form örneğini 180º döndürebiliyorsunuz.... Devamını oku →