functionalBlocks.js nedir ?

Modern temalarda gördüğünüz gizli (header/sidebar) yapılarını temiz bir şekilde size sunan bir eklenti

functionalBlocks.js nasıl çalışır ?

functionalBlocks.css, functionalBlocks.js dosyalarınızı sayfanıza eklemelisiniz.

<link type="text/css" rel="stylesheet" href="library/css/functionalBlocks.css"/>
<script src="library/js/functionalBlocks.js"/></script/>

1 2	<link type="text/css" rel="stylesheet" href="library/css/functionalBlocks.css"/> <script src="library/js/functionalBlocks.js"/></script/>

Okumaya devam et functionalBlocks.js

textarea karakter ve kelime sayımı

Ufak kod parçacıklarına devam ediyoruz. Bu aralar chat sistemleri ile çok haşir neşirim o yüzden tekrar yazmışken paylaşmak istedim.

Karakter Sayımı

// calistirma
textareaMaxCharacters( $('textarea.maxCharacters'),200, $('span.maxCharacters'));

function textareaMaxCharacters(obj, maxCharacters, countText)
{
    obj.on('keydown keyup keypress change',function ()
    {
        if( $( this ).val().length &gt;= maxCharacters )
        {
            $( this ).val( $( this ).val().substr(0,maxCharacters));
        } 
        countText.html( $( this ).val().length + ' Characters');
    });
}

// calistirma

textareaMaxCharacters( $('textarea.maxCharacters'),200, $('span.maxCharacters'));

function textareaMaxCharacters(obj, maxCharacters, countText)

{

obj.on('keydown keyup keypress change',function ()

{

if( $( this ).val().length >= maxCharacters )

{

$( this ).val( $( this ).val().substr(0,maxCharacters));

}

countText.html( $( this ).val().length + ' Characters');

});

}

Kelime Sayımı

Okumaya devam et textarea karakter ve kelime sayımı

Hayat Tecrübe

Merhaba Arkadaşlar bu konuda size belki hiçbirşey belkide çok şey öğreteceğim, diyeceklerim her kesime uysada aslında geliştiriciler, ay pardon pardon “developerlar” için.

Bunca zamandır geliştirmesini üstlendiğim projelerde maksimum 7 – 8 (diyeyim yalan olmasın) jquery eklentiyi hazır alıp kullanmışımdır, hep kendim yazmak istedim ve yazdım. Sadece teslimatı yaklaşan projelerde
yetiştiremeyeceğim eklentileri hazır kullandım. Buna da takıntı diyebiliriz.

Şimdi asıl olay burda “bu takıntı bana yararı ve zararı” Okumaya devam et Hayat Tecrübe

Responsive çalışma yapan arkadaşların işini hızlandırmak için…

Merhaba arkadaşlar,

Twitter’da paylaştım ilgi gördü o yüzden sizleride bu konudan mahrum etmek istemedim.

Responsive psd to css işlemi yaparken tarayıcının genişliği çok önemli oluyor, her seferinde bunu ölçmek için ya measureit eklentisiyada firebug console‘u açıyorum jQuery ile dökümanın genişliğini alıyorum vs vs.

Yukarıdaki yöntemler zaman aldığı için bir kaç satırdan oluşan jquery yazdım, Tarayıcı resize olduğunda sitenin sağ alt köşesine bir span atıp, içine ekran genişliğini yazıyor. Okumaya devam et Responsive çalışma yapan arkadaşların işini hızlandırmak için…

Css ile yatay ve dikey ortalama

Merhaba arkadaşlar,

Sayfayı yatay ve dikey ortalamak :

Margin ile yatay ortalamak :

Width değeri olan ve float değeri olmayan nesneleri margin ile ortalarız.
Html :

<div class="marginOrtala">
Margin: 0px auto; 
veya
margin-left:auto; margin-right:auto;
</div>

Margin: 0px auto;

veya

margin-left:auto; margin-right:auto;

</div>

Css:

.marginOrtala {
width: 500px;
margin: 0px auto;
background:green;
height:300px;
}

.marginOrtala {

width: 500px;

margin: 0px auto;

background:green;

height:300px;

}

Okumaya devam et Css ile yatay ve dikey ortalama