Kamis, 17 Oktober 2013

10/17/2013
6
Mungkin bagi Anda yang terbiasa menggunakan CodeIgniter dan Twitter Bootstrap sebagai CSS Framework terkadang memiliki rasa malas, bosan dan terlebih pusing dalam menggunakan komponen dari Bootsrap yang tak jarang panjang-panjang atau bahkan tak beraturan dalam pengetikan kodenya. Terlebih melihat Framework Sebelah (Yii Framework) yang telah memiliki library Bootstrap sendiri sehingga penerapan Bootstrap menjadi mudah tentunya membuat Anda iri dan tentunya ingin merasakan kemudahan tersebut. Tenang, sekarang saya telah membuatkan sebuah library yang bernama CodeIgniterStrap. Library ini digunakan sebagai penterjemah kode php menjadi html kode yang sesuai dengan komponen pada Twitter Bootsrap. CodeIgniterStrap sendiri telah mendukung Twitter Bootstrap 3. Sebagai gambaran penggunaannya, berikut sedikit contoh membuat navbar dengan CodeIgniterStrap. 

Ini diterapkan pada view

<?php echo Tb::navbar(array(
    'brandLabel' => 'Project Name',
    'brandUrl' => '#',
    'items' => array(
        array(
            'items' => array(
                array('label' => 'Link', 'url' => site_url()),
                array('label' => 'Link', 'url' => '#'),
                array('label' => 'Link', 'url' => '#'),
                array('label' => 'Dropdown', 'items' => array(
                    array('label' => 'Action', 'url' => '#'),
                    array('label' => 'Another action', 'url' => '#'),
                    array('label' => 'Something else here', 'url' => '#'),
                    '-',
                    array('header' => true, 'label' => 'Nav Header'),
                    array('label' => 'Separate link', 'url' => '#'),
                ))
            )
        )
    )
)); ?> 

kode tersebut tentunya lebih senderhana dan pendek jika dibandingkan dengan menggunakan HTML native yang akan sangat panjang walau untuk hasil yang sama.

Untuk anda yang ingin mempelajari dan menggunakan CodeIgniterStrap, berikut linknya.

CodeIgniterStrap Library : https://github.com/didanurwanda/CodeIgniterStrap
Documentation : http://www.didanurwanda.com/CodeIgniterStrap
Example : https://github.com/didanurwanda/CodeIgniterStrap/tree/example

6 komentar:

Mohon tidak mencantumkan URL pada komentar yang bersifat promosi.