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.
Web tasarımının listeleme yükünü sırtlayan tablo yapıları günümüzde popülerliğini korumakta. Ancak kimi zaman veri çokluğundan, kimi zaman da form yoğunluklarından bu tablolardaki güncelleme işlemleri popup, modal veya yeni sekmede yapılmakta. Bu da kullanıcının ufacık bir satırı değiştirmesi için fazladan bir ekran daha gezmesi anlamına geliyor.
Bu makalemizde jQuery ile düzenlenilebilir / değiştirilebilir table yapısı oluşturacağız. Karşınızda editableTableWidget!
(daha&helliip;)
Açılabilir liste, hiyerarşik listeleme ve treeview diye birçok farklı şekilde isimlendirilen bu yapı dallara ayrılan uzun içerikleri anlaşılır bir şekilde göstermemizi sağlıyor. Ayrıca yanlarına ekleyeceğimiz checkbox inputları sayesinde de bir seçim işlemi yaptırabileceğiz.
Kısa bir aradan sonra jQuery makalelerimize devam ediyoruz. Bugün jQuery desteğiyle hierarchic treeview yapısını nasıl oluşturabileceğinizi anlatacağız. Örneği test ederek başlayabilirsiniz.
(daha&helliip;)
Geçtiğimiz hafta içerisinde bize elektronik posta ile ulaşan Gürkan isimli arkadaşımız, News Ticker yapımı ile ilgili bir makale yayınlamamızı istemişti. Gürkan’ın isteği üzerine, bugün jQuery‘nin nimetlerinden yararlanarak işlevsel bir haber akışı hazırlayacağız.
(daha&helliip;)
Gelişen ve yenilenen web tasarımı dilleri sayesinde Toggle, yani fareyle etkileşim kurulduğunda gözüken, etkileşim kesildiğinde kaybolan elemanlar hazırlamak fazlasıyla kolay. Artık, eskiden olduğu gibi bu işlemi yapmak için sayfalarca JavaScript veya Action Script yazmamıza da gerek kalmıyor.
Bu makalemizde Adobewordpress ailesi olarak size iki adet açılıp/kapanan div örneği hazırlayacağız. Bunlardan birisi sadece CSS ile çalışacak, diğeri ise jQuery desteği ile işleyecek. (daha&helliip;)
Bu dersimizde her türden ekran çözünürlüğüne uyumlu olarak çalışan bir fotoğraf galerisi tasarlayacağız. Hazırlayacak olduğumuz bu galeri, görsel ağırlıklı tasarımlar için ideal gözüküyor.
Günümüz tasarımlarının en popüler öğelerinden olan yapışkan (sticky) header nasıl hazırlanır? Eğer bu soru sizin de aklınızı kurcalıyorsa doğru yerdesiniz.
(daha&helliip;)
jQuery ile klasik yılan oyunu hazırlamaya ne dersiniz?
Birkaç sene öncesine kadar Flash oyunların internete hakim olduğunu hatırlıyoruz. Web 2.0 ile birlikte text-based oyunlar bu sektöre damgasını vurdu ve hala büyük bir payı elinde bulundurmakta. Bunun yanı sıra Google gibi büyük şirketler özel günlerinde logolarında küçük çaplı oyunlar yayınladı. Google PACMAN‘den sonra 10.yılında AdSense ilginç bir oyun sundu bizlere.
Geçen yıllar gösteriyor ki kalıp Flash oyunlar yavaş yavaş yerlerini daha kompleks projelere bırakmakta. Öyleyse bizlerde basit ama eğlenceli bir oyun hazırlayarak açılışı yapalım.
(daha&helliip;)
Microsoft Windows tasarımıyla hazırladığımız menülerden sonra sıra Google‘ın hazırladığı eşsiz tablara geldi. Google Play‘de yer alan bu kutucuklar görünüşlerinin aksine gayet basit bir yapıya sahipler. CSS3 ve jQuery öğeleri sayesinde tasarımımızı hazırlayalım.
(daha&helliip;)
Sitenizde yapmak istediğiniz duyurular mı var? Ziyaretçilerinize küçük bir ipucu vermek mi istiyorsunuz? Canlı sohbet ve iletişim için uygun açılır pencere yapamıyor musunuz? Bu makalemiz sizler için geliyor!
tabSlideOut sayesinde web sayfamıza açılabilen pencereler ekliyoruz. jQuery‘nin bu yeni yardımcısı penceremize mükemmel özellikler katmamızı sağlıyor. Lafı uzatmaya gerek yok, sizler için hazırladığım örneği görüntüleyerek işe başlayabilirsiniz.
(daha&helliip;)
Sitenize Kolayca Slider Ekleyin
Yapışkan (Sticky) header nasıl yapılır?
CSS veya jQuery ile Açılan/Kapanan Div
Fareyle Birlikte Hareket Eden Arkaplan Resmi
Ambilight ile Bootstrap Slider Kullanımı
Photoshop ile Temel Yağmur Efekti
Photoshop ile Patlama Efekti İçin Fırça Hazırlama
Photoshop ile Alevli – Ateşten Yazı Efekti Nasıl Yapılır?
2012 Yılının En Popüler WordPress Eklentileri