Space Science + Pagbabago

Ang pahinang ito ay naglalarawan nang detalyado tungkol sa nais mong malaman

Space Science + Pagbabago

science-ok.webp
HTML5, Pagbabago, Template

Space Science + Pagbabago

Azkiya
01 Oktober 2020

Ang template ng Space Science ay isang simple ngunit napaka tumutugon na template ng HTML, na nakatuon sa mga developer na may pagtuon sa space science o astronomiya. Maaaring gamitin ang template na ito para sa anumang website na nakatuon sa pang-agham. Maaari din itong magamit ng mga kumpanya o proyekto na nais i-highlight ang pang-agham o panghangis na aspeto ng kanilang mga produkto. Gumagana ang template ng website na ito sa lahat ng mga modernong web browser.

Maaari mo ring gamitin ang template na ito upang bumuo ng isang magandang website ng blog. Ayon sa aking personal na pagtatasa, ang disenyo ng template na ito ay kakaiba at bihirang magagamit sa libreng template market. Sa pamamagitan ng paggamit ng template na ito kahit para sa iyo na bago pa rin rito, syempre makakagawa ka ng isang website na mukhang napaka-propesyonal.

Ano ang mga tampok na nilalaman sa template na ito :

  • Tumutugon mobile na bersyon ng HTML friendly
  • Puro HTML code
  • CSS file buksan ang code ng mapagkukunan
  • Larawan: naka-compress na bersyon
  • Ang pinagmulan ng disenyo, sa kasong ito, isang file na PSD

space.webp

Orihinal na Pinagmulan

Ang template ng website na ito ay kabilang sa isang developer ng website na nagngangalang Zlatan Stajić, M.Sc .. Kung hahanapin mo ang template na ito sa Google ay mahahanap mo rin na ang template na ito ay nai-publish sa website [freewebsitetemplates.com](https://freewebsitetemplates.com/preview/space-science/index.html). Ngunit mas gugustuhin naming ipakita sa iyo ang orihinal na may-akda sa [zlatanstajic.com](https://www.zlatanstajic.com/) kasama ang orihinal na pahina ng template na ito dito: [space-prospection.zlatanstajic.com](https://space-prospection.zlatanstajic.com/).

Lisensya

MIT (Open Source) - Libreng gamitin para sa personal at komersyal na paggamit.

Tampok

Ang mga orihinal na tampok sa libreng bersyon ng template na ito bago ang pagbabago ay ang mga sumusunod :

  • Mobile friendly
  • Purong HTML5 (nilikha ni Zlatan Stajić, M.Sc.)
  • Purong CSS (nilikha ni Zlatan Stajić, M.Sc.)

Pangunahing Teknolohiya

  • HTML5

Pagbabago

Ang template na nakikita mo ay isang libreng bersyon na libreng gamitin, nailarawan ito sa sub-heading ng lisensya sa itaas. Sa proseso ng pagbabago ng template na ito isinama namin ang mga sumusunod na teknolohiya sa pagsasaayos nito :

  • I-minify ang JS gamit ang Terser v5.3.1
  • I-minimize ang CSS gamit ang Less v3.12.2
  • Node Sass v4.14.1 at Dart Sass v1.26.10
  • Stylus v0.54.8
  • PostCss Preset Env v6.7.0 at PostCSS Import v12.0.1
  • Na-configure gamit ang Autoprefixer v9.8.6
  • Na-configure gamit ang Babel v7.11.6
  • Na-configure gamit ang Webpack v4.44.1
  • Na-configure gamit ang CoffeeScript v2.5.1
  • Na-configure gamit ang TypeScript v4.0.2
  • Pagdaragdag ng mga favicon file :
    • ./images/favicon.ico
  • Pag-optimize ng imahe :
    • ./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
  • Ang pag-optimize ng mga file ng CSS at JS :
    • Na-optimize at pinalitan ang mobile.css file ng mobile-nick.css
    • Na-optimize at pinalitan ang style.css file ng style-nick.css
    • Nagdagdag ng mga mobile-nick.css.map at style-nick.css.map na mga file
    • Na-optimize at pinalitan ang mobile.js file ng mobile-nick.js
    • Nagdagdag ng file na mobile-nick.js.map
  • Pag-optimize ng mga html file :
    • Pag-optimize sa index ng index.html
    • Pag-optimize ng tungkol sa file na about.html
    • Pag-optimize sa file ng Blog.html
    • Pag-optimize ng file ng contact.html
    • Pag-optimize ng file na proj1.html
    • Pag-optimize ng file ng mga proyekto.html
    • Singlepost.html pag-optimize ng file
  • Pag-optimize ng linya ng code :
    • Ayusin ang posisyon ng /js/mobile-nick.js sa itaas ng linya na /body mula sa linya na /head
    • Ayusin ang mode ng pag-load na js/mobile-nick.js sa defer
  • Pag-optimize ng video player :
    • Nagdagdag ng kakayahang maglaro ng mga naka-embed na video at nai-save na mga video.

Pag-aayos ng Template

Walang ayos



Magkomento