pertanyaan
1.apa itu Deret Fibonacci?
2.apa itu GS
3.relevansi bagi kita

jawaban
1.Deret Fibonacci adalah bilangan hasil dari penjumlahan dua suku sebelumnya dimana suku ke-0 adalah 0  dan suku ke-1 adalah 1. Dapat juga dengan menggunakan fungsi sebagai berikut:
Fib(0)=0
Fib(1)=1
Fib(n)=Fib(n-2)+Fib(n-1)
Contoh suku ke-4:
Fib(4)=Fib(2)+Fib(3)
Fib(4)=Fib(0)+Fib(1)+Fib(1)+Fib(2)
Fib(4)=0+1+1+Fib(0)+Fib(1)
Fib(4)=0+1+1+0+1
Fib(4)=

2. golden section  

Membuat Golden Ratio Grid System

Saat ini telah banyak webdesainer yang mengimplementasikan teori golden ratio dalam merancang interface web. Salah satu web yang mengimplementasikan golden section pada tampilan antarmukanya adalah Twitter.
Ok, sebenarnya apa itu golden ratio? Menurut Wikipedia, golden ratio adalah rasio yang memiliki jumlah kuantitas dengan kuantitas yang lebih besar sama dengan perbandingan jumlah yang lebih besar untuk yang lebih kecil. Golden ratio adalah konstanta matematika irasional, sekitar 1,6180339887. Nama lain yang sering digunakan untuk rasio emas adalah the golden section. Bingung? sama , mungkin gambar di bawah ini dapat membantu memahami pengertian golden ratio.

Teori sudah, sekarang saatnya praktek.
Praktisnya, kita bisa menggunakan golden ratio calculator untuk menentukan nilai perbandingan yang sesuai. Kemudian kita implementasikan pada grid system. Contoh berikut ini adalah membuat grid system sederhana — berbasis 1kbgrid — dengan menerapkan golden ratio. Kita bisa menggunakan tools seperti goldenratiocalculator untuk menghitung perbandingan yang tepat.
Lebar keseluruhan grid adalah 864px, jika dibagi dua bagian sesuai kaidah golden ratio adalah 534px dan 330px. Kemudian bagian yang 534px dibagi lagi menjadi 324px dan 200px. Kita sudah mendapatkan angka-angkanya, yang perlu dilakukan adalah mengurangi beberapa pixel sebagai margin. Hasilnya adalah:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22    3. relevansi bagi kita

.grid-t {width:190px;} .grid-x {width:524px;} .grid-y {width:320px;} .grid-z {width:314px;} .grid-f {width:864px;}   .column {     margin: 0 10px;     overflow: hidden;     float: left;     display: inline; } .row {     width: 884px;     margin: 0 auto;     overflow: hidden; } .row .row {     margin: 0 -10px;     width: auto;     display: inline-block; }