Web statis adalah website yang mana pengguna tidak bisa mengubah konten dari web tersebut secara langsung menggunakan browser.
Interaksi yang terjadi antara pengguna dan server hanyalah seputar pemrosesan link saja. Halaman-halaman web tersebut tidak memliki database, data dan informasi 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 diadaptasi oleh banyak pemilik situs web akhir-akhir ini .
Halaman website tunggal yang digunakan oleh freelancer , perusahaan , dan proyek-proyek mandiri , yang membutuhkan ruang yang representatif yang digunakan untuk menyajikan informasi mereka kepada orang.
Desain satu halaman mudah di buat dan dapat dilakukan tanpa memiliki pengetahuan apapun merancang alat front-end atau keterampilan pemrograman .
Manfaat dari website Halaman tunggal adalah bahwa - mereka dengan mudah dapat diadaptasi untuk perangkat mobile , tidak mahal atas apa yang biasanya membayar untuk seluruh situs Web dan - lebih mudah untuk menciptakan karena semua benar-benar tergantung pada adalah scrolling vertikal atau horizontal , dan paralaks effects.
Incorporating efek paralaks geser dengan menambahkan animasi ke sebuah situs web , seseorang mampu untuk menciptakan pengalaman unik bagi pengguna akhir . Meskipun , antarmuka paralaks terlalu sulit kodenya dari bawah ke atas - namun , ada beberapa plugin gratis open-source yang akan memungkinkan juragan untuk mendapatkan pekerjaan yang dilakukan lebih cepat dan lebih mudah .
Ada beberapa plugin jQuery yang open source dan tersedia untuk membantu juragan dalam usaha ini , dan mereka menawarkan banyak fitur dalam hal menu tetap navigasi, konten parallax , animasi serta fitur canggih lainnya .
Beberapa plugin ini tersedia secara gratis dan dapat diimplementasikan dengan cepat dan mudah ke semua jenis platform . Kami akan meninjau 15 plugin jQuery yang paling populer dan kaya fitur open source yang dapat digunakan dalam membuat sebuah website satu halaman .
1. Smint
Smint adalah plugin jQuery sederhana yang membantu dengan navigasi pada situs gaya satu halaman. Ini memiliki 2 unsur utama, navigasi bar lengket yang tetap di bagian atas halaman saat juragan gulir ke bawah dan tombol menu yang secara otomatis gulir halaman ke bagian yang juragan klik.
Smint adalah plugin sederhana, sehingga hanya memiliki opsi untuk seberapa cepat gulungan halaman. Kecepatan default adalah 500 (setengah detik) tapi juragan sekarang dapat 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 adalah plugin jQuery yang menciptakan latar belakang paralaks untuk setiap halaman atau div. Hal ini sederhana untuk setup. Hal ini dapat ditambahkan ke halaman yang ada tanpa perlu mengubah mark up HTML.
3 . Stickup
Stickup adalah plugin jQuery sederhana yang " tongkat " elemen ke bagian atas jendela browser sementara bergulir melewatinya , selalu menjaga dalam tampilan . Plugin ini bekerja pada situs multi- halaman , tetapi memiliki fitur tambahan untuk layout satu - pager .
Meskipun Stickup dibuat untuk bekerja pada segala jenis website, itu awalnya dirancang untuk " satu - pager " gaya website . Dengan menggunakan CSS lengket navigasi item menu akan disorot seperti itu menghubungkan konten menggulir masuk dan keluar dari pjuraganngan .
4. jQuery Scroll Path
jQuery Scroll Path adalah sebuah plugin yang memungkinkan juragan menentukan jalur gulir kustom juragan sendiri . Plugin menggunakan kanvas sintaks rasa untuk menggambar jalur , dengan menggunakan metode MoveTo , LineTo dan busur . Untuk membantu dengan mendapatkan jalan yang benar , overlay kanvas dengan jalan dapat diaktifkan ketika memulai plugin . jQuery Scroll jalan juga memungkinkan memutar seluruh halaman , menggunakan transformasi CSS . Hal ini dapat dilakukan baik sepanjang jalan , atau sekitar posisi saat ini . Dalam browser tanpa mengubah CSS dukungan , semua rotasi diabaikan , tapi jalan masih diikuti . Ini berarti plugin bekerja dengan degradasi anggun di semua browser .
5 . Ascensor.js
Ascensor adalah plugin jquery yang bertujuan untuk melatih dan menyesuaikan konten sesuai dengan sistem lift . Bagian yang diakses seperti sistem lift yang bisa naik / turun dan kanan / kiri .
6 . jQuery FRACS
jQuery.fracs menentukan fraksi elemen HTML yang saat ini dalam viewport , serta fraksi yang dibutuhkan dari viewport lengkap dan sebagian kecil dari daerah yang mungkin saja terlihat. Hal ini juga memberikan koordinat persegi panjang terlihat dalam dokumen , elemen dan ruang viewport . Hal ini membuat pengguna lebih mudah untuk melompat ke bagian 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 diperlukan , Trevor Davis benar-benar seperti orang-orang yang menambah bergulir halus dan sorot navigasi tergantung pada bagian mana dari halaman juragan menggulir ke . Itu sebabnya ia menulis jQuery Plugin Satu Halaman Navigasi .
8 . Fullpage.js
FullPage.js adalah sederhana dan mudah untuk menggunakan 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 bagian dari situs. Hal ini dirancang agar 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 sempurna untuk membuat sebuah website di mana juragan ingin menyajikan sesuatu kepada pemirsa . Sebagai contoh, website Apple iPhone 5S menggunakan teknik yang sama . juragan dapat menyesuaikan waktu animasi , pemilih atau bahkan pelonggaran animasi menggunakan CSS3 . Jangan lupa untuk ambil mereka secara gratis di Github . Browser modern seperti 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 seperti melipat menu . Lihat demo dan nikmatilah!
12 . Curtain.js
Plugin ini memungkinkan juragan untuk membuat halaman web dengan beberapa panel yang tetap membuka gulungan dengan efek lucu . Persis seperti tirai naik . Untuk menavigasi , juragan dapat menggunakan keyboard juragan bukan scrollbar atau roda mouse untuk menavigasi ke dalam dokumen . Tapi itu tidak semua , ada lebih banyak fitur ! Sebagai contoh, juragan dapat dengan mudah 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 menciptakan isi setiap menu sebagai file HTML terpisah dan beban file-file HTML di dalam didefinisikan div sekali item menu diklik .
14 . Page Single Nav
jQuery plugin yang menyediakan bergulir halus dan navigasi canggih untuk website satu halaman .
15 . Single.js
SingleJS adalah plugin jQuery yang membuatnya mudah untuk membuat website dengan satu halaman scroll .
Semoga bermanfaat, untuk mendapatkan update tips dan trik terbaru juragan bisa like funpage facebook blog tips dan trik.
Interaksi yang terjadi antara pengguna dan server hanyalah seputar pemrosesan link saja. Halaman-halaman web tersebut tidak memliki database, data dan informasi 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 diadaptasi oleh banyak pemilik situs web akhir-akhir ini .
Halaman website tunggal yang digunakan oleh freelancer , perusahaan , dan proyek-proyek mandiri , yang membutuhkan ruang yang representatif yang digunakan untuk menyajikan informasi mereka kepada orang.
Desain satu halaman mudah di buat dan dapat dilakukan tanpa memiliki pengetahuan apapun merancang alat front-end atau keterampilan pemrograman .
Manfaat dari website Halaman tunggal adalah bahwa - mereka dengan mudah dapat diadaptasi untuk perangkat mobile , tidak mahal atas apa yang biasanya membayar untuk seluruh situs Web dan - lebih mudah untuk menciptakan karena semua benar-benar tergantung pada adalah scrolling vertikal atau horizontal , dan paralaks effects.
Incorporating efek paralaks geser dengan menambahkan animasi ke sebuah situs web , seseorang mampu untuk menciptakan pengalaman unik bagi pengguna akhir . Meskipun , antarmuka paralaks terlalu sulit kodenya dari bawah ke atas - namun , ada beberapa plugin gratis open-source yang akan memungkinkan juragan untuk mendapatkan pekerjaan yang dilakukan lebih cepat dan lebih mudah .
Ada beberapa plugin jQuery yang open source dan tersedia untuk membantu juragan dalam usaha ini , dan mereka menawarkan banyak fitur dalam hal menu tetap navigasi, konten parallax , animasi serta fitur canggih lainnya .
Beberapa plugin ini tersedia secara gratis dan dapat diimplementasikan dengan cepat dan mudah ke semua jenis platform . Kami akan meninjau 15 plugin jQuery yang paling populer dan kaya fitur open source yang dapat digunakan dalam membuat sebuah website satu halaman .
1. Smint
Smint adalah plugin jQuery sederhana yang membantu dengan navigasi pada situs gaya satu halaman. Ini memiliki 2 unsur utama, navigasi bar lengket yang tetap di bagian atas halaman saat juragan gulir ke bawah dan tombol menu yang secara otomatis gulir halaman ke bagian yang juragan klik.
Smint adalah plugin sederhana, sehingga hanya memiliki opsi untuk seberapa cepat gulungan halaman. Kecepatan default adalah 500 (setengah detik) tapi juragan sekarang dapat 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 adalah plugin jQuery yang menciptakan latar belakang paralaks untuk setiap halaman atau div. Hal ini sederhana untuk setup. Hal ini dapat ditambahkan ke halaman yang ada tanpa perlu mengubah mark up HTML.
3 . Stickup
Stickup adalah plugin jQuery sederhana yang " tongkat " elemen ke bagian atas jendela browser sementara bergulir melewatinya , selalu menjaga dalam tampilan . Plugin ini bekerja pada situs multi- halaman , tetapi memiliki fitur tambahan untuk layout satu - pager .
Meskipun Stickup dibuat untuk bekerja pada segala jenis website, itu awalnya dirancang untuk " satu - pager " gaya website . Dengan menggunakan CSS lengket navigasi item menu akan disorot seperti itu menghubungkan konten menggulir masuk dan keluar dari pjuraganngan .
4. jQuery Scroll Path
jQuery Scroll Path adalah sebuah plugin yang memungkinkan juragan menentukan jalur gulir kustom juragan sendiri . Plugin menggunakan kanvas sintaks rasa untuk menggambar jalur , dengan menggunakan metode MoveTo , LineTo dan busur . Untuk membantu dengan mendapatkan jalan yang benar , overlay kanvas dengan jalan dapat diaktifkan ketika memulai plugin . jQuery Scroll jalan juga memungkinkan memutar seluruh halaman , menggunakan transformasi CSS . Hal ini dapat dilakukan baik sepanjang jalan , atau sekitar posisi saat ini . Dalam browser tanpa mengubah CSS dukungan , semua rotasi diabaikan , tapi jalan masih diikuti . Ini berarti plugin bekerja dengan degradasi anggun di semua browser .
5 . Ascensor.js
Ascensor adalah plugin jquery yang bertujuan untuk melatih dan menyesuaikan konten sesuai dengan sistem lift . Bagian yang diakses seperti sistem lift yang bisa naik / turun dan kanan / kiri .
6 . jQuery FRACS
jQuery.fracs menentukan fraksi elemen HTML yang saat ini dalam viewport , serta fraksi yang dibutuhkan dari viewport lengkap dan sebagian kecil dari daerah yang mungkin saja terlihat. Hal ini juga memberikan koordinat persegi panjang terlihat dalam dokumen , elemen dan ruang viewport . Hal ini membuat pengguna lebih mudah untuk melompat ke bagian 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 diperlukan , Trevor Davis benar-benar seperti orang-orang yang menambah bergulir halus dan sorot navigasi tergantung pada bagian mana dari halaman juragan menggulir ke . Itu sebabnya ia menulis jQuery Plugin Satu Halaman Navigasi .
8 . Fullpage.js
FullPage.js adalah sederhana dan mudah untuk menggunakan 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 bagian dari situs. Hal ini dirancang agar 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 sempurna untuk membuat sebuah website di mana juragan ingin menyajikan sesuatu kepada pemirsa . Sebagai contoh, website Apple iPhone 5S menggunakan teknik yang sama . juragan dapat menyesuaikan waktu animasi , pemilih atau bahkan pelonggaran animasi menggunakan CSS3 . Jangan lupa untuk ambil mereka secara gratis di Github . Browser modern seperti 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 seperti melipat menu . Lihat demo dan nikmatilah!
12 . Curtain.js
Plugin ini memungkinkan juragan untuk membuat halaman web dengan beberapa panel yang tetap membuka gulungan dengan efek lucu . Persis seperti tirai naik . Untuk menavigasi , juragan dapat menggunakan keyboard juragan bukan scrollbar atau roda mouse untuk menavigasi ke dalam dokumen . Tapi itu tidak semua , ada lebih banyak fitur ! Sebagai contoh, juragan dapat dengan mudah 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 menciptakan isi setiap menu sebagai file HTML terpisah dan beban file-file HTML di dalam didefinisikan div sekali item menu diklik .
14 . Page Single Nav
jQuery plugin yang menyediakan bergulir halus dan navigasi canggih untuk website satu halaman .
15 . Single.js
SingleJS adalah plugin jQuery yang membuatnya mudah untuk membuat website dengan satu halaman scroll .
Semoga bermanfaat, untuk mendapatkan update tips dan trik terbaru juragan bisa like funpage facebook blog tips dan trik.
