SB Admin + Modifikasi

Penjabaran lengkap artikel untuk menginformasikan secara lebih jelas dan gamblang adalah tuntutan yang wajib. Kami telah memikirkan bagaimana pengguna Nickgenom akan mendapatkan informasi yang sepenuhnya berguna.

SB Admin + Modifikasi

starbootstrap.webp
Bootstrap, Modifikasi, Template

SB Admin + Modifikasi

Azkiya
06 Oktober 2020

SB Admin adalah template admin Bootstrap berlisensi MIT yang gratis dan open source. Template ini menggunakan gaya Bootstrap 4 default bersama dengan berbagai plugin untuk membuat kerangka kerja yang kuat untuk membuat panel admin, aplikasi web, atau UI dasbor untuk proyek Anda berikutnya.

Template SB Admin bergaya Bootstrap 4 ini diterbitkan oleh Start Bootstrap. Start Bootstrap sendiri merupakan pustaka open source dari template dan tema Bootstrap gratis. Semua templat dan tema gratis di Start Bootstrap dirilis di bawah lisensi MIT, yang berarti Anda dapat menggunakannya untuk tujuan apa pun, bahkan untuk proyek komersial.

Sumber Asli

Template ini sebelumnya telah diterbitkan di situs web Start Bootstrap

Lisensi

MIT - 2013-2020 Start Bootstrap LLC dan dibuat oleh David Miller.

Fitur

  • Tema berbasis SCSS dengan skrip bawaan untuk menyusun Pug dan CSS
  • Tata letak berbasis flexbox dengan opsi navigasi tetap dan statis
  • Menu sidebar yang dapat diubah dengan status matikan yang intuitif
  • Gaya panel kustom
  • Grafik interaktif dengan plugin Chart.js
  • Tabel interaktif dengan plugin dataTables
  • Halaman Login, Pendaftaran, Lupa Kata Sandi, 404, dan HTML starter kosong

Tekhnologi Utama (asli)

  • bootstrap v.4.5.0
  • autoprefixer v.9.8.0
  • browser-sync v.2.26.7
  • chokidar v.3.4.0
  • concurrently v.5.2.0
  • postcss v.7.0.32
  • prettier v.2.0.5
  • pug v.3.0.0
  • sass v.1.26.8
  • shelljs v.0.8.4
  • upath v.1.2.0

Modifikasi

  • Minify JS menggunakan Terser v4.8.0
  • Minify CSS menggunakan Less v3.11.3
  • Support source MAP JS (disesuaikan)
  • Support source MAP CSS (disesuaikan)
  • Optimalisasi file .pug
  • Optimalisasi file .html
  • Optimalisasi file .css
  • Optimalisasi file .scss
  • Optimalisasi file .js
  • Menambah folder node_modules
  • Install Dependensi terbaru :
    • bootstrap v.4.5.2
    • autoprefixer v.10.0.1
    • browser-sync v.2.26.12
    • chokidar v.3.4.2
    • concurrently v.5.3.0
    • postcss v.8.1.1
    • prettier v.2.1.2
    • pug v.3.0.0
    • sass v.1.26.12
    • shellj v.^0.8.4
    • upath v.1.2.0
  • Font Awesome 5.14.0
  • Memperbarui aset CSS dari :
     <link href="https://cdn.datatables.net/1.10.20/css/dataTables.bootstrap4.min.css" rel="stylesheet" crossorigin="anonymous" />
  • Memperbarui aset CSS menjadi :
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog==" crossorigin="anonymous" />
    <link href="https://cdn.datatables.net/1.10.22/css/dataTables.bootstrap4.min.css" rel="stylesheet" crossorigin="anonymous" />
  • Memperbarui aset JS dari :
    <script src="https://code.jquery.com/jquery-3.5.1.min.js" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.js" crossorigin="anonymous"></script>
    <script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js" crossorigin="anonymous"></script>
    <script src="https://cdn.datatables.net/1.10.20/js/dataTables.bootstrap4.min.js" crossorigin="anonymous"></script>
  • Memperbarui aset JS menjadi :
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
    <script src="js/scripts.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/js/all.min.js" integrity="sha512-YSdqvJoZr83hj76AIVdOcvLWYMWzy6sJyIMic2aQz5kh2bPTd9dzY3NtdeEAzPp/PhgZqr4aJObB3ym/vsItMg==" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js" integrity="sha512-s+xg36jbIujB2S2VKfpGmlC3T5V2TF3lY48DX7u2r9XzGzgPsa6wTpOQA7J9iffvdeBN0q9tKzRxVxw1JviZPg==" crossorigin="anonymous"></script>
    <script src="https://cdn.datatables.net/1.10.22/js/jquery.dataTables.min.js" crossorigin="anonymous"></script>
    <script src="https://cdn.datatables.net/1.10.22/js/dataTables.bootstrap4.min.js" crossorigin="anonymous"></script>
  • Aset CSS yang ditambahkan ke tag head :
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog==" crossorigin="anonymous" />
  • Aset JS yang ditambahkan ke atas tag /body :
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/js/all.min.js" integrity="sha512-YSdqvJoZr83hj76AIVdOcvLWYMWzy6sJyIMic2aQz5kh2bPTd9dzY3NtdeEAzPp/PhgZqr4aJObB3ym/vsItMg==" crossorigin="anonymous"></script>

Perbaikan Template

Tidak ada perbaikan

Opsi instalasi

Untuk menggunakan template ini, Anda bisa menggunakan sumber dari Nickgenom dengan mengunduh template ini, atau pilih salah satu opsi berikut :

Menjalankan template modifikasi SB Admin

Ini sangat sederhana, yang Anda perlukan hanya ini :

  • Buka browser yang telah terinstall di komputer Anda; Chrome, Mozilla Firefox, dan sebagainya
  • Lalu, buka folder proyek SB Admin
  • Klik 2 kali pada file html yang ingin Anda buka
  • Selesai !!!.

SELAMAT MENCOBA. SEMOGA BERHASIL !


Unduh

Katasandi : nickgenom.com


Komentar


Dukungan

Donasi Ke Nickgenom

Creative Commons License Karya ini dilisensikan dibawah Lisensi Internasional Creative Commons Attribution 4.0.

Social