5 Library CSS Untuk Mempermudah Desain Web Kamu

Beranda

...

Website, Webmaster, Webdeveloper
5 Library CSS Untuk Mempermudah Desain Web Kamu

netkrida

02-01-2015 18:00

5 Library CSS Untuk Mempermudah Desain Web Kamu

Bagi agan-agan web designer/developer pasti sudah tidak asing lagi dengan Library, salah satunya Library CSS.
Library CSS adalah kumpulan code CSS yang sudah dibangun sedemikian rupa, sehingga kita hanya perlu memanggilnya saja untuk memakai style-nya dalam mendesain situs web kita. Sehingga memudahkan kita dalam melakukan desain dan juga menghemat waktu kerja sehingga meningkatkan produktifitas.

Quote:

Keuntungan Memakai Library:

Meningkatkan produktifitas dan menghindari kesalahan umum
Menormalkan basis kode/klas
Memiliki alur kerja yang lebih baik dalam tim
Kompatibelitas browser yang baik
Kode yang bersih, baik, terstruktur dan lengkap

Quote:

Kekurangan Memakai Library:

Perlu waktu untuk memahami Framework
Membutuhkan keakraban yang erat dengan arsitektur kode kamu
Mungkin memiliki bug atau kesalahan dari developernya
Terlalu banyak source code

Berikut 5 Library CSS Untuk Mempermudah Desain Web Kamu

Quote:

1. Pure

Spoiler for Library:

Pure dibuat oleh Yahoo !. Menggunakan Normalize.CSS dan tidak menggunakan JavaScript, tetapi hanya HTML-CSS. Library ini dibangun dengan tata letak responsif dan memiliki style untuk tipografi, grid, bentuk, tombol, tabel dan navigasi. Markup yang digunakan sangat sederhana dan seluruh kerangka cukup ringan (5.7KB minified dan gzip).

Pure

Quote:

2. Fries

Spoiler for Library:

Fries adalah solid HTML-CSS-JS framework untuk membuat Android UI untuk penggunaan nyata maupun prototype. Dan sangat mudah dikonversikan ke aplikasi asli.

Fries

Quote:

3. Metro UI

Spoiler for Library:

Metro UI memudah kamu yang suka dengan interface bergaya seperti windows 8. Desain flat yang minimalis dan ringan namun sangat elegan dan penuh warna.

Metro UI

Quote:

4. Gumby 2

Spoiler for Library:

Gumby adalah library responsif dan 960px-grid CSS yang dapat disesuaikan untuk bekerja di setiap resolusi, sangat mirip dengan Twitter Bootstrap, dengan web UI Kit dari tombol, bentuk, navigasi + tab.

Gumby

Quote:

5. Twitter Bootstrap

Spoiler for Library:

Twitter Bootstrap adalah toolkit yang dibuat oleh Twitter untuk membantu mengoptimalkan CSS ketika mengembangkan website. Bootstrap dibangun terdiri dari dasar CSS + HTML untuk tipografi, bentuk, tombol, tabel, grid, navigasi, dan masih banyak lagi.

Bootstrap

Itulah 5 library CSS yang dapat mempermudah agan dalam desain interface web. Apakah agan punya library favorit sendiri yang belum tercantum di sini?