Honor Play Review: Chicken Dinner

Introduction A few months ago, we reviewed the Honor 10, a beautiful phone that has flagship specs but not flagship price. This time around, we got the Honor Play, a smartphone that focuses on gaming. We’ve been using the phone for quite a while, is this a good smartphone for gaming? This is the Honor […]

The post Honor Play Review: Chicken Dinner appeared first on GadgetMTech.

from GadgetMTech http://bit.ly/2q4g1IG

ASUS ROG Phone and TUF Gaming FX505/FX705 Officially Launched

The wait is over! The ASUS ROG Phone and TUF Gaming FX505/FX705 are now officially launched in Malaysia! Officially announced at Computex 2018, the ROG Phone is the latest gaming phone by the company. As for the TUF Gaming FX505/FX705, both are gaming laptops that targeted people who don’t want to spend much on a […]

The post ASUS ROG Phone and TUF Gaming FX505/FX705 Officially Launched appeared first on GadgetMTech.

from GadgetMTech http://bit.ly/2Jdb9dd

Tutorial Bootstrap 4 : Cara Menggunakan Bootstrap Offline untuk Pemula

Tutorial Bootstrap 4 : Cara Menggunakan Bootstrap Offline untuk Pemula – Halo sobat, pada kesempatan kali ini saya akan membahas cara menggunakan bootstrap 4 untuk pemula. Disini saya tidak akan membahas terlalu dalam karena kita akan belajar dasarnya saja, Baiklah kita akan langsung pada pembahasannya saja.

Pengertian Bootstrap

Bootstrap merupakan framework css yang digunakan untuk mempermudah pembuatan tampilan web secara responsif. Bootsrap menyediakan berbagai komponen yang siap pakai sehingga tidak perlu kita tidak perlu menulis dari awal.
Persiapan Project
Yang perlu kita lakukan pertama adalah mendownload source file bootstrap, kita mendownload melalui situs resmi pada link berikut :
Setelah kita extract file yang telah didownload, selajutkan kita copy folder css dan js yang ada pada folder dist kedalam folder web kita. 
Maka kita akan memiliki folder dan file berikut pada folder web :
Membuat index.html
Langkah selanjutnya yakni membuka folder web kita menggunakan text editor, disini saya menggunakan Sublime Text 3. Kemudian buat file baru dengan nama index.html
Setelah itu copy kode berikut kedalam index.html :

<!doctype html>
<html lang=”en”>
  <head>
    <!– Required meta tags –>
    <meta charset=”utf-8″>
    <meta name=”viewport” content=”width=device-width, initial-scale=1, shrink-to-fit=no”>
    <!– Bootstrap CSS –>
    <link rel=”stylesheet” href=”css/bootstrap.min.css”>
    <title>Bootstrap4</title>
  </head>
  <body>
    <h1>Belajar Bootstrap</h1>
 
    <!– Optional JavaScript –>
    <!– jQuery first, then Popper.js, then Bootstrap JS –>
    http://js/jquery-3.3.1.slim.min.js
    http://js/popper.min.js
    http://js/bootstrap.min.js
  </body>
</html>

Kita hanya perlu mengubah source css dan js agar bisa digunakan secara offline dan menambahkan file js yang kurang. File javascript yang perlu kita tambahan yakni jquery-3.3.1.slim.min.js dan popper.min.js. Kita perlu menambahkan file tersebut agar animasi komponen yang disediakan Bootstrap dapat berjalan dengan baik.

kita bisa mendapatkan file tersebut dengan membuka link berikut lalu mengcopy kode yang ada, setelah itu kita save ke folder js dengan format .js yakni format file javascript.

http://bit.ly/2NPx2jv

atau download file melalui link berikut : download
Menambahkan Komponen
Komponen Bootstrap yang akan kita tambahkan adalah jumbotron untuk tampilan awal. copy kode berikut dan tempatkan setelah tag <body> :
   

   

WELCOME

   

Berlajar Bootsrap 4

   

  </div>

Berikut tampilan pada text editor :
Buka index.html dan hasilnya akan seperti berikut :
Sekian artikel Cara Menggunakan Bootsrap Offline untuk Pemula, semoga bermanfaat. Nantikan juga tutorial Bootstrap 4 selanjutnya.

from KomGaming http://bit.ly/2NL1Ql7

Honor Malaysia Launches the Honor 8X

Honor Malaysia has introduced the new Honor 8X in Malaysia yesterday (10 October 2018). Introduced at an impressive price of RM 949. The 8X has a borderless FullView display, a 20MP rear camera and the latest GPU Turbo technology embedded into the device. On a side note, they also took the opportunity to introduce a […]

The post Honor Malaysia Launches the Honor 8X appeared first on GadgetMTech.

from GadgetMTech http://bit.ly/2A4IRyD

Everything from Made by Google 2018 Event

October is normally the month where Google announces its latest products, including the new Pixel phone and more. For this year’s Made by Google 2018 event, Google has announced three products — Pixel 3 series, Pixel Slate, and Google Home Hub. Pixel 3 and Pixel 3 XL For the third year in a row, Google has […]

The post Everything from Made by Google 2018 Event appeared first on GadgetMTech.

from GadgetMTech http://bit.ly/2QHFWRH