Langsung ke konten utama

Macam - Macam Framework CSS


Macam - Macam Framework CSS


Berikut ini enam framework CSS alternatif berukuran relatif lebih kecil yang dapat kita gunakan untuk membuat halaman web yang mewah namun hemat kuota.

  • Milligram


Framework yang pertama adalah Milligram. Framework ini didesain khusus untuk meningkatkan performa dan produktivitas dengan property yang lebih sedikit untuk menghasilkan kode yang lebih apik. Beberapa peramban terbaru seperti Chrome, Firefox, IE, Opera, dan Safari secara resmi didukung oleh Milligram. Meski tidak didesain secara khusus untuk mendukung peramban-peramban lama, beberapa versi masih dapat didukung oleh Milligram. Besar file yang hanya berukuran 2KB tidak membuat fitur Milligram dapat disepelekan. Tipografi, button, list, form, table, dan grid telah dimiliki oleh Milligram. Panduan menggunakan Milligram tersedia lewat dokumentasinya yang cukup lengkap. Penasaran? Langsung aja kunjungi milligram.github.io.

  • Pure




Seperti kebanyakan framework CSS yang dikembangkan dengan target utama mobile, Pure dikembangkan dengan mempertahankan ukuran yang kecil. Semua modul Pure (base, grid, form, button, tables, menu) berukuran kurang lebih 4kb. Jika hanya membutuhkan modul tertentu, kita bahkan dapat menghemat lebih banyak lagi.



Pure merupakan framework CSS yang responsif yang dapat digunakan untuk berbagai jenis layout.  Layout blog, email, galeri foto, landing page, side menu, dan layout-layout lainnya dapat dicapai dengan mudah menggunakan Pure.



  • Min




Min, sesuai dengan namanya diklaim sebagai framework CSS paling minimalis di dunia. Dengan besar file kurang dari 1KB (995 bytes), min memiliki fitur yang cukup lengkap seperti sistem grid 12 kolom, style default untuk button, table, navbar, heading, message, dan ikon-ikon yang kompatibel dengan Android. Dokumentasi selengkapnya dapat dilihat di situs resmi min.

  • Blaze CSS




Blaze CSS memiliki fitur modular yang mirip dengan Pure. Meskipun telah memiliki ukuran yang kecil namun masih dapat diperkecil lagi jika kita hanya menggunakan modul-modul tertentu saja. Framework ini memiliki fitur yang cukup lengkap meskipun hanya berukuran kurang dari 7kb. Dokumentasi seputar Blaze dapat dibaca di situs resmi Blaze_css.

  • FOX CSS



Fox CSS dikembangkan oleh Ronan Levesque saat menyadari sebagian besar framework CSS yang telah ada tidak cocok dengan kebutuhannya. Oleh karena itu Ronan mengembangkan framework CSS sendiri yang memiliki fitur-fitur seperti mobile first approach, mendukung IE9 ke atas, HTML5 ready, modular, sistem grid yang efisien. Fox CSS dikembangkan menggunakan Sass. Informasi lebih lengkap seputar Fox CSS dapat dilihat di fox-css.com.

  • Picnic CSS



Picnic CSS merupakan framework CSS yang memiliki ukuran cukup mungil, kurang dari 10KB. Dengan ukuran yang mungil ini Picnic CSS masih memberikan tampilan yang sangat indah. Seperti framework-framework sebelumnya framework ini juga memiliki fitur modular yang memungkinkan kita memperoleh ukuran yang lebih kecil dari ukuran normalnya.

Komentar

Posting Komentar

Postingan populer dari blog ini

Contoh Soal Materi Tipe Data, Array, Sort dan Linked List

Type data dibawah ini, yang tidak termasuk dalam tipe data sederhana tunggal, adalah : (Bobot 5) a. Boolean b. Integer c. String d. float e. Char Type data yang menghasilkan bentuk keluaran nilai True dan False (Benar dan Salah) ,adalah : (Bobot 5) a. Boolean b. Integer c. String d. float e. Char Array yang sering digunakan dalam menterjemahkan matriks pada pemrograman, adalah array berdimensi : (Bobot 5) a. Satu b. Dua c. Tiga d. SatudanDua e. SatudanTiga Contoh aplikasi array dimensi dua adalah….. (Bobot 10) a. Input data suhu b. Input namahari c. Input nilai mahasiswa perkelas dan matakuliah d. Input nilaiipkmahasiswa e. Input namabulan Terdapat Array : A [5][4] maka jumlah elemen Array tersebut adalah …… (Bobot 10) a. 25 b. 35 c. 9 d. 15 e. 20 Tehnik pengurutan data yang paling tepat digunakan untuk tabel data yang sangat besar adalah… (Bobot 5) a. Selection Sort b. Bubble Sort c. Merge Sort d. Qui...
Posting Komentar
Baca selengkapnya

"Perbedaan MySQL dan NoSQL"

PERBEDAAN ANTARA MySQL dan NoSQL MySQL merupakan aplikasi pengolah database yang bersifat open source, dikembangkan oleh Oracle (sebelumnya Sun dan MySQL AB). MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL . NoSQL merupakan sistem manajemen basis data yang di identifikasikan dengan tidak mematuhi aturan pada model sistem manajemen basis data. NOSQL adalah database generasi terbaru yang mengarahkan kepada database yang tidak berelasi (non-relational), dapat disebarkan kepada siapapun (open-source) dan berskala horisontal (horizontal scale). Contoh aplikasi pada SQL adalah Oracle, MS-SQL, SQLite, dan Postgres . Sedangkan pada NoSQL adalah MongoDB, HBase, Redis, Bigtable, RavenDb, CouchDB, Cassandra, dan Neo4j. Perbedaan SQL dan NoSQL terletak pada cara penulisan database.SQL menggunakan relasional sebagai penyambung antara data-data di dalam tabel database. Sedangkan NoSQL tidak menggunakan Relasional sebagai cara mereka untuk menyambungkan antar da...
Posting Komentar
Baca selengkapnya

"Logical DataBase Design And The Relational Model "

Chapter 5 : Logical Database Design             Merupakan  proses dan transformasi model data konseptual menjadi model data logis yang konsisten dan kompatibel dengan jenis teknologi database dan tentang menciptakan struktur database yang stabil dengan mendaptkan syarat-syarat yang tepat. Pemodelan data konseptual adalah tentang memahami sebuah organisasi untuk mendapatkan persyaratan yang tepat. Tujuan desain database logis adalah untuk menerjemahkan desain konseptual (yang mewakili kebutuhan organisasi untuk data) ke dalam desain database logis yang dapat diimplementasikan melalui sistem manajemen basis data yang dipilih. Database yang dihasilkan harus memenuhi kebutuhan pengguna untuk berbagi data, fleksibilitas, dan kemudahan akses. The Relational Data Model (Model Data Relasional) Model data relasional pertama kali diperkenalkan pada tahun 1970 oleh E.F Codd, kemudian IBM (Codd, 1970). dua proyek penelitian awal diluncurkan untuk membuktika...
Posting Komentar
Baca selengkapnya