7 Framework CSS Ringan untuk Pembuatan Website

14 Apr 2020 Oleh: hxndrx — (www.webdy.net)

Sebagai seorang Frontend developer, pasti mau websitenya tampil menawan. Selain itu, kecepatan loading jadi menjadi hal penting dalam pembuatan website.

Meski CSS bisa dibuat sendiri, kebanyakan developer memilih framework CSS siap pakai seperti Bootstrap, Materialize, dll. Meski hanya berukuran 120kb - 600kb, untuk website yang mengoptimalkan kecepatan hal ini sangat tidak diinginkan.

Berikut adalah beberapa Css framework yang ringan diload dan mempercepat performance websitemu

1. Pure CSS

14 Apr 2020 Oleh: hxndrx — (www.webdy.net)

Merupakan Framework Css yang dipakai website zone.id ini. Ukurannya hanya 3kb (minified & gzipped), tapi kaya akan berbagai fitur. Button, Form, Table sampai grid responsive semuanya tinggal pakai.

Website: https://purecss.io

2. Bulma

14 Apr 2020 Oleh: hxndrx — (www.webdy.net)

Dengan size 21kb, Bulma memang tidak seringan Pure CSS. Akan tetapi framework satu ini, punya berhasil menarik perhatian banyak developer.

Bulma dibangun dengan pendekatan Mobile-first, membuat setiap element optimal untuk diakses melalui layar smartphone.

Website: https://bulma.io/

3. Mini.css

14 Apr 2020 Oleh: hxndrx — (www.webdy.net)

Framework ini memang tidak sepopuler Bulma, Pure CSS, atau Bootstrap. Namun ukurannya yang hanya 7kb, tentu bisa jadi pilihan kalian untuk mempercepat loading halaman website.

Website: https://minicss.org

4. Skeleton

14 Apr 2020 Oleh: hxndrx — (www.webdy.net)

Hanya sekitar 400 lines, membuat framework css ini seringan kapas. Meski begitu, di dalamnya sudah ada fitur grid, form, tipografi, media query, dll. Cocok buat yang mau buat website berkualitas diwaktu yang singkat

Website: http://getskeleton.com/

5. Spectre

14 Apr 2020 Oleh: hxndrx — (www.webdy.net)

Hanya sekitar 10kb, Spectre memberikan desain yang elegant untuk website kalian. Menggunakan sistem grid flexbox-based, membuat website menjadi responsive dan mobile friendly

Website: https://picturepan2.github.io/spectre/

6. Miligram

14 Apr 2020 Oleh: hxndrx — (www.webdy.net)

Mimimalist and powerful framework. Bayangkan saja, dengan ukurannya yang hanya 2kb, kalian bisa mendapatkan berbagai fitur yang tidak kalah dengan framework lain.

Website: https://milligram.io/

7. Picnic CSS

14 Apr 2020 Oleh: hxndrx — (www.webdy.net)

Dengan ukuran 3kb (gzipped), Picnic Css tidak sekedar ringan. Framework ini juga memberikan banyak fitur yang siap digunakan untuk membuat website yang keren.

Website: https://picnicss.com/


Kontribusi

Ada yang kurang dari artikel diatas? Tambahkan idemu dibawah ini.

Silakan login untuk melanjutkan.

Login

Artikel hxndrx lainnya