5 framework CSS terbaik ditahun 2021

5 framework CSS terbaik ditahun 2021

  • Apa itu framework work

Img from www.pngtree. com

Menurut wikipedia framework adalah sebuah perangkat lunak kerangka kerja yang membantu membuat dalam pengembangan situs web secara mudah dan cepat. Di dalamnya tersedia fungsi-fungsi siap pakai untuk mengelola akses ke pangkalan data, pengelolaan templat, dan pengelolaan sesi. Walaupun ditargetkan untuk pengembangan laman web dinamis, ini juga bisa diaplikasikan ke laman web statis.

  • Jenis jenis framework 

ada banyak sekali framework didunia ini, setiap bahasa pemrograman punya frameworknya tersendiri bahkan tak jarang satu bahasa pemrograman memiliki lebih dari satu framework, seperti framework javascript : vue.js , react.js , angular.js dan lainya 


Tak hanya programing language dan scripting language saja yang memiliki framework, bahasa makrup seperti css juga memiliki framework lebih dari satu 


  • Dan didaftar ini kita akan membahas tentang 5 framework css terbaik ditahun 2021

  • Bootstrap 

Bootstrap website
bootstrap website 


Yang pertama ada ootstrap, Bootstrap merupakan framework CSS yang bersifat open source dan digunakan untuk kebutuhan pembuatan tampilan desain visual dari website, bootstrap juga telah support library javascript untuk membantu pengembangan website yang interaktif dan menarik

Bootstrap pertama kali dirilis kepublik pada hari Jumat, 19 Agustus 2011 dan kini bootstrap sudah merlis bootstrap versi 4.

Beberapa fitur yang dimiliki bootstrap :

  1. Kompatibel dengan banyaki browser

  2. Bootstrap sangat populer dan banyak digunakan, sehingga tak sukit untuk mencari tutorial tentang penggunaan bootstrap 

  3. Bootstrap memiliki banyak sekali fitur 

  4. Bootstrap memiliki sistem grid yang powerful untuk desain responsif, cepat, dan mudah.

Kunjungi site Bootstrap disini https://getbootstrap.com/


  • Tailwind css

Tailwindcss website 

Tailwind CSS merupakan framework yang bersifat utility-first

untuk membangun desain antarmuka khusus dengan cepat. Tailwindcss memiliki tampilan yang sederhana,rapi serta responsif sehingga dapat mempermudah dalam penggunaanya 

Tailwindcss ditulis dengan PostCSS dan dikonfigurasi dengan JavaScript, sehingga dapat mempermudah dalam proses kostomisasi design UI dan juga tailwindcss memiliki komponen modular yang saat kita gunakan untuk membuat perubahan di satu tempat kode , tidak mengganggu bagian lainnya dari kode tersebut 

Benerapa fitur kelebihan dari Tailwindcss:

  1. Mudah dikostomisasi 

  2. Ukuranya mini tapi sangat produktif

  3. Tidak membutuhkan penamaan untuk beralih antara file HTML dan CSS

  4. Sangat sangat responsif 

Kunjungi site Tailwind css disini https://tailwindcss.com/


  • Materializecss 


Materializecss website 


materializecss adalah framework css yang resonsif dengan tampilan yang menarik yang dibangun berdasarkan google material design sehingga dapat membantu dalam proses pengembangan suatu website. Materialize menyediakan file CSS dan JS (javascript) terintegrasi yang dapat gunakan untuk mempermudah mendesain halaman web.

Benerapa fitur kelebihan yang dimiliki materializecss :

  1. Materializecss memiliki tampilan yang menarik serta responsif 

  2. Banyak plugin pilihan google 

  3. Tersedia dokumentasi lengkap serta panduan penggunaan 

  4. Menyediakan fitur animasi dan transisi bawaan

Kunjungi site Materializecss disini https://materializecss.com/


  • Purecss

Purecss website 


Purecss merupakan framework responsif css yang dikembangkan yahoo, Pure didasarkan oleh Normalize.css yang mana pustakanya merender elemen secara lebih konsisten dan sejalan dengan standar modern, selain itu purecss memiliki ukuran yang sangat sangat kecil yakni berkisar 4,5 kb


Kita juga dapat menginstal Pure menggunakan manajer paket seperti npm, Grunt, dan lain sebagainya, sehingga dapar mempermudah dalam proses penginstallanya 

Beberapa fitur kelebihan dari purecss yakni:

  1. Ukuranya yang mini

  2. Responsif diberbagai platform dan perangkat 

  3. Purecss terdiri dari sistem grid yang mengutamakan seluler dan responsif

  4. grid responsif, serta dapat dikustomisasi

Kunjungi site Purecss disini https://purecss.io/


  • Bulma

Bulma website 


Bulma adalah Modern CSS Framework yang berbasis Flex Box yang di bangun dengan Ruby dan Jekyll tool yang dapat memudahkan dalam pembuatan tampilan sebuah web. bulma merupakan framework yang bersifat open-source, dan mampu bekerja secara optimal di segala perangkat.

Bulma sendiri sangat populer dikalangan front-end dengan digunakan oleh lebih dari 200 ribu pengembang dan dengan 30 ribu rating star di GitHub.

Beberapa fitur kelebihan yang dimiliki bulma :

  1. Berbasis flexbox

  2. Bulma merupakan framework open source 

  3. Bulma murni diciptakan dari css tanpa menggunakan javascript 

  4. Bulma bersifat mudular, sehingga tak perlu menginstall seluruh komponen 

Kunjungi site Bulma dinini https://bulma.io/



Demikianlah 5 Framework css terbaik yang dapat digunakan di tahun ini. Kita dapat mencoba framework di atas untuk membuat berbagai proyek, tentunya disesuaikan dengan kebutuhan.


Baca Juga
SHARE
Subscribe to get free updates

Related Posts

Posting Komentar

Iklan Tengah Post