Seperti di postingan sebelumnya mengenai penggunaan YAML (Yet Another Multi Coloumn Layout) untuk mempermudah pembuatan layout website, kali ini, dulu sih sebenarnya. mendapat tantangan dari Pak Okto untuk mengconvert desain mockup themes untuk http://jogja.linux.or.id, file yang aku dapet dari pengorder adalah yang versi 1.0(ternyata) ya sudah..itu saja yang aku kerjakan , ga tahunya di rilis lagi yang mockup versi 2.0 (asyem kiye.. , yang satu aja belum di garap dah rilis lagi..), tapi menurut tingkat kesulitannya, versi 1.0 jauh lebih sulit, karena menggunakan 3 kolom, dibanding versi 2.0 yang hanya 2 kolom.
Bercerita mengenai penggunaan YAML untuk membuat layout, konsepnya sederhana, intinya hampir mirip dengan penggunaan framework semacam Code Iginiter atau CakePHP,nah yang membedakan adalah content nya..kalau YAML adalah CSS yang sudah dipaketkan dalam kerangka kerja (framework) yang siap pake . Semua id dan class yang krusial ada di direktori core-nya /YAML sedangkan untuk penggunaanya kita tinggal mengimport yang kita perlukan saja, didalam YAML juga terdapat file untuk mensiasati kompatibilitas browser, seperti Internet Explorer atau browser-browser sulit lainnya .
File custom yang kita buat dipisahka dari core nya YAML, jadi misalkan sewaktu-waktu ada update terbaru dari YAML tinggal Replace saja direktori YAML/ dengan updtae yang baru, folder custom css biasa diletakkan setara dengan direktori YAML/ , dengan nama direktori CSS/ atau dapat disesuaikan dengan selera anda, berikut ini hasil convert dari file *.svg mockup website KPLI dalam format HTML nya..