Artikel dan Koleksi Template

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

materialkit.webp
Bootstrap, Modifikasi, Template

Material Kit + Modifikasi

Azkiya
23 September 2020

Material Kit adalah Kit UI Bootstrap 4 Gratis dengan desain baru dan segar yang terinspirasi oleh desain material Google. Anda memintanya, jadi kami membuatnya. Sangat menyenangkan untuk memperkenalkan kepada Anda konsep material dalam satu set komponen yang mudah digunakan dan indah. Bersamaan dengan penataan ulang elemen Bootstrap, Anda akan menemukan tiga halaman contoh dengan kode lengkap, untuk membantu Anda merancang proyek berikutnya.

Material Kit memanfaatkan cahaya, permukaan, dan gerakan. Ini menggunakan pilihan warna yang disengaja, citra tepi-ke-tepi dan tipografi skala besar. Tata letak umum menyerupai lembaran kertas mengikuti beberapa lapisan berbeda, sehingga kedalaman dan keteraturannya jelas. Navigasi utamanya tetap di kiri dan tindakan di kanan.

Desain baru ini memiliki elemen-elemen yang merupakan hasil penelitian tentang tinta dan kertas serta cara benda dan bahan berinteraksi dalam kehidupan nyata. Hasilnya adalah serangkaian elemen yang indah dan konsisten yang dapat membantu Anda memulai proyek berikutnya. Material Kit adalah alat yang hebat jika Anda ingin menciptakan keberadaan web untuk aplikasi Android Anda dan perlu konsisten, meninggalkan kesan elemen yang secara visual serupa. Ini juga merupakan sumber daya yang bagus dengan sendirinya, tampak cantik dan membantu Anda membangun halaman web Anda.

screen-materialkit.webp

Sumber Asli

Template ini telah dipublikasi sebelumnya di situs web Creative Tim.

Lisensi

MIT - Hak Cipta (c) 2018 CreativeTim

Fitur

Fitur asli dalam template versi gratis ini sebelum di modifikasi adalah sebagai berikut :

  • Bootstrap v4.0.0
  • gulp v4.0.3
  • gulp-autoprefixer v6.1.0
  • gulp-clean v0.4.0
  • gulp-install v1.1.0
  • gulp-open v3.0.1
  • gulp-sass v4.0.2
  • gulp-sourcemaps v2.6.5
  • Mendukung Alerts
  • Mendukung Card
  • Mendukung Forms
  • Mendukung Google Maps
  • Mendukung Modal
  • Mendukung Navs
  • Mendukung Navbar
  • Mendukung Tables
  • Mendukung Typography
  • Mendukung Video
  • Mendukung Slider

Tekhnologi Utama

  • Bootstrap v4.0.0
  • jQuery v3.2.1
  • PopperJs

Modifikasi

  • Proses modifikasi pada template ini menyertakan tekhnologi berikut dalam konfigurasinya :
    • Peningkatan versi Bootstrap 4.0.0 ke versi 4.5.2
    • Minify JS menggunakan Terser v4.8.0
    • Minify CSS menggunakan Less v3.11.3
    • Minify SCSS menggunakan Node Sass v4.14.1 + Dart Sass v1.26.2
    • Support source MAP JS
    • Support source MAP CSS
    • Dikonfigurasi menggunakan Babel v7.10.3
    • Dikonfigurasi menggunakan Webpack v4.43.0
    • Dikonfigurasi menggunakan TypeScript v3.9.5
    • Transpile with Babel
    • Support SASS
    • Support Autoprefixer
    • Install Dependencies
    • Optimalisasi file css material-kit.css dan material-kit.scss
    • Mengganti file material-kit.js dengan material-kit-nick.js
    • Menghapus file css demo.css telah dihapus
    • Mengganti file css material-kit.css dan menggantinya dengan file material-kit.min.css
  • Menambah script Bootstrap 4.5.2 :
    <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>
  • Menambah script ketergantungan dalam mode development :
    • gulp v4.0.3
    • gulp-autoprefixer v7.0.1 (diperbarui)
    • gulp-clean v0.4.0
    • gulp-install v1.1.0
    • gulp-open v3.0.1
    • gulp-sass v4.1.0 (diperbarui)
    • gulp-sourcemaps v2.6.5 Optimalisasi file template.html Optimalisasi file /examples/landing-page.html Optimalisasi file /examples/login-page.html Optimalisasi file /examples/profile-page.html

Perbaikan Template

Tidak ada perbaikan



Tinggalkan Komentar

Kirimkan balasan
24265 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

“ Cintaku tidak seperti membuat kopi sachet, yang instan dan praktis. Tapi, seperti membuat kopi bubuk, yang penuh perhitungan dan kehati-hatian. “

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