Seri Tutorial Web Development – Grid System

Seri Tutorial Web Development – Grid System

Hai,

Ini adalah video tutorial lanjutan dari Seri Tutorial Web Development – Bootstrap.

Pada Artikel sebelumnya kita telah belajar untuk membuat Image slider pada web dengan responsive design menggunakan bootstrap, ternyata caranya sangat mudah untuk di terapkan.

Pada artikel dan video kali ini kita akan belajar bagainya menggunakan grid system dari bootstrap dengan contoh yang sangat singkat.

Yuk, disimak, jangan lupa untuk subscribe di akun youtube saya ya, untuk mendapatkan video tutorial lainnya. Continue reading “Seri Tutorial Web Development – Grid System”

Seri Tutorial Web Development – Slider Image (Carousel)

Seri Tutorial Web Development – Slider Image (Carousel)

Hai,

Ini adalah video tutorial lanjutan dari Seri Tutorial Web Development – Bootstrap

Setelah kemarin kita membuat menu navigasi yang responsive menggunakan bootstrap, kali ini kita akan membuat image slider yang responsive menggunakan Bootstrap.

Saya dulu harus googling berjam – jam untuk membuat satu slider yang bisa responsive, namun pada video kali ini Anda akan terkejut, betapa mudanya membuat slider image hanya menggunakan bootstrap, dan tentu saja ini responsive.

Silahkan simak video berikut.. Continue reading “Seri Tutorial Web Development – Slider Image (Carousel)”

Seri Tutorial Web Development – Responsive Navbar dengan Bootstrap

Seri Tutorial Web Development – Slider Image (Carousel)

Hai,

Ini adalah video tutorial lanjutan dari Seri Tutorial Web Development – Bootstrap

Setelah kemarin kita membuat menu navigasi yang responsive menggunakan bootstrap, kali ini kita akan membuat image slider yang responsive menggunakan Bootstrap.

Saya dulu harus googling berjam – jam untuk membuat satu slider yang bisa responsive, namun pada video kali ini Anda akan terkejut, betapa mudanya membuat slider image hanya menggunakan bootstrap, dan tentu saja ini responsive.

Silahkan simak video berikut.. Continue reading “Seri Tutorial Web Development – Responsive Navbar dengan Bootstrap”

Seri Tutorial Web Development – Memulai dengan Bootstrap

Seri Tutorial Web Development – Memulai dengan Bootstrap

Hai,

Ini adalah video tutorial lanjutan dari Seri Tutorial Web Development – Bootstrap

Kali ini kita akan membuat menu bar, atau navigation bar yang responsive, ketika menu ini dibuka di layar yang kecil maka tampilannya akan oomatis berubah menjadi ‘hamburger’ menu. Semua bisa dengan mudah dibuat dengan bantuan dari Bootstrap.

Keren kan… bikinnya cukup mudah,

Kalau sudah penasaran, silahkan di nikmati video tutorialnya,  Continue reading “Seri Tutorial Web Development – Memulai dengan Bootstrap”

Seri Video Tutorial Web Development – Bootstrap

Seri Tutorial Web Development – Bootstrap

Hai,

Saat ini banyak sekali gadget – gadget atau device baru yang muncul dipasaran, dari harga yang murah sampai smartphone dengan harga motor, semuanya ada. Satu hal yang perlu kita, sebagai developer, cermati adalah bagaimana membuat tmpilan website kita, tampil dengan proporsi design yang sesuai untuk semua layar gadget, baik desktop maupun smartphone.

Kata kuncinya menurut saya ada 1, Responsive design.

Sebagai developer, kita harus mulai berfikir untuk menciptakan design yang Mobile First, tampilannya harus bisa sesuai dengan semua jenis layar device.

Untuk itu, kali ini saya akan membuat seri tutorial web design dengan menggunakan Bootstrap. Bootstrap sendiri adalah CSS framework yang konon kabarnya di keluarkan oleh Twitter.

Berikut List materi yang akan kita pelajari pada seri tutorial berikut:

  1. Introduction to Bootstrap
  2. Memulai dengan Bootstrap (update 01 Maret 2016)
  3. Tutorial membuat Navbar – Navigasi Menu dengan Bootstrap (Update 02 Maret 2016)
  4. Membuat Slider yang mudah dengan Bootstrap (Update 06 Maret 2016)
  5.  Membuat Grid System yang Responsive denganBootstrap (Update 06 Maret 2016)
  6. (Coming soon)

Stay tune ya, jangan kemana – kemana.