• Merhaba Arkadaşlar, Bu makalede WordPress tabanlı sitelerimizde liste veya içerik alanlarında öne çıkarılmış görselleri nasıl gösterebileceğimizi anlatacağım. Bu özelliğin en yoğun kullanım şekli blog sayfalarında yapılmaktadır. Tüm yazıların listelendiği sayfalarda içerikte bulunan birbirinden farklı boyutlardaki resimleri göstermek yerine bizim belirleyeceğimiz bir resmi göstermek daha doğru olacağı için böyle bir istek olduğunda öne çıkarılmış görsel alanını […]

  • Merhaba Arkadaşlar, Bu makalede anlık veri alışverişinin yoğun olduğu veya arayüz tarafında kod tekrarının çok olmaması için sayfa yüklenirken veri çekme işlemlerinin yapıldığı projelerde kullanılan JSON’ın kullanım şekillerini göreceğiz. Açılımı “Javascript Object Notation” olan JSON’ı Xml’in rakibi olarak da düşünebiliriz. Xml’e alternatif olarak çıkarılmakla birlikte yazım şekli olarak bir javascript parçası olduğu için Xml’e göre […]

  • Merhaba Arkadaşlar, Bu makalede hayatımıza Html5 ile birlikte giren data nesnesinden bahsedeceğim. “.data()” nesnesi, html etiketleri içerisinde bir özellik olarak kullanılıp nesneleri jQuery ile seçerken, sıralarken, görüntülerken anlaşılır bir alan içerisinde tutmamızı sağlıyor. Daha önceden genellikle class ile yaptığımız seçim işlemlerinde class değeri global olduğu için farklı alanlarda da kullanımının yapıldığı zamanlarda özellikle javascript kontrollerinde […]

  • Merhaba Arkadaşlar, Bu makalede jQuery’nin belirtilen hedeflerin dışına tıklamada nasıl bir tetikleme işlemi yaptığını göreceğiz. Çoğunlukla sitenin herhangi bir noktasından açılan bilgi panelleri, lightbox ve modal alanlarının kapatılması için kullanılan bu özellik ile birlikte kullanıcıyı içeriği görüntüledikten sonra kapatmak için tek bir ikon veya yazı ile sınırlandırmamış oluyoruz. Çalışma mantığını incelediğimizde site içerisinde yapılan her […]

  • Merhaba Arkadaşlar, Bu makalede jQuery’nin bir olay kontrol aracı olan bind ve buna zıt olarak kullanılan unbind’ın ne işe yaradığını ve hangi parametreler ile kullanılabileceğini göreceğiz. Bind fonksiyonunu klasik olarak kullandığımız “click” fonksiyonu üzerinden değerlendirebiliriz. Sayfa içerisinde ki bir elemanın click fonksiyonunda yapacağı işlemleri şu şekilde tanımlıyoruz: Aynı fonksiyonu bind ile kullandığımızda da şu şekilde […]

  • Merhaba Arkadaşlar, Bu makalede jQuery’nin süre bazlı çalışan iki özelliğinden bahsedeceğim. Belli bir süre sonunda veya tekrar eden işlemler için kullanabildiğimiz özellikler sayesinde saydırma ve tetikleyici sonuçlar oluşturabiliyoruz. setInterval: Bu özellik ile bir işlemi belli süre aralıkları ile sonsuza kadar yineleyebiliyoruz. Örneğin bir dijital saat yaptığımızı düşünürsek dakika ve saniye alanlarını ayrı ayrı setInterval fonksiyonları […]

    • 17.01.2015
    • CSS
    • 2 Yorum

    Merhaba Arkadaşlar, Bu makalede css ile geniş yazıları sınırlandırma işleminin nasıl yapıldığını göreceğiz. Tasarımlar içerisinde tek satır olarak belirlenen yazılar bazı durumlarda bir kaç harf veya bir kaç kelime daha da artarak 2,3 satıra kadar uzayabiliyor. Bu şekilde bir durum ile karşılaştığımızda tasarımın genel yapısının bozulmaması için belli bir noktadan sonra yazının geri kalanını görünmez […]

  • Merhaba Arkadaşlar, Bu dersimizde jQuery’nin bir class kontrol metodu olan hasClass’ı göreceğiz. Bildiğiniz gibi class değerleri css yazımında en çok kullandığımız seçicilerdir. Bu seçicilere jQuery ile işlem yaptırmak istediğimizde bize yardımcı olan özellik ” .hasClass() ” tır. hasClass sayesinde bir sayfa içerisinde aynı class değerine sahip tüm değerlere aynı işlemi yaptırabiliyoruz. Ayrıca daha geniş anlamda […]

  • Merhaba Arkadaşlar, Bu dersimizde jQuery’nin bir saydırma aracı olan each() komutunun kullanımını göreceğiz. Class veya data gibi seçicileri aynı olan bir çok elemanı, hepsini kapsayacak bir sorgu içerisine alarak işlem yaptırmak için bu komutu kullanıyoruz. Konunun daha iyi kavranması için yapacağımız örnek uygulama içerisinde de tüm div yüksekliklerini kontrol ettirerek en yüksek değer hangisi ise […]

  • Merhaba Arkadaşlar, Bir eğitim serisinin daha sonuna gelmiş bulunmaktayız. Hem başlangıç seviyesinde olanların gelişim sürecine katkı açısından hem de genel anlamda gerekli görüldüğünde bir el kitabı şeklinde bu derslerden yararlanabilirsiniz. İlk makale de sizlere html dosyalardan oluşan bir zip dosyası vermiştim. Bu son makale içerisinde de wordpress teması haline gelen dosyaları paylaşıyorum. Ayrıca eğitim serisi […]