Bildiğiniz gibi web sitelerinde farenin sağ tuşuna bastığımızda contextmenu denilen bir menü açılıyor. jQuery ile de bu menüyü kapatıp yerine başka bir tanımlama yapabiliyoruz. CSS3 desteğiyle hazırlayacağımız modern bir tasarımı bu menüye giydirebiliriz.
Örneği görüntüleyerek başlayabilirsiniz.
Bu makalemizde şık bir menü tasarımı hazırlayıp, yapıyı sağ tuş ile tetiklenebilir hale getireceğiz.
(daha&helliip;)
Web tasarımının klasikleşmiş popup yapıları yerlerini modallara bıraktılar. Sayfa değişimine gerek kalmadan ve yeni sekme açmadan çalışan modal öğeleri web kullanıcılarına büyük kolaylıklar sağlamakta.
İnternette karşılaştığımız neredeyse tüm modal tasarımları da jQuery desteğiyle hazırlanmakta. Ancak gelişen teknolojiler yeni teknikleri de beraberinde getirmekte.
CSS3‘ün :checked selector tanımı sayesinde hiçbir JavaScript kütüphanesine ihtiyaç duymadan hem basit hem de performanslı modal yapısı oluşturabilirsiniz.
(daha&helliip;)
Menü öğeleriniz fazla mı yer kaplıyor? Onları gizli ve açılabilir bir alana mı saklamak istiyorsunuz? Toggle butonu ile çalışan şık bir menüye mi ihtiyacınız var? Bu tasarım tam sizlik!
Bu makalemizde jQuery ve CSS3‘ün hünerlerini kullanarak açılıp kapanabilen bir menü örneği hazırlayacağız.
Günümüzde birçok web geliştiricisi duyuru pencerelerini kullanmakta. İnternette de onlarca duyuru penceresi konulu makale var.
Duyuru penceresi dediğimiz şey sayfanın ilk izlenimidir. Hızlı açılmalıdır, kullanıcının kafasını karıştırmamalıdır. Fakat günümüzde birçok web sayfasında sayfa genelinden sonra anca yüklenip açılan duyuru pencereleri görmekteyiz.
(daha&helliip;)
Web 2.0 ile paylaşılan içerik arttı, menüler genişledi, metinler bazen sığmadı, tab tekniği kullanılmaya başlandı. An itibariyle neredeyse her sitede kullanılmakta. Aynı açılır menüler gibi.
Bu yazımda tab tekniğinin temelinden bahsedeceğim. Beraberinde çok beğenerek hazırladığım bir çalışmayı sizinle paylaşacağım.
(daha&helliip;)
WordPress Kullanıcılarının En Sık Karşılaştığı Hatalar ve Çözümleri
Sitenize Kolayca Slider Ekleyin
Photoshop’u Türkçe Yapma, Türkçeleştirme
Kolayca fotoğraflarınızın kalitesini arttırın!
CSS Renk İsimleri
Photoshop’a Alternatif 10 Resim Editörü
Photoshop ile Yüzeylerde Kan Efekti
AdSense’in Yeni Reklam Birimi : Eşleştirilen İçerik (Matched Content)
Yapışkan (Sticky) header nasıl yapılır?