Web statis yakni website yang mana pengguna tidak bisa mengubah konten dari web tersebut secara pribadi memakai browser.
Interaksi yang terjadi antara pengguna dan server hanyalah seputar pemrosesan link saja. Halaman-halaman web tersebut tidak memliki database, data dan gosip yang ada pada web statis tidak berubah-ubah kecuali diubah sintaksnya.
Dokumen web yang dikirim kepada client akan sama isinya dengan apa yang ada di web server
Membuat website satu- halaman atau Web statis menjadi tren terbaru yang sedang banyak disesuaikan oleh banyak pemilik situs web akhir-akhir ini .
Halaman website tunggal yang dipakai oleh freelancer , perusahaan , dan proyek-proyek berdikari , yang membutuhkan ruang yang representatif yang dipakai untuk menyajikan gosip mereka kepada orang.
Desain satu halaman gampang di buat dan sanggup dilakukan tanpa mempunyai pengetahuan apapun merancang alat front-end atau keterampilan pemrograman .
Manfaat dari website Halaman tunggal yakni bahwa - mereka dengan gampang sanggup disesuaikan untuk perangkat mobile , tidak mahal atas apa yang biasanya membayar untuk seluruh situs Web dan - lebih gampang untuk membuat lantaran semua benar-benar tergantung pada yakni scrolling vertikal atau horizontal , dan paralaks effects.
Incorporating dampak paralaks geser dengan menambahkan animasi ke sebuah situs web , seseorang bisa untuk membuat pengalaman unik bagi pengguna selesai . Meskipun , antarmuka paralaks terlalu sulit kodenya dari bawah ke atas - namun , ada beberapa plugin gratis open-source yang akan memungkinkan juragan untuk mendapat pekerjaan yang dilakukan lebih cepat dan lebih gampang .
Ada beberapa plugin jQuery yang open source dan tersedia untuk membantu juragan dalam perjuangan ini , dan mereka memperlihatkan banyak fitur dalam hal hidangan tetap navigasi, konten parallax , animasi serta fitur canggih lainnya .
Beberapa plugin ini tersedia secara gratis dan sanggup diimplementasikan dengan cepat dan gampang ke semua jenis platform . Kami akan meninjau 15 plugin jQuery yang paling terkenal dan kaya fitur open source yang sanggup dipakai dalam membuat sebuah website satu halaman .
1. Smint
Smint yakni plugin jQuery sederhana yang membantu dengan navigasi pada situs gaya satu halaman. Ini mempunyai 2 unsur utama, navigasi kafe lengket yang tetap di belahan atas halaman ketika juragan gulir ke bawah dan tombol hidangan yang secara otomatis gulir halaman ke belahan yang juragan klik.
Smint yakni plugin sederhana, sehingga hanya mempunyai opsi untuk seberapa cepat gulungan halaman. Kecepatan default yakni 500 (setengah detik) tapi juragan kini sanggup mengatur bahwa untuk menjadi apa pun yang juragan suka. Download dilengkapi dengan demo disertakan sehingga merasa bebas untuk menggunakannya sebagai template untuk menatap sendiri satu halaman website juragan.
2. qpScroll
qpScroll yakni plugin jQuery yang membuat latar belakang paralaks untuk setiap halaman atau div. Hal ini sederhana untuk setup. Hal ini sanggup ditambahkan ke halaman yang ada tanpa perlu mengubah mark up HTML.
3 . Stickup
Stickup yakni plugin jQuery sederhana yang " tongkat " elemen ke belahan atas jendela browser sementara bergulir melewatinya , selalu menjaga dalam tampilan . Plugin ini bekerja pada situs multi- halaman , tetapi mempunyai fitur pelengkap untuk layout satu - pager .
Meskipun Stickup dibentuk untuk bekerja pada segala jenis website, itu awalnya dirancang untuk " satu - pager " gaya website . Dengan memakai CSS lengket navigasi item hidangan akan disorot ibarat itu menghubungkan konten menggulir masuk dan keluar dari pjuraganngan .
4. jQuery Scroll Path
jQuery Scroll Path yakni sebuah plugin yang memungkinkan juragan memilih jalur gulir kustom juragan sendiri . Plugin memakai kanvas sintaks rasa untuk menggambar jalur , dengan memakai metode MoveTo , LineTo dan busur . Untuk membantu dengan mendapat jalan yang benar , overlay kanvas dengan jalan sanggup diaktifkan ketika memulai plugin . jQuery Scroll jalan juga memungkinkan memutar seluruh halaman , memakai transformasi CSS . Hal ini sanggup dilakukan baik sepanjang jalan , atau sekitar posisi ketika ini . Dalam browser tanpa mengubah CSS kontribusi , semua rotasi diabaikan , tapi jalan masih diikuti . Ini berarti plugin bekerja dengan degradasi bagus di semua browser .
5 . Ascensor.js
Ascensor yakni plugin jquery yang bertujuan untuk melatih dan menyesuaikan konten sesuai dengan sistem lift . Bagian yang diakses ibarat sistem lift yang bisa naik / turun dan kanan / kiri .
6 . jQuery FRACS
jQuery.fracs memilih fraksi elemen HTML yang ketika ini dalam viewport , serta fraksi yang dibutuhkan dari viewport lengkap dan sebagian kecil dari tempat yang mungkin saja terlihat. Hal ini juga mengatakan koordinat persegi panjang terlihat dalam dokumen , elemen dan ruang viewport . Hal ini membuat pengguna lebih gampang untuk melompat ke belahan yang berbeda dari situs juragan . Hal ini sangat cocok untuk satu halaman website atau situs web dengan banyak bergulir . jQuery.fracs disediakan di bawah persyaratan Lisensi MIT .
7 . jQuery One Page Navigation Plugin
Bila diharapkan , Trevor Davis benar-benar ibarat orang-orang yang menambah bergulir halus dan sorot navigasi tergantung pada belahan mana dari halaman juragan menggulir ke . Itu sebabnya ia menulis jQuery Plugin Satu Halaman Navigasi .
8 . Fullpage.js
FullPage.js yakni sederhana dan gampang untuk memakai plugin untuk membuat website bergulir fullscreen ( juga dikenal sebagai situs satu halaman ) . Hal ini memungkinkan juragan untuk membuat website bergulir fullscren serta menambahkan beberapa slider lanskap dalam belahan dari situs. Hal ini dirancang biar sesuai dengan ukuran layar yang berbeda serta tablet dan perangkat mobile .
9 . One Page Scroll
One Page Scroll membiarkan juragan mengubah website juragan menjadi scroll satu halaman website yang memungkinkan pengguna untuk menggulir satu halaman pada satu waktu . Ini tepat untuk membuat sebuah website di mana juragan ingin menyajikan sesuatu kepada pemirsa . Sebagai contoh, website Apple iPhone 5S memakai teknik yang sama . juragan sanggup menyesuaikan waktu animasi , pemilih atau bahkan pelonggaran animasi memakai CSS3 . Jangan lupa untuk ambil mereka secara gratis di Github . Browser modern ibarat Chrome , Firefox , dan Safari pada kedua desktop dan smartphone telah diuji .
10 . Deck Scroll
Sebuah plugin jQuery untuk membuat deck bergulir presentasi .
11 . penuh Paged
Penuh Paged memungkinkan juragan untuk membuat layout paged tunggal dengan beberapa elemen UI kustom opsional ibarat melipat hidangan . Lihat demo dan nikmatilah!
12 . Curtain.js
Plugin ini memungkinkan juragan untuk membuat halaman web dengan beberapa panel yang tetap membuka gulungan dengan dampak lucu . Persis ibarat tirai naik . Untuk menavigasi , juragan sanggup memakai keyboard juragan bukan scrollbar atau roda mouse untuk menavigasi ke dalam dokumen . Tapi itu tidak semua , ada lebih banyak fitur ! Sebagai contoh, juragan sanggup dengan gampang menambahkan elemen tetap atau beberapa " langkah-langkah " elemen di dalam panel .
13 . Pagify.js
JQuery plugin ini khusus diciptakan untuk website satu halaman . Ia bekerja dengan membuat isi setiap hidangan sebagai file HTML terpisah dan beban file-file HTML di dalam didefinisikan div sekali item hidangan diklik .
14 . Page Single Nav
jQuery plugin yang menyediakan bergulir halus dan navigasi canggih untuk website satu halaman .
15 . Single.js
SingleJS yakni plugin jQuery yang membuatnya gampang untuk membuat website dengan satu halaman scroll .
Semoga bermanfaat, untuk mendapat update tips dan trik terbaru juragan bisa like funpage facebook blog tips dan trik.