5 Farklı Tam Ekran jQuery Takvim Eklentileri 0

Bu yazımda 5 farklı Tam ekran çalışan jQuery eklentilerini göstericem sizlere. Açıkcası takvim’leri pek kullanmasını sevmem yani bu eklentileride muhtemelen kullanmayacağım ama arşivimede ekliyorum ne olur ne olmaz 🙂

Esnek genişlikli takvim, Tüm ayların listelendiği takvim, Sürükle bırak kullanılarak yapılmış güzel takvim, Haftalık takvim uygulaması gibi önemli özellikleri barındıran güzel jQuery eklentileri. Yani mutlaka işinize yarayabilecek eklentiler bunlar. Bir CRM yazmaya başladığınızda bile bu tarz bir eklentiyi kullanmak isteyebilirsiniz.

Zamanım oldukça daha güzellerini araştırıp ekleyeceğım hatta bazı eklentiler ile güzel siteler yapıp sizlere paylaşmayı düşünüyorum inşallah o günleride görürüz. 🙂

1) Calendario: A Flexible Calendar Plugin

jQuery Tam ekran Esnek Takvim eklentisi. Resimdede gördüğünüz gibi mobil uyumlu bir eklenti kullanmak isterseniz bu tarz birşey kesinlikle işinizi görür. Eklentinin demosunu incelerken demo2’yede bakın o daha ufak daha farklı yani.

https://3.bp.blogspot.com/-yk0IV1HxQbc/UQQcy_XiwMI/AAAAAAAAPds/Oo9-QTwee6Y/s1600/Calendario+A+Flexible+Calendar+Plugin.PNG

Demo / Demo 2 / Download

Kaynak: Calendario: A Flexible Calendar Plugin

2) FullCalendar

Bu eklentinin diğerlerine göre en iyi özelliği sürükle bırak kullanılmış. Yani ayın 20’sine yazdığınız bir notu yada işi 25’ine almak için yapmanız gereken sürükle bırak..

https://4.bp.blogspot.com/-fxYbRjS9sJw/UQQc4z2stUI/AAAAAAAAPd0/CjKb8SVYRFo/s1600/FullCalendar.PNG

Download / Demoları incele;

3) jQuery wdCalendar

wdCalendar aslında jQuery tabanlı Google takvim klonudur. Google takvim özelliklerinin çoğunu kapsar.

https://1.bp.blogspot.com/-sNNW_m1QDOI/UQQc5gC0_qI/AAAAAAAAPd8/yGH9MuIcisE/s1600/jQuery+wdCalendar.png

Demo / Download

4) jQuery Frontier Calendar

Bu eklenti ise tüm ayları listeliyor. Bu şekilde önceki ay ve sonraki ayı tek 1 sayfada görebiliyorsunuz.

https://1.bp.blogspot.com/-tSVFsq-7WcA/UQQc5_eor3I/AAAAAAAAPeA/fLquQGwIi2E/s1600/jQuery+Frontier+Calendar.PNG

Download

5) jQuery Week Calendar

jQuery ile yapılmış haftalık takvim eklentisi. Tüm eklentiler aslında birbirinden farklı birisi tüm ayları diğeri haftaları diğeri ise sürükle bırak vs. vs. Hepsi kullanışlı eklentidir. inşallah beğenirsiniz 🙂

https://1.bp.blogspot.com/-MIVa7XwxCZc/UQQc5HfxI-I/AAAAAAAAPd4/4Js9KhVprg0/s1600/jQuery+Week+Calendar.PNG

Download

jQuery eklentilerime 5 tane daha takvim uygulaması ekledim arşivim iyice genişliyor.

jQuery Eklentisi WordPress Arşiv Listesi 0

WordPress’in bir çok eklentisi var aralarından güzellerini buldukça sizlerle paylaşıyorum. Bu seferki eklentim jQuery ile yapılmış WordPress arşiv eklentisi. Bu eklenti bileşen olarak geliyor yani yan menünüzde güzel bir şekilde listeletebilirsiniz.

https://2.bp.blogspot.com/-zWwMfw67YiY/UVCUrudhZDI/AAAAAAAAQjg/OZNLrm1BClY/s1600/jQuery+Archive+List+Widget+(1).png

Kurulumu kolay bir eklenti. Yönetim panelinden eklentiyi arayabilir veya buradan indirdikten sonra ftp plugins klasörüne yükleyerek yapabilirsiniz. Eklentiyi aktifleştirdikten sonra bileşenler kısmına tıklayın ve bileşen olarak web sitenize ekleyin.

jQuery Archive List Widget

jQuery Şifre Güvenlik Kontrolü Aşamaları 0

Merhaba arkadaşlar jQuery nimetlerinden bir tanesini daha sizlerle paylaşıyorum. Müşterileriniz şifre oluştururken bu jQuery eklentisini kullanabilirsiniz çünkü herkez şifresinin çok zor olduğunu sanır ama bu eklenti ile çoğu kişinin bildiği yalan olacak 🙂

https://1.bp.blogspot.com/-aDkPDMoY2fE/UU6yDDY4yEI/AAAAAAAAQfw/U-Q9mq67wJw/s1600/jquery+pass.jpg

Complexify adında bir eklenti sıkıştırılmış hali 3kb yani çok ufak ve kullanımlık.

jQuery Complexify

Kullanımı şu şekilde örnek HTML kodumuz aşağıdaki gibi;

<!-- js dosyamız -->
<script src='../assets/s/jquery.complexify.js'></script>
<!-- /js dosyamız -->
<div id="demo">
        <input type="password" id="password" placeholder="Password">
        <div id="progressbar"><div id="progress"></div></div>
        <div id="status">
            <div id="complexity">0%</div>
            <div id="complexityLabel">Complexity</div>
        </div>
</div>

İnput’un ID’sine password yazdık. Şimdi bu html kodun altına script tagları ile eklentimizi çalıştırıyoruz.

Dikkat etmeniz gereken nokta input’a verdiğimiz ID’de password yazmıştık jQuery fonksiyonundada #password yazdık.

<script type="text/javascript">
        $(function () {
            $("#password").complexify({}, function (valid, complexity) {
                if (!valid) {
                    $('#progress').css({'width':complexity + '%'}).removeClass('progressbarValid').addClass('progressbarInvalid');
                } else {
                    $('#progress').css({'width':complexity + '%'}).removeClass('progressbarInvalid').addClass('progressbarValid');
                }
                $('#complexity').html(Math.round(complexity) + '%');
            });
        });
</script>

Most Popular Topics

Editor Picks