Günümüzde neredeyse çoğu grafik sitesi görselleri için büyüteç tekniğini kullanmakta. Hatta sık sık ziyaret ettiğimiz alışveriş siteleri bile ürünlerini daha iyi sunmak için bu tekniği kullanmakta.
Peki nasıl oluyorda imleci görsellerin üzerine getirince bir mercek içinden bakabiliyoruz? Bu makalemde bu soruyu birlikte cevap arayacağız.
Biraz CSS, biraz HTML ve biraz da jQuery… Hadi başlayalım!
(daha&helliip;)
Merhaba arkadaşlar. Bu makalemde an itibariyle giriş sayfamızda da kullandığımız sliderın kodlarını paylaşacağım. Gayet şık ve hızlı olan tasarımımızı flexslider.js ile kusursuz bir sunuma döndüreceğiz.
Ayrıca WordPress kullanıcılarını da düşündük. Bu makalemde aynı sliderı WordPress içerisinde nasıl kullanabileceğinizi göstereceğim. Böylece gereksiz slider eklentileriyle sitenizi yavaşlatmaya son vereceksiniz.
(daha&helliip;)İşlem sıramız şöyle olacak ; Ek Dosyalar > HTML Kodları > CSS Kodları > WordPress Eklentisi
Merhaba arkadaşlar.
Bu makalemde içerisinde maksimum ve minimum karakter limiti barındıran bir form öğesi hazırlayacağız. Böylece oluşturduğumuz form alanlarına ziyaretçilerin minimum ve maksimum kaç karakter girebileceğini belirleyebileceğiz.
Bu işlem için jQuery desteği almamız gerekecek. Çünkü anlık olarak yazılan karakter sayısını belirtmemiz gerekiyor. Ben jQuery.min.js kullanacağım. Versiyon olarak ise 1.5.1 ve daha günceli yeterli olacaktır. Şimdi arkanıza yaslanın ve formumuzu hazırlamaya başlayalım.
(daha&helliip;)
Çok değil, birkaç yıl önce sağdaki animasyonun dosya tipinin ne olduğunu sorsalardı SWF veya herhangi bir video formatı olduğunu iddia ederdim.
Günümüzdeki kod sistemleriyle bu tarz sunumları hazırlamak için çok fazla çaba sarfetmenize gerek yok. Birkaç satır JavaScript kodu ve tasarım unsurlarına az da olsa hakim olmanız neredeyse yeterli. Nasıl mı? Hadi derse başlayalım.
(daha&helliip;)
Merhaba arkadaşlar. Bu yazımda CSS ve jQuery yardımıyla görsellerimiz için açıklama metinleri oluşturacağız. Bu işlemi yaparken jquery-1.8.3.min.js dosyasına ihtiyaç duyacağız.
Dosyayı buradan indirebilirsiniz veya direkt olarak aşağıda gösterdiğim gibi çağırabilirsiniz.
Bu işlem içerisinde JS kodları barındırsa da performans olarak problem yaratabilecek nitelikte değil. Yani hiç düşünmeden kullanabilirsiniz.
JavaScript‘in replace koduyla çalışmakta. Sayfa içerisindeki altyazı classına sahip tüm görsellerin title değerini örnekte gördüğünüz gibi göstermekte. (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 Fotoğraflara Su Damlacıkları Ekleyin
Photoshop ile Uzay ~ Galaksi Oluşturuyoruz
Photoshop ile Şık Duvar Kağıtları Hazırlama
Ders 2 : Bootstrap Grid (Izgara) Yapısı