Penulis | Rohi Abdulloh |
Harga Buku | Rp. 53.000 |
Jml Halaman | 192 |
Penerbit | CV. ASFA Solution |
Terbit | 30 September 2015 |
Survei membuktikan bahwa saat ini, di beberapa negara penggunaan akses internet melalui smartphone melebihi penggunaan akses internet melalui PC, ini merupakan trend baru dalam dunia website, para pengembang website berusaha keras untuk bagaimana menciptakan desain-desain yang bisa ditampilkan secara elegan pada berbagai device dengan ukuran layar yang berbeda, seperti PC, Tablet, maupun Smartphone. Oleh karena itu, hadirlah istilah Responsive Web Design.
Responsive Web Design tidak lepas dari peran CSS (Cascading Style Sheets), saat ini banyak sekali framework CSS berkeliaran di internet, yang bisa kita gunakan untuk membuat suatu desain yang responsive, diantaranya Bootstrap, Foundation, Skeleton, Less Framework, dll.. Namun diantara banyak framework CSS, yang paling populer dan yang dibahas dalam buku ini adalah Foundation 5 (Versi Terbaru).
Didalam buku ini dibahas Dasar-Dasar Foundation 5, serta fitur-fitur yang terdapat didalamnya, seperti Grid, Utility, Visibility, Tipografi, Media, Tombol, Form, Validation, Navigasi, Content & Callout, Accordion, Table, Add Ons, Icon, dan fitur-fitur lainnya. Pada bagian akhir akan dibahas cara Membuat Web Template Sendiri yang Responsive.
Klik disini untuk melihat cover dalam ukuran besar.
SPESIFIKASI DAFTAR ISI
Kata Pengantar
Special Thanks To
Daftar Isi
Bab 1. Pengetahuan Dasar Foundation
1.1. Memahami CSS Framework
1.2. Mengenal Foundation
1.3. Keunggulan Foundation
1.4. Download Foundation
1.5. Struktur Folder Foundation
1.6. Dasar Penggunaan Foundation
1.7. Menggunakan Plugin Javascript
Bab 2. Fitur Dasar
2.1. Grid
2.1.1. Apa Itu Grid?
2.1.2. Grid pada Foundation
2.1.3. Mengubah Ukuran Kolom
2.1.4. Menggeser Kolom (Offset)
2.1.5. Kolom Rata Tengah (Centered)
2.1.6. Mengatur Urutan Kolom (Order)
2.1.7. Kolom Tanpa Jarak (Collapse)
2.1.8. Mengatur Kolom Terakhir
2.1.9. Kolom Bersarang (Nested)
2.2. Block Grid
2.3. Interchange
2.4. Utility Class
2.4.1. Rata Kanan dan Kiri
2.4.2. Tampilan Sudut
2.4.3. Perataan Text
2.4.4. Menyembunyikan Elemen
2.5. Visibility Class
2.5.1. Menyembunyikan Elemen Berdasarkan Ukuran Layar
2.5.2. Menampilkan Elemen Berdasarkan Ukuran Layar
2.5.3. Mendeteksi Orientasi Layar
2.5.4. Mendeteksi Layar Sentuh
2.5.5. Aturan Pencetakan
Bab 3. Tipografi
3.1. Header
3.2. Paragraph
3.3. Link
3.4. List
3.4.1. Unorderd List
3.4.2. Ordered List
3.4.3. Definition List
3.4.4. List Tanpa Bullet
3.4.5. Inline List
3.5. Blockquote (Kutipan Teks)
3.6. V-Card
3.7. Label
3.8. Keystroke
Bab 4. Media
4.1. Thumbnail
4.2. Orbit Slider
4.3. Clearing Lightbox
4.4. Flex Video
Bab 5. Button (Tombol)
5.1. Menerapkan Desain Tombol
5.2. Variasi Warna Tombol
5.3. Ukuran Tombol
5.4. Variasi Bentuk Tombol
5.5. Expand Button
5.6. Disabled Button
5.7. Tombol Dropdown
5.8. Tombol Split
5.9. Button Group
5.10. Button Bar
5.11. Stacked Button
Bab 6. Form
6.1. Desain Form Dasar
6.2. Form Horisontal
6.3. Menambahkan Fieldset
6.4. Mengubah Tampilan Kotak Input
6.5. Prefix dan Postfix
6.5.1. Membuat Prefix dan Postfix
6.5.2. Mengubah Tampilan Prefix dan Postfix
6.5.3. Postfix dengan Tombol
6.6. Switch
6.6.1. Membuat Switch
6.6.2. Variasi Ukuran Switch
6.7. Range Slider
6.7.1. Membuat Range Slider
6.7.2. Variasi Bentuk Range Slider
6.7.3. Range Slider Vertikal
6.8. Abide Validation
6.8.1. Mencegah Inputan Kosong
6.8.2. Validasi pada Ulang Password
6.8.3. Validasi dengan Pattern
6.8.4. Validasi dengan Attribut Type
6.8.5. Membuat Pattern Sendiri
Bab 7. Navigasi
7.1. Top Bar
7.1.1. Membuat Top Bar
7.1.2. Top Bar Rata Kanan
7.1.3. Menu Dropdown pada Top Bar
7.1.4. Fixed Top Bar
7.1.5. Top Bar di Dalam Grid
7.1.6. Sticky Top Bar
7.1.7. Pengaturan pada Top Bar
7.1.8. Form dan Tombol pada Top Bar
7.2. Sub Nav
7.3. Side Nav
7.4. Icon Bar
7.4.1. Icon Bar Horisontal
7.4.2. Icon Bar Vertikal
7.5. Breadcrumb
7.6. Pagination
7.7. Magellan Sticky Bar
7.8. Off Canvas
7.8.1. Menggunakan Fitur Off Canvas
7.8.2. Off Canvas di Sebelah Kanan
7.8.3. Multilevel Dropdown pada Off Canvas
Bab 8. Content & Callout
8.1. Tabel
8.2. Panel
8.3. Pricing Table
8.4. Progress Bar
8.5. Tab
8.5.1. Tab Horisontal
8.5.2. Tab Vertikal
8.6. Accordion
8.7. Equalizer
8.8. Dropdown
8.8.1. Membuat Dropdown
8.8.2. Menentukan Ukuran Dropdown
8.8.3 Menentukan Posisi Dropdown
8.9. Tootip
8.10. Alert
8.11. Reveal Modal
8.12. Joyride
Bab 9. Add On
9.1. Mengenal Add On Foundation
9.2. Ikon
9.2.1. Download Ikon
9.2.2. Menggunakan Ikon
9.2.3. Mengubah Warna Ikon
9.2.4. Mengubah Ukuran Ikon
9.3. Web Icon (Ikon Website)
9.3.1. Download Web Icon
9.3.2. Menggunakan Web Icon
9.3.3. Mengubah Ukuran Web Icon
9.3.4. Web Icon SVG
9.4. Tabel Responsive
9.5. Template
Bab 10. Responsive Template dengan Foundation 5
10.1. Template Administrator
10.1.1. Main Layout
10.1.2. Menu Off Canvas
10.1.3. Menu Sidebar
10.1.4. Tampil Data
10.1.5. Form Input Data
10.1.6. From Login
10.2. Desain Beranda Website
10.2.1. Main Layout
10.2.2. Header
10.2.3. Menu Utama
10.2.4. Slide Foto
10.2.5. Artikel
10.2.6. Menu Kategori
10.2.7. Berita Populer
10.2.8. Statistik Pengunjung
10.2.9. Polling
10.2.10. Footer
10.3. Desain Halaman Artikel
10.3.1. Detail Artikel
10.3.2. Artikel Terkait
10.3.3. Komentar Artikel
10.4. Desain Galeri Foto
Daftar Pustaka
Profil Penulis
Buku Lainnya
Membuat Aplikasi Computer Based Test dengan PHP, MySQLi & Boostrap
Penulis : Agus Hariyanto
Rp. 65.000
Framework Codeigniter 3 Membangun Aplikasi Penggajian untuk Panduan Skripsi
Penulis : Yenda Purbadian
Rp. 50.000