Space Science + การปรับเปลี่ยน

หน้านี้อธิบายรายละเอียดเกี่ยวกับสิ่งที่คุณต้องการรู้

Space Science + การปรับเปลี่ยน

science-ok.webp
HTML5, การดัดแปลง, เทมเพลต

Space Science + การปรับเปลี่ยน

Azkiya
01 ตุลาคม 2020

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

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

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

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

space.webp

ต้นฉบับ

เทมเพลตเว็บไซต์นี้เป็นของผู้พัฒนาเว็บไซต์ชื่อ 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
  • การเพิ่มประสิทธิภาพเครื่องเล่นวิดีโอ :
    • เพิ่มความสามารถในการเล่นวิดีโอแบบฝังและวิดีโอที่บันทึกไว้

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

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


ดาวน์โหลด

รหัสผ่าน : nickgenom.com


แสดงความคิดเห็น