Penulis : arwasil

Designing for love. Mendesain sudah menjadi darahnya sejak mengenal komputer. Sama seperti kamu, bahagia menjalani passionnya. Writer. Presenter. Front end engineer. Master Engineering on Geo Informatics. :D

CSS3 3D Transformation

Kita sudah melewati 2 tahap awal, Basic Transformation dan 2D Transformation. Sekarang kita berada di bagian paling menarik dari transformation, Transformasi 3D di CSS3. Sebelum masuk ke dalam properties apa saja yang bisa kita mainkan nanti, ada sedkit notes; Di tulisan ini saya menulisakan bentuk standard prefix -webkit. Untuk prefix yang lain tidak saya sertakan di…

CSS3 2D Transformation

Artikel ini akan membahas CSS3 2D Transformation, merupakan lanjutan artikel sebelumnya dengan judul Mengenal Transformasi di CSS3. Continue from our last catch up tentang basic css transformation. Sekarang kita akan bahas properti transformasi 2D dengan css3. Tujuannya untuk dapat merubah baik posisi, bentuk, dan sifat suatu elemen dalam bidang 2 dimensi. Seperti yang sudah kita…

Mengenal Transformasi di CSS3

Contoh sederhana transfomasi CSS3

CSS3 memberikan banyak pilihan bagi developer untuk menggali lebih dalam & mengeksplor imajinasi kita. Sama halnya dengan style properties yang akan kita bahas sekarang, transformation. Trans.. what? Transformation, atau transformasi dalam bahasa Indonesia, yaitu css properties yang berfungsi merubah rupa (bentuk & sifat) HTML element dalam bidang 2 dimensi atau 3 dimensi. Transformasi sering digunakan…

Tutorial Flexbox CSS3 Basic

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,…