Ghostype input Placeholder for search text fields using jQuery

>Placeholder DemoGhostpe Demo $(document).ready(function(){ var search = "#home-search"; var chars = $(search).attr('placeholder').split(''); $.each(chars, function(i, v){ setTimeout(function() { $(search).val((chars.slice(0, i+1).join(''))); }, 100*i); }); });jQuery placeholder plugin can be used to display default text inside input text fields.HTML5 introduced type search fields with placeholder attribute support. <input class="query" id="home-search" placeholder="Enter search text here" type="search" />It should display … Continue reading Ghostype input Placeholder for search text fields using jQuery

How Twitter Share & Facebook Like Buttons Work For HAML-Rails & HTML/erb

>Twitter share and facebook like button for html/erb <div class='spread'>  <div class='twshare left'>   <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="funonrails">Tweet</a>http://platform.twitter.com/widgets.js  </div>  <fb:like href="" layout="button_count" show_faces="false" width="450" font=""></fb:like></div>Twitter share and facebook like button for haml .spread .twshare.left %a.twitter-share-button.left{"data-count" => "horizontal", "data-via" => "fuonrails", :href => "http://twitter.com/share"} Tweet %script{:src => "http://platform.twitter.com/widgets.js", :type => "text/javascript"} .fshare.left{:style => 'padding-left: 0px; … Continue reading How Twitter Share & Facebook Like Buttons Work For HAML-Rails & HTML/erb