Space Science + Pagbabago

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

| English | | Filipino | | Indonesia | | Malay | | Thai | | Vietnamese |
0 mga oras na nakita

Space Science + Pagbabago

inilathala noong : 01 Oktober 2020

Ang template ng Space Science ay isang simple ngunit napaka tumutugon na template ng HTML, na nakatuon para sa mga developer na may pagtuon sa space science o astronomiya. Maaaring gamitin ang template na ito para sa anumang website na nakatuon sa 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. Ang template ng website na ito ay maaaring magamit 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 paghuhusga, ang disenyo ng template na ito ay kakaiba at bihira sa libreng template market. Kahit na sa pamamagitan ng paggamit ng template na ito, kahit na para sa iyo na bago pa rin, tiyak na makakagawa ito ng isang website na mukhang napaka-propesyonal.

Ano ang mga tampok ng template na ito :

  • Tumutugon mobile na bersyon ng friendly na HTML
  • Purong HTML code
  • Buksan ang mga file ng CSS ng source code
  • Imahe: naka-compress na bersyon
  • Ang mapagkukunan ng disenyo, sa kasong ito, ang PSD file

Orihinal na Pinagmulan

Ang template ng website na ito ay pag-aari ng isang developer ng website na nagngangalang Zlatan Stajić, M.Sc .. Kung hahanapin mo ang template na ito sa Google malalaman mo rin na ang template na ito ay na-publish sa website freewebsitetemplates.com. Ngunit ginusto naming ipakita sa iyo ang orihinal na may-akda sa zlatanstajic.com kasama ang orihinal na pahina ng template na ito dito: space-prospection.zlatanstajic.com.

Lisensya

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

Mga 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

Baguhin

Ang template na nakikita mo ay isang libre, libreng bersyon ng template na inilarawan sa mga subtitle ng lisensya sa itaas. Sa proseso ng pagbabago ng template na ito isinama namin ang mga sumusunod na teknolohiya sa pagsasaayos :

  • Minify JS gamitin Terser Terser v5.3.1
  • Minify CSS gamitin 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 ang paggamit Autoprefixer v9.8.6
  • Na-configure ang paggamit Babel v7.11.6
  • Na-configure ang paggamit Webpack v4.44.1
  • Na-configure ang paggamit CoffeeScript v2.5.1
  • Na-configure ang paggamit TypeScript v4.0.2

Magdagdag ng 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

Pag-optimize ng mga file ng CSS at 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

Pag-optimize ng mga html file :

  • 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

Linya ng pag-optimize ng code :

  • Fixed js/mobile-nick.js position above the /body line of the /head line
  • Fix js/mobile-nick.js load mode to defer

Pag-optimize ng video player :

  • Nagdagdag ng kakayahang maglaro ng mga naka-embed na video at nai-save na mga video.

Mga Pagpapabuti ng Template

  • Walang pagpapabuti.

Ang file na ito ay na-upload gamit ang isang panlabas na serbisyol


Tags:

Magkomento