Sedikit
tentang desain responsive, apa yang dimaksud dengan desain responsive? Dari
beberapa sumber yang saya baca, desain responsive adalah desain tampilan
website yang tampilannya dapat secara otomatis menyesuaikan ukuran resolusi
layar yang digunakan untuk melihatnya. Jika ingin mencoba mengetes apakah
sebuah tampilan website mempunyai desain responsive atau tidak bisa dengan
menggunakan tool online dari Matt Kersley di http://mattkersley.com/responsive/.
Atau jika ingin lebih simpel, bisa dengan cara men-zoom tampilan browser yang
digunakan untuk melihat websitenya. Jika tampilan websitenya dapat menyesuaikan
ukuran resolusi layar, maka bisa disebut website tersebut menggunakan desain
responsive.
1.Hatch
Theme WordPress yang simpel untuk
portfolio, fotografi, maupun blogging. Tampilannya clean dan minimalis.
Dibangun dengan menggunakan framework Hybrid Core.
- Desain yang berorientasi pada gambar
- Header
- Background
- Theme Settings
- Responsive Layout
- Theme Settings
- Built-in Fancybox
- Child-theme Friendly
- Style untuk plugin kontak – Gravity Forms dan Contact Form 7
- Dukungan pelokalan bahasa
2.Oxygen
Tema yang satu ini saya lihat
desainnya unik. Menggunakan 3 kolom, 2 sidebar pada kanan dan kiri, dan kolom
tengah untuk konten. Untuk tampilan kontennya terbagi menjadi 3 bagian, atas
untuk slider, tengah untuk daftar tulisan dengan featured image, dan bawah yang
terbagi menjadi 2 kolom kanan dan kiri untuk daftar tulisan tanpa gambar.
- Custom template untuk halaman utama
- Slider pada halaman utama
- Theme Settings
- Dukungan breadcrumb
- 5 area widget
- 3 Menu
- Theme Settings
- Background
- Mendukung penggunaan Child Theme
- Style untuk plugin kontak – Gravity Forms dan Contact Form 7
- Dukungan pelokalan bahasa
3.Constellation
- Menggunakan HTML5 Boilerplate sebagai dasar pembangun markah HTML nya.
- Media Queries untuk beberapa resolusi layar
- Custom 2, 6, 9, dan 12 grid kolom untuk setiap perangkat
4.Skeleton
Skeleton dapat berjalan di semua peramban utama komputer.
Menggunakan CSS3 media queries untuk mendukung tampilan yang responsive.
Fitur-fiturnya diantaranya adalah :
- Menggunakan Formalize untuk konsistensi elemen-elemen tampilan form antar peramban
- Dibangun dengan skeleton Boilerplate grid framework untuk fluid columns dan CSS3 media queries.
- Pengaturan temanya menggunakan Option framework
- Dukungan fitur Shortcode
5.DailyPost
Menggunakan tampilan 2 kolom, kiri
untuk header dan sidebar, dan kanan untuk konten.
- Terintegrasi dengan NivoSlider
- Terdapat Tabbed Widget untuk menampilkan tulisan terkini, terpopuler, dan komentar terakhir
- Widget Twitter
- Share Buttons
- Format Tulisan
- Dukungan Microformat
0 komentar:
Posting Komentar