Space Science + Pengubahsuaian 0 masa dilihat

Penerangan

Templat Sains Angkasa adalah templat HTML yang ringkas tetapi sangat responsif, khusus untuk pemaju yang mempunyai fokus pada sains angkasa atau astronomi. Templat ini boleh digunakan untuk mana-mana laman web berorientasikan saintifik. Ia juga boleh digunakan oleh syarikat atau projek yang ingin menonjolkan aspek saintifik atau aspirasi produk mereka. Templat laman web ini boleh digunakan dengan semua penyemak imbas web moden.

Anda juga boleh menggunakan templat ini untuk membina laman web blog yang indah. Menurut penilaian peribadi saya, reka bentuk templat ini agak unik dan jarang wujud di pasaran templat percuma. Walaupun dengan menggunakan templat ini, bahkan bagi anda yang masih berbaring, ia pasti akan menghasilkan laman web yang kelihatan sangat profesional.

Apakah ciri templat ini :

  • Versi HTML mesra mudah alih responsif
  • Kod HTML tulen
  • Fail CSS kod sumber terbuka
  • Gambar: versi termampat
  • Sumber reka bentuk, dalam kes ini, fail JPA

space.webp

Sumber Asal

Templat laman web ini adalah hak milik pembangun laman web bernama Zlatan Stajić, M.Sc .. Sekiranya anda mencari templat ini di Google, anda juga akan mendapati templat ini telah diterbitkan di laman web freewebsitetemplates.com. Tetapi Kami lebih suka menunjukkan kepada anda pengarang asal di zlatanstajic.com dengan halaman templat asal ini di sini: space-prospection.zlatanstajic.com.

Lesen

MIT (Open Source) - Percuma untuk digunakan untuk kegunaan peribadi dan komersial.

ciri-ciri

Ciri-ciri asli dalam templat versi percuma ini sebelum pengubahsuaian adalah seperti berikut :

  • Mesra mudah alih
  • HTML5 murni (dibuat oleh Zlatan Stajić, M.Sc.)
  • CSS murni (dibuat oleh Zlatan Stajić, M.Sc.)

Teknologi Utama

  • HTML5

Ubah suai

Templat yang anda lihat adalah versi templat percuma yang dinyatakan dalam sari kata lesen di atas. Dalam proses mengubah templat ini, kami telah memasukkan teknologi berikut dalam konfigurasi :

  • Minify JS menggunakan Terser Terser v5.3.1
  • Minify CSS menggunakan Less v3.12.2
  • Node Sass v4.14.1 dan Dart Sass v1.26.10
  • Stylus v0.54.8
  • PostCss Preset Env v6.7.0 dan PostCSS Import v12.0.1
  • Dikonfigurasi menggunakan Autoprefixer v9.8.6
  • Dikonfigurasi menggunakan Babel v7.11.6
  • Dikonfigurasi menggunakan Webpack v4.44.1
  • Dikonfigurasi menggunakan CoffeeScript v2.5.1
  • Dikonfigurasi menggunakan TypeScript v4.0.2

Menambah fail favicon :

  • ./images/favicon.ico

Pengoptimuman gambar :

  • ./images/mobile/mobile-close.png
  • ./images/mobile/mobile-collapse.png
  • ./images/mobile/mobile-expand.png
  • ./images/mobile/mobile-menu.png
  • ./images/space-shuttle-original.png
  • ./images/alien-life.jpg
  • ./images/alien-life-original.jpg
  • ./images/astronaut.jpg
  • ./images/astronaut-original.jpg
  • ./images/bg-about.jpg
  • ./images/bg-about-original.jpg
  • ./images/bg-home.jpg
  • ./images/bg-home-original.jpg
  • ./images/curious-rover.jpg
  • ./images/curious-rover-original.jpg
  • ./images/earth-satellite.jpg
  • ./images/earth-satellite-original.jpg
  • ./images/finding-planet.jpg
  • ./images/finding-planet-original.jpg
  • ./images/galaxy.jpg
  • ./images/galaxy-original.jpg
  • ./images/mars-rover.jpg
  • ./images/mars-rover-original.jpg
  • ./images/martianrover-journey.jpg
  • ./images/martianrover-journey-original.jpg
  • ./images/moon-landing.jpg
  • ./images/moon-landing-original.jpg
  • ./images/moon-satellite.jpg
  • ./images/moon-satellite-original.jpg
  • ./images/new-satellitedish.jpg
  • ./images/new-satellitedish-original.jpg
  • ./images/project-image1.jpg
  • ./images/project-image1-original.jpg
  • ./images/project-image2.jpg
  • ./images/project-image2-original.jpg
  • ./images/project-image3.jpg
  • ./images/project-image3-original.jpg
  • ./images/project-image4.jpg
  • ./images/project-image4-original.jpg
  • ./images/satellite-dish.jpg
  • ./images/satellite-dish-original.jpg
  • ./images/space-station.jpg
  • ./images/space-station-original.jpg
  • ./images/bg-transparent1.png
  • ./images/bg-transparent1-original.png
  • ./images/favicon.png
  • ./images/favicon-original.png
  • ./images/icons.png
  • ./images/icons-original.png
  • ./images/logo.png
  • ./images/logo-original.png
  • ./images/satellite.png
  • ./images/satellite-original.png
  • ./images/space-shuttle.png

Pengoptimuman fail CSS dan JS :

  • Dioptimumkan dan ganti fail mobile.css dengan mobile-nick.css
  • Dioptimumkan dan ganti fail style.css dengan style-nick.css
  • Menambah fail mobile-nick.css.map dan style-nick.css.map
  • Dioptimumkan dan ganti fail mobile.js dengan mobile-nick.js
  • Menambah fail mobile-nick.js.map

Pengoptimuman fail html :

  • Pengoptimuman fail index.html
  • Pengoptimuman fail about.html
  • Pengoptimuman fail blog.html
  • Pengoptimuman fail contact.html
  • Pengoptimuman fail proj1.html
  • Pengoptimuman fail projects.html
  • Pengoptimuman fail singlepost.html

Garis pengoptimuman kod :

  • Memperbaiki kedudukan js/mobile-nick.js di atas garis < /body > garis < /head >
  • Betulkan mod muat js/mobile-nick.js untuk defer

Pengoptimuman pemain video:

  • Menambahkan kemampuan untuk memainkan video tertanam dan video yang disimpan.

Penambahbaikan Templat

  • Tidak ada peningkatan.


Tags: HTML5 Templat pada 01 Oktober 2020

Komen

Forum Diskusi

Post a reply
2945 views

Balas ke diskusi ini