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

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

| English | | Filipino | | Indonesia | | Malay | | Thai | | Vietnamese |
0 ครั้งที่เห็น

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

เผยแพร่เมื่อ : 01 ตุลาคม 2020

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

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

รุ่นนี้มีคุณสมบัติอย่างไร :

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

แหล่งที่มาอย่างเป็นทางการ

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

ใบอนุญาต

MIT (Open Source) - ฟรีสำหรับการใช้งานส่วนตัวและเชิงพาณิชย์.

เหนือกว่า

คุณสมบัติเริ่มต้นในเวอร์ชันฟรีของเทมเพลตที่แก้ไขก่อนหน้านี้มีดังต่อไปนี้ :

  • เหมาะกับมือถือ
  • HTML5 บริสุทธิ์ (สร้างโดย Zlatan Stajić, M.Sc. )
  • CSS บริสุทธิ์ (สร้างโดย Zlatan Stajić, M.Sc. )

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

  • HTML5

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

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

  • ย่อขนาด JS โดยใช้ Terser Terser v5.3.1
  • ลดขนาด CSS โดยใช้ Less v3.12.2
  • โหนด Sass v4.14.1 และ Dart Sass v1.26.10
  • สไตลัส v0.54.8
  • PostCss Preset Env v6.7.0 และ PostCSS Import v12.0.1
  • กำหนดค่าโดยใช้ Autoprefixer v9.8.6
  • กำหนดค่าโดยใช้ Babel v7.11.6
  • กำหนดค่าโดยใช้ Webpack v4.44.1
  • กำหนดค่าโดยใช้ CoffeeScript v2.5.1
  • กำหนดค่าโดยใช้ TypeScript v4.0.2

เพิ่มไฟล์ไอคอนโปรด :

  • ./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 :

  • Optimalisasi dan mengganti file mobile.css dengan mobile-nick.css
  • Optimalisasi dan mengganti file style.css dengan style-nick.css
  • Menambahkan file mobile-nick.css.map dan style-nick.css.map
  • Optimalisasi dan mengganti file mobile.js dengan mobile-nick.js
  • Menambahkan file mobile-nick.js.map

เพิ่มประสิทธิภาพไฟล์ html :

  • Optimalisasi file index.html
  • Optimalisasi file about.html
  • Optimalisasi file blog.html
  • Optimalisasi file contact.html
  • Optimalisasi file proj1.html
  • Optimalisasi file projects.html
  • Optimalisasi file singlepost.html

ขั้นตอนการเพิ่มประสิทธิภาพโค้ด :

  • Fix posisi /js/mobile-nick.js ke atas baris /body dari baris /head
  • Fix mode muat js/mobile-nick.js ke defer

เครื่องเล่นวิดีโอที่ปรับให้เหมาะสม :

  • เพิ่มความสามารถในการเล่นวิดีโอแบบฝังและวิดีโอที่บันทึกไว้.

แก้ไขเทมเพลต

  • ไม่มีการปรับปรุงใด ๆ

ไฟล์นี้อัปโหลดโดยใช้บริการภายนอก


Tags:

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