Seri-3 Bootstrap: Sistem Grid
Author: Khoirul Hasin · 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
- Seri-2b Bootstrap: Semudah Apa Bootstrap?
- Kupas Tuntas: Desain Web Impresif dengan Sistem Grid
- Easter Egg Photoshop CS3
- Efek Bola Kristal pada Corel Draw
- Seri-2a Bootstrap: Semudah Apa Bootstrap?
- Mengedit Gambar Seperti Fotografer Profesional dengan VirtualStudio
- Pengetahuan Dasar Untuk Menjadi Web Designer
- Tutorial Membuat Bingkai Foto di Photoshop CS3
- Mengenal Field Setup di PHPMaker
- Membuat Jaringan Guest Host pada MIKROTIK 5.20
- Strategi Desain Web Sukses
- Shortcut Keyboard Untuk Photoshop
- Seri Belajar MySQL 5 Kasus:Data Perpustakaan (1)
- Sniffing Situs URL Menggunakan Wireshark
- Arsitektur Wireless LAN Mode ESS
- Membuat Aplikasi Kalender pada Ponsel Menggunakan NetBeans IDE 5.5
- Bagaimana memulai belajar Desain Grafis?
- DNS Server Ubuntu
- Cara Membuat Watermark pada Foto Secara Cepat dan Banyak
- Antarmuka Universal Serial Bus (USB)