Seri-3 Bootstrap: Sistem Grid

Author: · Published: May 3, 2015 · Category: Internet dan Web, Pemrograman HTML, XML, CSS, Pemrograman Javascript 

Seri sebelumnya sudah menyentuh sistem grid 960, namun disana belum membahas bagaimana penerapannya di Bootstrap. Sedikit saya ulang, kegunaan sistem grid sendiri adalah untuk menata layout sedangkan sistem grid 960 merupakan templatenya sistem grid yang sudah menjadi persetujuan para designer untuk mendesain template web. Sistem grid 960 terbagi menjadi 2, sistem grid 960 dengan 12 kolom dan sistem grid 960 dengan 16 kolom. Bisa anda lihat seperti pada gambar di bawah ini. Biasanya para designer menyertakan sistem grid hasil desain dari Photoshop ke front-end programmer untuk dirubah ke versi HTML-nya. Saya pikir sampai sini saja pembahasan kegunaan sistem grid.

Download Tulisan Lengkap: irul-seri3-bootstrap.pdf

Related Articles

  1. Kupas Tuntas: Desain Web Impresif dengan Sistem Grid
  2. Seri-2b Bootstrap: Semudah Apa Bootstrap?
  3. Easter Egg Photoshop CS3
  4. Efek Bola Kristal pada Corel Draw
  5. Kecanggihan & Kelebihan Photoshop CS6
  6. Pengetahuan Dasar Untuk Menjadi Web Designer
  7. Bagaimana memulai belajar Desain Grafis?
  8. Tutorial Membuat Bingkai Foto di Photoshop CS3
  9. Shortcut Keyboard Untuk Photoshop
  10. Mengenal Field Setup di PHPMaker
  11. Strategi Desain Web Sukses
  12. Menghapus Peran Ganda/Banyak pada Seorang User di Open Journal Systems
  13. Membuat Efek Bayangan Teks Pada Photoshop
  14. Cara Membuat Watermark pada Foto Secara Cepat dan Banyak
  15. Mengenal Pengaturan List Page pada Table Setup di PHPMaker
  16. Program Membuat PageNumber Otomatis dengan Visual Basic Editor
  17. Membuat Efek Ketupat di GIMP
  18. Membuat Tim Editorial pada Open Journal System
  19. Sniffing Situs URL Menggunakan Wireshark
  20. Arsitektur Wireless LAN Mode ESS