Css3 ve jQuery ile Youtube Benzeri Açılır Menü Yapımı
Merhabalar. Bildiğiniz üzere Youtube kısa bir süre önce tasarımını değiştirdi. Bir takım küçük değişikliklerle tasarımın hem sade hem de daha kullanışlı tutulmaya çalışıldığını görüyoruz. Bana kalırsa bu konuda oldukça başarılı gidiyorlar.
Youtube’da üye girişi yaptıktan sonra üst sağ alanda yer alan navigasyon sadeliği ve etkili görünümü ile çok hoşuma gitti. Bu yazımızda bu tarz bir menü sistemini basit kodlar yazarak nasıl yapabileceğimizi anlatacağız.
Css3, Xhtml ve jQuery ile Dikey Tab Menü Yapımı
Uzun bir aradan sonra yeniden merhaba. Bu makalemizde yine sizlerle bir navigasyon uygulaması paylaşacağız.
Bu uygulamamızda Css3, Xhtml ve jQuery ile ikon destekli dikey (vertical) tab menü (veya tab navigasyon da diyebiliriz) uygulaması yapacağız. Tab menümüzü oluşturduğumuz aşamaları da makalemiz sonunda sizlerle konuşacağız. Dilerseniz hemen kodlarımızı yazmaya başlayalım.
UYGULAMA ÖNİZLEME UYGULAMA İNDİR (16kb)
Css3, Xhtml ve jQuery ile Yatay Açılır Menü Yapımı
Uzun bir aradan sonra yeniden merhabalar. Bu makalemizde Css ve Xhtml ile klasik bir yatay açılır menü yapacak daha sonra bu menümüzü jQuery ile biraz dinamik hale getireceğiz.
Menümüzü oluştururken Css3′ün bir takım özelliklerinden de yararlanacak ve görünümü daha iyi hale getirmek adına menü kodlarımızda kullanacağız. Şimdi dilerseniz hemen uygulamamıza geçelim.
jQuery ve Css3 ile Yatay (Horizontal) Gölge Menü Yapımı
Merhabalar. Birçok tarayıcının güncellenmesiyle artık biz de Css3 kodlarımızı daha sağlıklı çalıştırır hale geldik. Özellikle Firefox 3.6 üzerinde yaptığımız uygulamaları daha iyi görme şansımız var.
Bu makalemizde de Css ile basit bir yatay menu yapacak, bu menüye gölge efekti verecek ve biraz da jQuery ile animasyon katacağız. Özellikle box-shadow ve border-radius bu makalemizde üzerinde duracağımız konulardan.
jQuery ile Açılır Kapanır İletişim Formu Alanı Yapımı
Yeniden Merhabalar. Yılın ilk günündeki bu ilk gönderimiz vesilesiyle hepinizin yeni yılını kutlar, yeni yılda beklediğiniz güzel şeylerin gerçekleşmesini dilerim.
Günümüz web trendlerinin başında kullanıcılarınızla etkileşim ve iletişime geçmek geliyor. Bu gönderimizde sayfamıza jQuery yardımıyla bir iletişim form alanı koyacak ve ziyaretçinin tetiklemesiyle bu alanı gösterip geri kapatabilecek bir uygulama yapacağız. Dilerseniz hemen uygulamamıza geçelim.
jQuery ile Resim Açıklamalarının Gösterimi
Merhabalar. Bu makalemizde sizlerle basit olarak resim bağlantılarda resme ait tanımlamalarımızın nasıl gösterileceğini anlatacağız. jQuery javascript kütüphanesinden yararlanacak ve uygulamamıza görsel olarak renk katmaya çalışacağız.
Resimlerin üzerine fare ile gelindiğinde açıklama gösterilmesi, resmin tanımladığı konunun veya makalenin bağlantısının verilmesi son dönemlerde oldukça sık kullanılan bir özellik…
UYGULAMA ÖRNEĞİ ÖRNEĞİ İNDİR (37kb)
jQuery ile Açılır Paneller Oluşturmak
jQuery şüphesiz en çok bilinen ve kullanılan Javascript kütüphanesi. Bunda kısa kodlarla büyük işler başarmasının elbette çok büyük payı var. jQuery’nin sunduğu efekt, olay ve işlemler sayesinde çok az bir kodla muhteşem şeyler yapılabiliyor. Ben bu yazımızda çok kısa olarak jQuery ile web sayfalarımızda kullanmak üzere bir açılır panelin nasıl yapılacağını anlatacağım. Makalemizin sonunda neler yaptığımızı anlatacak ve çalışır bir örneğimizi sizlerle paylaşacağız.
(Makalemize başlamadan önce jQuery’nin temel dosyasını indirmiş olmanız gerekiyor. jQuery’nin kararlı son sürümünü kendi sayfasından indirebilir ve üzerinde uygulamalar geliştirebilirsiniz)
Öncelikle panelimizin görünümünü düzenleyen Css kodlarını yazarak başlayalım…