Skip to main content

Posts

Showing posts from October, 2014

Tutorial Menggunakan LESS CSS

Baiklah kali ini saya akan mencoba menuliskan apa yang telah di jelaskan oleh teman saya. Sebagai noted untuk diri sendiri dan tentunya untuk share ilmu bagi kalian yang sedang mempelajari apa itu LESS CSS. LESS berfungsi untuk membantu kita menyederhanakan penulisan pada CSS. Sebelumnya saya sudah menjelaskan mengenai pengertian, tujuan, dan fungsi dari LESS CSS sendiri. Kalau belum sempat baca, silahkan klik link ini http://endahrika.blogspot.com/2014/10/apa-itu-less.html. Berikut adalah persiapannya : Download Koala App Koala adalah aplikasi GUI untuk Less, Sass, Compass and CoffeeScript compilation, untuk membantu pengembang web untuk menggunakannya lebih efisien. Koala dapat berjalan di windows, linux dan mac. Link : http://koala-app.com/ Download LESS CSS Anda bisa mendownload di http://lesscss.org/ . Atau supaya Lebih Mudah, Download LESS CSS di dropbox saya https://www.dropbox.com/s/ode3pjgt6vo8dmp/less_default.zip?dl=0

Perkenalan LESS CSS

Tujuan LESS dibuat adalah memberikan support konsep OOP pada CSS. Begini saja. Menulis kode-kode CSS seringkali menjadi pekerjaan yang membosankan apabila kita harus menuliskan berulang-ulang kode yang hampir sama untuk elemen-elemen yang berbeda. Masalah lain yang sering timbul adalah penulisan selector yang panjang untuk menunjukkan sebuah elemen turunan. Hal-hal tersebut tentunya cukup mengganggu dalam proses membangun tampilan sebuah web yang baik. Bayangkan kita sedang berada pada project besar dan tentu membutuhkan code CSS yang banyak, mungkin bisa jadi ribuan baris per filenya. Nah pada akhirnya akan sulit untuk di maintenance. Dan kita pun lebih ribet karena menulis kode CSS secara berulang-ulang. Untuk menyelesaikan masalah tersebut muncullah banyak CSS pre-processor untuk menulis CSS lebih dinamis dan mudah. Salah satunya adalah LESS. LESS adalah preprosesor CSS yang memberikan sentuhan dinamis kepada CSS . LESS dikembangkan oleh Alexis Sellier di mana kelebihan u...