เทมเพลต Space Science เป็นเทมเพลต HTML ที่เรียบง่ายแต่ตอบสนองได้ดี สำหรับนักพัฒนาที่มุ่งเน้นด้านวิทยาศาสตร์อวกาศหรือดาราศาสตร์ เทมเพลตนี้สามารถใช้กับเว็บไซต์ที่เน้นวิทยาศาสตร์ได้ นอกจากนี้ยังสามารถใช้โดยบริษัทหรือโครงการที่ต้องการเน้นด้านวิทยาศาสตร์หรือความทะเยอทะยานของผลิตภัณฑ์ของตน เทมเพลตเว็บไซต์นี้ใช้งานได้กับเว็บเบราว์เซอร์สมัยใหม่ทั้งหมด

คุณยังสามารถใช้เทมเพลตนี้เพื่อสร้างเว็บไซต์บล็อกที่สวยงามได้ จากการประเมินส่วนตัวของฉัน การออกแบบเทมเพลตนี้ค่อนข้างพิเศษและหาได้ยากในตลาดเทมเพลตฟรี ด้วยการใช้เทมเพลตนี้แม้แต่กับพวกคุณที่ยังใหม่กับมัน แน่นอนว่าคุณจะสามารถสร้างเว็บไซต์ที่ดูเป็นมืออาชีพได้

คุณสมบัติที่มีอยู่ในเทมเพลตนี้คืออะไร :

• เวอร์ชัน HTML ที่ตอบสนองต่อมือถือได้
• รหัส HTML แท้ Pure
• ไฟล์ CSS โอเพ่นซอร์สโค้ด
• รูปภาพ: เวอร์ชันบีบอัด
• แหล่งที่มาของการออกแบบ ในกรณีนี้คือ ไฟล์ PSD

ต้นฉบับ

เทมเพลตเว็บไซต์นี้เป็นของผู้พัฒนาเว็บไซต์ชื่อ Zlatan Stajić, M.Sc.. หากคุณค้นหาเทมเพลตนี้บน Google คุณจะพบว่าเทมเพลตนี้ได้รับการเผยแพร่บนเว็บไซต์ freewebsitetemplates.com. แต่เราอยากจะแสดงให้คุณเห็นผู้เขียนต้นฉบับที่ zlatanstajic.com ด้วยหน้าเทมเพลตดั้งเดิมที่นี่: space-prospection.zlatanstajic.com.

ใบอนุญาต

MIT (โอเพ่นซอร์ส) - ใช้งานส่วนตัวและเชิงพาณิชย์ได้ฟรี

ลักษณะเฉพาะ

ฟีเจอร์ดั้งเดิมในเทมเพลตเวอร์ชันฟรีนี้ก่อนแก้ไขมีดังนี้ :

• เป็นมิตรกับมือถือ
• Pure HTML5 (สร้างโดย Zlatan Stajić, M.Sc.)
• Pure CSS (สร้างโดย Zlatan Stajić, M.Sc.)

เทคโนโลยีหลัก

• HTML5

การดัดแปลง

เทมเพลตที่คุณเห็นนี้เป็นเวอร์ชันฟรีที่ใช้งานได้ฟรี ซึ่งได้อธิบายไว้ในหัวข้อย่อยใบอนุญาตด้านบน ในกระบวนการแก้ไขเทมเพลตนี้ เราได้รวมเทคโนโลยีต่อไปนี้ไว้ในการกำหนดค่า :

• ลดขนาด JS โดยใช้ Terser v5.3.1
• ลดขนาด CSS โดยใช้ Less v3.12.2
• Node Sass v4.14.1 และ Dart Sass v1.26.10
• Stylus v0.54.8
• PostCss Preset Env v6.7.0 และ PostCSS v12.0.1
• กำหนดค่าโดยใช้ Autoprefixer v9.8.6
• กำหนดค่าโดยใช้ Babel v7.11.6
• กำหนดค่าโดยใช้ Webpack v4.44.1
• กำหนดค่าโดยใช้ CoffeeScript v2.5.1
• กำหนดค่าโดยใช้ TypeScript v4.0.2
• กำลังเพิ่มไฟล์ favicon :
  • ./images/favicon.ico
• การเพิ่มประสิทธิภาพภาพ :
  • ./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
• การเพิ่มประสิทธิภาพไฟล์ CSS และ JS :
  • เพิ่มประสิทธิภาพและแทนที่ไฟล์ mobile.css ด้วย mobile-nick.css
  • เพิ่มประสิทธิภาพและแทนที่ไฟล์ style.css ด้วย style-nick.css
  • เพิ่มไฟล์ mobile-nick.css.map และ style-nick.css.map
  • เพิ่มประสิทธิภาพและแทนที่ไฟล์ mobile.js ด้วย mobile-nick.js
  • เพิ่มไฟล์ mobile-nick.js.map
• การเพิ่มประสิทธิภาพไฟล์ html :
  • การเพิ่มประสิทธิภาพไฟล์ index.html
  • การเพิ่มประสิทธิภาพไฟล์ about.html
  • การเพิ่มประสิทธิภาพไฟล์ blog.html
  • การเพิ่มประสิทธิภาพไฟล์ contact.html
  • การเพิ่มประสิทธิภาพไฟล์ proj1.html
  • การเพิ่มประสิทธิภาพไฟล์ projects.html
  • การเพิ่มประสิทธิภาพไฟล์ singlepost.html
• การเพิ่มประสิทธิภาพบรรทัดโค้ด :
  • แก้ไขตำแหน่ง /js/mobile-nick.js เหนือบรรทัด /body จากบรรทัด /head
  • แก้ไขโหมดโหลด js/mobile-nick.js เป็น defer
• การเพิ่มประสิทธิภาพเครื่องเล่นวิดีโอ :
  • เพิ่มความสามารถในการเล่นวิดีโอแบบฝังและวิดีโอที่บันทึกไว้

การซ่อมแซมแม่แบบ

ไม่มีการแก้ไข