Kotak Penelusuran dalam Simbol
Menciptakan elemen kotak penelusuran tersembunyi dengan jQuery. Saat keadaan normal, kotak penelusuran akan tampak sebagai ikon kaca pembesar, dan saat ikon tersebut diklik, itu akan memicu kotak pen…
JSON Blogger dengan AJAX jQuery
HTML <div id="result">Loading...</div> jQuery // $.ajax({url:feedUrl,type:'get',dataType:'jsonp',success:function(json){ … }}); $(function() { $.ajax({ url: 'http://nama_blog.blogspot.com/feeds/posts/…
JQuery Tab
HTML <div id="tab-outer"> <ul id="tab-wrapper"> <li><a href="#tab1">Tab 1</a></li> <li><a href="#tab2">Tab 2</a></li> <li><a href="#tab3">Tab 3</a></li> <li><a href="#tab4">Tab 4</a></li> </ul> <div …
Jump Link/Hash Tag Link dengan Jarak
h2[id]:before { display:block; content:""; height:50px; margin:-50px 0 0; visibility:hidden; } Referensi: Nicolas Gallagher - Jump Links and Viewport Positioning Pembaharuan Ternyata lebih efektif da…
Konsep Kotak Pencarian Tersembunyi di dalam Header
HTML <header id='site-header'> <div class='inner'> <h1><a href='/'>Site Name</a></h1> <p>Lorem ipsum dolor sit amet...</p> </div> <div class='inner hidden'> <form action='/search' method='get'> <inpu…