Arsip August 2013

Tutorial Flexbox CSS3 Basic

tutorial-flexbox-1

Sudah baca mengenal konsep dasar flexbox ? Kalau belum, kamu bisa mencari tau apa itu flexbox di berbagai sumber. Bantuan Google sangatlah disarankan. Kamu juga bisa membaca disini untuk penjelasan konsep flexbox secara general. Untuk tutorial pertama flexbox kita akan membuat navigation bar menggunakan flexbox. Buat markup sederhana merepresentasikan relasi parent (elemen ul dengan class…

Mengenal Masa Depan CSS3 Layout: Flexbox


Aug 28th, 2013 News, Web Design 3 Comments

flexbox

Ada yang sudah pernah mendengar flexbox? Yap, flexbox memang css3 module yang powerfull untuk mengatur layout. Buat kamu yang belum pernah mendengarnya, jangan panik, this is your chance to catch up what is flexbox is. Flexible Layout (Flexbox) merupakan modul css3  (bukan properties, karena terdiri dari rangkaian properties) yang bertujuan untuk memberikan pengaturan baik layout,…

Membuat Grid Layout HTML Dengan LESS

Grid

Tutorial ini akan membahas Cara Membuat Grid Layout Sederhana Menggunakan LESS, pada dasarnya LESS itu extensi pada css yang sangat dinamis dilakukan, biasa disebut css preprocessor,  LESS juga bisa membuat sebuah variable, mixins, operasi dan fungsi seperti halnya ekstensi lainnya seperti Sass. Kelebihan dari LESS dibandigkan Sass, di LESS kita hanya perlu memakai less.js saja…

Review dan Cara Migrasi Ke Twitter Bootstrap 3

Bootstrap3

Cara Migrasi dari Twitter Bootstrap versi 2 ke Twitter Bootstrap versi 3 ternyata tidak semudah biasanya, di versi 3 ini sangat banyak perubahan dan bahkan harus merubah secara menyeluruh untuk menyesuaikan aturan-aturan penulisan kode di versi 3. Seperti kita ketahui, Twitter Bootstrap baru saja memperkenalkan Twitter Bootstrap 3 RC 1, versi ini belumlah versi final,…