Home » CSS » 5 Framework CSS Terbaik Untuk Design WebsiteMu!

5 Framework CSS Terbaik Untuk Design WebsiteMu!

by tegarsetyo97
by tegarsetyo97

Framework merupakan kerangka kerja yang berguna untuk mengembangkan aplikasi berbasis web ataupun desktop.

Framework sangat membantu bagi programmer ataupun developer dalam menuliskan sebuah script menjadi lebih terstruktur dan tersusun rapi.

Selain itu, masih banyak fungsi framework dalam dunia pemrograman yaitu membantu kinerja dari developer, meningkatkan security dari software atau website yang dibuat, mempercepat dalam pembuatan aplikasi serta maintenance dan dokumentasi dari website menjadi lebih mudah.

Bootstrap

https://getbootstrap.com/

Siapa yang tidak kenal dengan framework yang satu ini? kebanyakan programmer pasti menggunakan framework bootstrap dalam pembuatan websitenya, karena mudah digunakan, hanya bermodal pengetahuan seputar html dan css kita sudah dapat menggunakan bootstrap.

Bootstrap merupakan framework open source yang dikhususkan untuk front end dan dibuat oleh Mark Otto dan Jacob Thornton untuk mempermudah serta mempercepat dalam pengembangan web front end. Karena berisikan sekumpulan sintaks yang menjalankan fungsi spesifik, bootstrap memiliki 3 file utama dalam penggunaannya untuk mengelola interface user dan fungsionalitas dari website yang dibangun.

  • Bootstrap.css
  • Bootstrap.js
  • Glyphicons

Semantic UI

https://semantic-ui.com/

Mungkin masih banyak yang belum tau mengenai framework semantik ui ini, framework ini mempunyai banyak keunggulan seperti interface yang lebih elegan, ringan saat dijalankan pada browser anda, developer dapat mengkostumisasi sesuai keinginan developer serta memiliki beberapa tema dan template yang mudah digunakan dalam pembuatan website.

Semantic UI merupakan kumpulan kode yang membantu menciptakan tampilan yang cantik serta responsif dengan menggunakan HTML yang human friendly.

Foundation

https://get.foundation/

Sama seperti framework-framework CSS diatas, framework Foundation berfungsi sebagai alat untuk mempermudah dan mempercepat dalam pembuatan sebuah website.

Framework Foundation adalah framework CSS yang dibuat khusus terutama untuk menciptakan front end yang lebih renponsif dengan cepat dan sangat mudah, framework ini bersifat open source yang artinya developer bisa dengan mudah untuk mengkostumisasi yang disediakan oleh framework ini.

UIkit

https://getuikit.com/

UIkit sangat populer dengan deretan desainnya yang simpel, minimalis dan juga elegan. Developer dapat membuat interface dengan komponen set icon yang lengkap, mempunyai style yang modern serta mudah dalam pengkostumisasiannya.

Dengan menggunakan framework UIkit dalam pembuatan sebuah website, developer dapat mengurangi beban kinerja dalam website kita tanpa mengurangi estetika desain yang ada pada website karena pada UIKit telah tersedia berbagai macam komponen pendunkung dimana komponen tersebut sering kita gunakan sebagai library dari jQuery.

Bulma

https://bulma.io/

Bulma merupakan CSS framework yang bersifat Flexbox Open Source, Responsive untuk Mobile Device dan Modular kita dapat import apa yang kita butuhkan dengan menggunakan SASS (Syntactically Awesome Style Sheets), SASS adalah sebuah bahasa pra-prosesor (preprocessor) untuk CSS. Bulma memiliki banyak kelebihan, yaitu :

  1. Menggunakan konsep flexible box, merupakan salah satu layout mode dimaksudkan untuk mengakomodasi ukuran layar yang berbeda dan perangkat tampilan yang berbeda.
  2. Dapat di Costumize dengan mudah, Bulma juga dapat di costumize dengan mudah seperti membuat warna background default, mengganti warna font serta masih banyak lagi yang lainnya.
  3. Komponen dan Element yang cukup bervariasi, walau tidak selengkap Bootstrap, komponen pada Bulma juga sangat bervariasi seperti Navbar, Menu, Card dan juga Dropdown.

Berikut merupakan 5 Framework terbaik untuk membangun sebuah web, pasti dari masing-masing framework tersebut memiliki kekurangan dan kelebihannya tersendiri, terima kasih!

You may also like