Space Science + Sửa đổi 0 lần nhìn thấy

Sự miêu tả

Mẫu Khoa học Không gian là một mẫu HTML đơn giản nhưng rất nhạy, dành riêng cho các nhà phát triển tập trung vào khoa học vũ trụ hoặc thiên văn học. Mẫu này có thể được sử dụng cho bất kỳ trang web có định hướng khoa học nào. Nó cũng có thể được sử dụng bởi các công ty hoặc dự án muốn làm nổi bật các khía cạnh khoa học hoặc khát vọng của sản phẩm của họ. Mẫu trang web này có thể được sử dụng với tất cả các trình duyệt web hiện đại.

Bạn cũng có thể sử dụng mẫu này để xây dựng một trang web blog đẹp. Theo đánh giá của cá nhân tôi, thiết kế mẫu này khá độc đáo và hiếm khi tồn tại trên thị trường mẫu miễn phí. Ngay cả khi sử dụng mẫu này, ngay cả đối với những bạn vẫn còn đang nằm, nó chắc chắn sẽ tạo ra một trang web trông rất chuyên nghiệp.

Các tính năng của mẫu này là gì :

  • Phiên bản HTML thân thiện với thiết bị di động đáp ứng
  • Mã HTML thuần túy
  • Mở tệp CSS mã nguồn
  • Hình ảnh: phiên bản nén
  • Nguồn thiết kế, trong trường hợp này là tệp PSD

space.webp

Nguồn chính thức

Mẫu trang web này là tài sản của một nhà phát triển trang web tên là Zlatan Stajić, M.Sc.. Nếu bạn tìm kiếm mẫu này trên Google, bạn cũng sẽ thấy rằng mẫu này đã được xuất bản trên trang web freewebsitetemplates.com. Nhưng chúng tôi muốn giới thiệu với bạn tác giả gốc tại zlatanstajic.com/ với trang mẫu gốc này tại đây: space-prospection.zlatanstajic.com.

Giấy phép

MIT (Mã nguồn mở) - Miễn phí sử dụng cho mục đích cá nhân và thương mại.

Đặc trưng

Các tính năng ban đầu trong phiên bản miễn phí này của mẫu trước khi sửa đổi như sau :

  • Thân thiện với thiết bị di động
  • HTML5 thuần túy (được tạo bởi Zlatan Stajić, M.Sc.)
  • CSS thuần túy (được tạo bởi Zlatan Staji M., M.Sc.)

Công nghệ chính

  • HTML5

Sửa đổi

Mẫu bạn đang xem là phiên bản miễn phí, miễn phí của mẫu được mô tả trong phụ đề của giấy phép ở trên. Trong quá trình sửa đổi mẫu này, chúng tôi đã đưa các công nghệ sau vào cấu hình :

  • Minify JS sử dụng Terser Terser v5.3.1
  • Minify CSS sử dụng Less v3.12.2
  • Node Sass v4.14.1 và Dart Sass v1.26.10
  • Stylus v0.54.8
  • PostCss Preset Env v6.7.0 và PostCSS Import v12.0.1
  • Được cấu hình bằng cách sử dụng Autoprefixer v9.8.6
  • Được cấu hình bằng cách sử dụng Babel v7.11.6
  • Được cấu hình bằng cách sử dụng Webpack v4.44.1
  • Được cấu hình bằng cách sử dụng CoffeeScript v2.5.1
  • Được cấu hình bằng cách sử dụng TypeScript v4.0.2

Thêm tệp biểu tượng yêu thích :

  • ./images/favicon.ico

Tối ưu hóa hình ảnh :

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

Tối ưu hóa các tệp CSS và JS :

  • Tối ưu hóa và thay thế tệp mobile.css bằng mobile-nick.css
  • Tối ưu hóa và thay thế tệp style.css bằng style-nick.css
  • Đã thêm các tệp mobile-nick.css.map và style-nick.css.map
  • Tối ưu hóa và thay thế tệp mobile.js bằng mobile-nick.js
  • Đã thêm tệp mobile-nick.js.map

Tối ưu hóa các tệp html :

  • Tối ưu hóa tệp index.html
  • Tối ưu hóa tệp about.html
  • Tối ưu hóa tệp blog.html
  • Tối ưu hóa tệp contact.html
  • Tối ưu hóa tệp proj1.html
  • Tối ưu hóa tệp projects.html
  • Tối ưu hóa tệp singlepost.html

Dòng mã tối ưu hóa :

  • Cố định vị trí js/mobile-nick.js ở đầu dòng < /body > của dòng < /head >
  • Đã sửa chế độ tải js/mobile-nick.js để trì hoãn

Tối ưu hóa trình phát video :

  • Đã thêm khả năng phát video nhúng và video đã lưu.

Cải tiến Mẫu

  • Không có cải tiến.


Tags: HTML5 Bản mẫu trên 01 Tháng mười 2020

Bình luận

Forum Diskusi

Post a reply
3551 views

Trả lời cuộc thảo luận này