CSS3 Facebook Chatbox
HTML .chat-box { font:normal normal 11px/1.4 Tahoma,Verdana,Sans-Serif; color:#333; width:200px; /* Chatbox width */ border:1px solid #344150; border-bottom:none; background-color:white; position:fixe…
Toggle Side Navigation
HTML <div id="outer-wrapper"> <section id="nav"> <a href="#nav" id="toggle-nav-btn" title="Show Navigation">≡</a> <div class="inner"> <ul class="menu"> <li><a href="#">Home</a></li> <li><a href…
Mendapatkan Tinggi dan Lebar Layar Monitor
Versi jQuery var x = $(window).width(), y = $(window).height(); // Tampilkan lebar dan tinggi layar dalam kotak pesan alert('Lebar layar: ' + x + '; Tinggi layar: ' + y); Versi JavaScript Murni var w …
Menampilkan Total Waktu Memuat Halaman
<div id="load-time">Calculating page load time...</div> <script> var showTime = document.getElementById('load-time'), startTime = (new Date()).getTime(); // Get the time before `window.onload` window.…
JavaScript Custom Vertical Scrollbar
Cara kerja manipulasi scrollbar ini bukan dengan cara menghilangkan scrollbar yang asli dan menggantinya dengan yang baru, melainkan hanya menyembunyikan scrollbar asli tersebut di balik/di belakang s…