Artikel dan Koleksi Template

Halaman katalog ini menayangkan artikel representatif dan koleksi template terbaik Nickgenom yang diambil dari berbagai sumber menarik di internet

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


Tinggalkan Komentar

Kirimkan balasan
24232 dilihat

1-1 dari 1

Balas diskusi ini

Anda tidak dapat mengedit posting atau membuat balasan: Anda harus masuk sebelum dapat memposting.

Kata-kata Bijak

“ Orang hidup itu janganlah kebanyakan bermimpi, karena kebanyakan bermimpi berarti Anda kebanyakan tidur. “

Referensi Artikel :

Platform Situsweb CMS Modern

Tag posting: Referensi 05 Agustus 2021

Ragam Jenis Lisensi

Tag posting: Kode, Referensi 29 September 2020

CSS | Istilah populer dalam situsweb

Tag posting: Kode, Referensi 15 September 2020

HTML | Istilah populer dalam situsweb

Tag posting: Kode, Referensi 13 September 2020

Koleksi Animasi Guna Pakai Codepens

Tag posting: Kode, Referensi 07 September 2020

Koleksi Template Situsweb :

We Build

Tag posting: Bootstrap, Modifikasi, Template 04 Agustus 2021

Blueprint - (Template Cetakbiru)

Tag posting: Bootstrap, Template 04 Agustus 2021

Above - Template Pendidikan

Tag posting: Bootstrap, Template 04 Agustus 2021

Portofolio - (Template Cetakbiru)

Tag posting: HTML5, Template 04 Agustus 2021

Coming Sssoon + Modifikasi

Tag posting: Bootstrap, Modifikasi, Template 30 Oktober 2020

Mobster + Modifikasi

Tag posting: Bootstrap, Template 29 Oktober 2020

Material Kit React + Modifikasi

Tag posting: Modifikasi, React, Template 06 Oktober 2020

SB Admin + Modifikasi

Tag posting: Bootstrap, Modifikasi, Template 06 Oktober 2020

Space Science + Modifikasi

Tag posting: HTML5, Modifikasi, Template 01 Oktober 2020

Moderna + Modifikasi

Tag posting: Bootstrap, Modifikasi, Template 30 September 2020
Tentang
Rss
  • Artikel Bebas | Artikel dan Koleksi Template https://nickgenom.com/id/forum Artikel dan Koleksi Template https://nickgenom.com/id/forum-topik/artikel-dan-koleksi-template-2 Rab, 20 Okt 2021 00:11:34 +0000

    apa sih ini?
    Artikel dan Koleksi Template https://nickgenom.com/id/forum-topik/artikel-dan-koleksi-template Sen, 18 Okt 2021 20:10:22 +0000