Posts

Showing posts from August, 2016

Membuat Sticky Menu dengan HTML CSS dan JQuery

Image
Membuat sticky menu dengan html,css dan jquery.  Pada tutorial kali ini saya ingin membagikan sebuah tutorial yaitu cara membuat sticky menu dengan menggunakan Html,Css dan Jquery. Apa sih sticky menu ?? oke saya akan menjelaskan apa itu sticky menu ialah sebuah animasi pada navigasi yang digunakan agar navigasi berada paling atas saat scrollbar di scroll ke bawah. Ok langsung saja teman-teman perhatikan kode dibawah ini : 1. Langkah pertama silahkan teman-teman buat terlebih dahulu sintak htmlnya seperti berikut : <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Membuat Sticky Menu dengan Jquery dan CSS</title> <link rel="stylesheet" href="Assets/css/style.css"> </head> <body> <header> <h1>Sticky Menu</h1> </header> <nav> <div class="container"> <div class="brand"><img src="Assets/img/...

Tutorial CSS Skeleton Lengkap Beserta Penjelasan

Image
Tutorial CSS Skeleton  Lengkap Beserta Penjelasan  ~ Pada tutorial kali ini saya ingin sharing ilmu tentang cara menggunakan CSS Skeleton. Untuk pendahuluan saya akan menjelaskan apa itu CSS Skeleton ? CSS Skeleton merupakan Freamwork CSS sama persis cara menggunakan Bootstrap, teteapi CSS Skeleton ini lebih memfokuskan kita pada penggunaan nama class yang menggunakan bahasa inggris.  Seperti contoh : Class=" twelve columns " ; // penggunaan grid pada css skeleton Class=" u-full-width " ; // penggunaan form input pada css skeleton Cara menggunakan CSS Skeleton pada text editor : Kunjungi dahulu situs resminya , dilahkan klik link berikut http://getskeleton.com/ Pada halaman pertama terdapat tombol download bewarna biru. Seperti dibawah ini : Pada gambar diatas silahkan teman-teman klik tombol download maka akan menghasilkan sebuah download seperti  berikut : Jika sudah muncul, silahkan download langsung dan extract file tersebut, lalu klik kanan pada index.html d...