Koleksi Artikel dan Templat

Halaman katalog ini mempunyai artikel perwakilan dan koleksi templat Nickgenom terbaik yang diambil dari pelbagai sumber menarik di internet

starbootstrap.webp
Bootstrap, Pengubahsuaian, Templat

SB Admin + Pengubahsuaian

Azkiya
06 Oktober 2020

SB Admin adalah templat admin Bootstrap berlesen MIT sumber percuma dan terbuka. Templat ini menggunakan gaya Bootstrap 4 lalai bersama dengan pelbagai plugin untuk membuat rangka kerja yang kuat untuk membuat panel pentadbir, aplikasi web, atau UI papan pemuka untuk projek anda yang seterusnya.

Templat SB SB gaya 4 Bootstrap ini diterbitkan oleh Start Bootstrap. Start Bootstrap adalah pustaka sumber terbuka templat dan tema Bootstrap percuma. Semua templat dan tema percuma di Start Bootstrap dilancarkan di bawah lesen MIT, yang bermaksud anda dapat menggunakannya untuk tujuan apa pun, bahkan untuk projek komersial.

Sumber Asal

Templat ini sebelum ini telah diterbitkan di laman web Start Bootstrap

Lesen

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

Ciri

  • Tema berasaskan SCSS dengan skrip terbina dalam untuk menyusun Pug dan CSS
  • Susun atur berasaskan kotak flex dengan pilihan navigasi tetap dan statik
  • Menu bar sisi yang boleh diubah dengan keadaan togol intuitif
  • Gaya panel tersuai
  • Carta interaktif dengan plugin Chart.js
  • Jadual interaktif dengan plugin dataTables
  • Log masuk, Pendaftaran, Lupa Kata Laluan, 404 halaman dan HTML starter kosong

Teknologi Utama (asal)

  • 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

Pengubahsuaian

  • Minimumkan JS menggunakan Terser v4.8.0
  • Minimumkan CSS menggunakan Less v3.11.3
  • Sumber sokongan MAP JS (disesuaikan)
  • Sumber sokongan MAP CSS (disesuaikan)
  • pengoptimuman fail pug
  • pengoptimuman fail .html
  • fail pengoptimuman fail .css
  • pengoptimuman fail .scss
  • pengoptimuman fail .js
  • Tambahkan folder folder node_modules
  • Pasang Ketergantungan terkini :
    • 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
  • Mengemas kini aset CSS dari :
     <link href="https://cdn.datatables.net/1.10.20/css/dataTables.bootstrap4.min.css" rel="stylesheet" crossorigin="anonymous" />
  • Mengemas kini aset CSS ke :
    <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" />
  • Mengemas kini 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>
  • Mengemas kini aset JS ke :
    <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 ditambahkan ke tanda kepala :
    <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 ditambah di 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>

Pembaikan Templat

Tiada penyelesaian

Pilihan pemasangan

Untuk menggunakan templat ini, anda boleh menggunakan sumber dari Nickgenom dengan memuat turun templat ini, atau memilih salah satu pilihan berikut :

Menjalankan templat pengubahsuaian SB Admin

Ini sangat mudah, yang anda perlukan hanyalah ini :

  • Buka penyemak imbas yang telah dipasang di komputer anda; Chrome, Mozilla Firefox dan sebagainya
  • Kemudian, buka folder projek SB Admin
  • Klik dua kali pada fail html yang ingin anda buka
  • Selesai !!!.

SEMOGA BERJAYA. SEMOGA BERJAYA !


Muat turun

Kata Laluan : nickgenom.com


Tinggalkan komen

Kata-kata hikmat

" Badan kita jarang bertemu. Tetapi ketahuilah, impian ini selalu mengenai anda. "

Rujukan Artikel :

Platform Laman Web CMS Moden

Teg jawatan: Rujukan 05 Ogos 2021

Pelbagai Jenis Lesen

Teg jawatan: Kod, Rujukan 29 September 2020

CSS | Istilah popular di laman web

Teg jawatan: Kod, Rujukan 15 September 2020

Javascript | Istilah popular di laman web

Teg jawatan: Kod, Rujukan 15 September 2020

HTML | Istilah popular di laman web

Teg jawatan: Kod, Rujukan 13 September 2020

Koleksi Animasi Gunakan Codepens

Teg jawatan: Kod, Rujukan 07 September 2020

Koleksi Templat Laman Web :