{"id":638,"date":"2018-11-20T18:19:58","date_gmt":"2018-11-20T11:19:58","guid":{"rendered":"http:\/\/student-activity.binus.ac.id\/bncc\/?p=638"},"modified":"2019-01-04T19:05:45","modified_gmt":"2019-01-04T12:05:45","slug":"berikut-5-framework-ui-terbaik-yang-patut-kamu-coba","status":"publish","type":"post","link":"https:\/\/student-activity.binus.ac.id\/bncc\/2018\/11\/20\/berikut-5-framework-ui-terbaik-yang-patut-kamu-coba\/","title":{"rendered":"BERIKUT 5 FRAMEWORK UI TERBAIK YANG PATUT KAMU COBA!"},"content":{"rendered":"

Halo sobat FILE! Tentunya saat kamu sedang membangun sebuah website, kamu membutuhkan suatu\u00a0framework<\/em>\u00a0untuk membangun\u00a0website\u00a0<\/em>yang kamu inginkan. Salah satu\u00a0framework<\/em>\u00a0yang perlu kamu tentukan yakni\u00a0framework<\/em>\u00a0UI (User Interface<\/a>). Jika kamu belum tahu,\u00a0framework<\/em>\u00a0UI ini penting agar\u00a0website\u00a0<\/em>yang ditampilkan ke pengguna lebih menarik dan meningkatkan kepuasan pengguna. Nah, dari sekian banyak\u00a0framework\u00a0<\/em>UI yang ditawarkan, berikut 5 yang patut kamu ketahui ataupun kamu bisa pelajari!<\/p>\n

1.\u00a0 Bootstrap<\/h2>\n

\"\"<\/p>\n

Salah satu\u00a0framework<\/em>\u00a0UI terpopuler di dunia adalah Bootstrap. Karena populernya Bootstrap di kalangan\u00a0frontend developer,\u00a0<\/em>tentunya kamu bisa menemukan berbagai macam dokumentasi yang membantu kamu mengembangkan\u00a0website<\/em>dengan Bootstrap.\u00a0Oleh karena itu, jika kamu mau mengikuti arus\u00a0mainstream\u00a0<\/em>Bootstrap bisa menjadi pilihanmu!<\/p>\n

2. Foundation oleh Zurb<\/h2>\n
\n

\"Foundation<\/p>\n

Foundation by ZURB (Sumber: Sitepoint)<\/p>\n<\/div>\n

Salah satu \u201cpemain\u201d\u00a0framework\u00a0<\/em>UI yang tak kalah pamornya adalah Foundation oleh ZURB.\u00a0Framework<\/em>\u00a0UI ini merupakan salah satu\u00a0framework<\/em>\u00a0yang cocok digunakan di dunia profesional. Selain itu Foundation juga memiliki dokumentasi yang lengkap dan juga disokong oleh perusahaan ZURB sehingga kamu tidak perlu khawatir jika ingin menggunakannya. Adapun\u00a0framework<\/em>\u00a0UI ini telah digunakan oleh\u00a0website-website<\/em>\u00a0terkenal di dunia seperti Facebook, National Geographic, dan banyak lainnya.<\/p>\n

3. Semantic UI<\/h2>\n
\n

\"\"<\/p>\n

Semantic UI (Sumber: Sitepoint)<\/p>\n<\/div>\n

Dari sekian banyak\u00a0framework\u00a0<\/em>UI yang tersedia, Semantic UI adalah salah satu\u00a0framework<\/em>\u00a0terbaik yang bisa kamu gunakan. Karena\u00a0framework<\/em>\u00a0ini bisa \u201cmembahagiakan\u201d para programmer dengan struktur\u00a0framework<\/em>\u00a0yang mudah dibaca dan dimengerti. Jika kamu bisa bahasa Inggris, seharusnya kamu bisa langsung membuat\u00a0website\u00a0<\/em>dengan\u00a0Semantic!<\/p>\n

4. Pure oleh Yahoo!<\/h2>\n
\n

\"Pure<\/p>\n

Pure by Yahoo! (Sumber: Sitepoint)<\/p>\n<\/div>\n

Jika kamu membutuhkan\u00a0komponen yang sedikit untuk\u00a0frontend<\/em>\u00a0website-<\/em>mu, maka Pure.css cocok digunakan untuk\u00a0framework\u00a0<\/em>UI\u00a0website-<\/em>mu.\u00a0Framework<\/em>\u00a0yang dikembangan Yahoo! ini sangat ringan dan hanya dibangun dengan bahasa CSS saja. Jika kamu ingin membuat\u00a0website-<\/em>mu sederhana dengan komponen dasar, maka gunakanlah\u00a0framework<\/em>ini.<\/p>\n

5. UIkit oleh YOOtheme<\/h2>\n
\n

\"UIKit<\/p>\n

UIKit oleh YOOtheme (sumber: Sitepont)<\/p>\n<\/div>\n

Yang terakhir di dalam\u00a0list\u00a0ini\u00a0<\/em>ini adalah UIkit oleh YOOtheme. Walaupun tidak sepopuler dengan\u00a0framework<\/em>\u00a0lainnya, UIkit tetap menawarkan fungsionalitas yang baik dengan dokumentasi yang kuat. Selain itu\u00a0framework<\/em>\u00a0ini juga sering digunakan untuk tema WordPress loh! Jadi jika\u00a0kamu ingin mencoba sesuatu hal yang berbeda, kamu bisa mulai mencoba menggunakan UIkit!<\/p>\n

BACA JUGA: 5 BAHASA PEMOGRAMAN YANG PATUT KAMU PELAJARI!<\/a><\/p><\/blockquote>\n

Jadi itu dia 5\u00a0framework\u00a0<\/em>UI yang bisa kamu gunakan saat kamu mengembangkan\u00a0website\u00a0<\/em>yang diinginkan. Pada akhirnya penentuan\u00a0framework\u00a0<\/em>untuk proyekmu tergantung dari tujuan dan arah\u00a0website\u00a0<\/em>kamu sendiri. Jadi tidak ada istilah\u00a0framework<\/em>\u00a0yang jelek, sisanya tergantung kebutuhanmu saja! Apakah kamu tahu\u00a0framework<\/em>\u00a0 lainnya yang patut dicoba? Tinggalkan komentarnya di bawah ya!\u00a0Happy coding\u00a0<\/em>sobat!<\/p>\n","protected":false},"excerpt":{"rendered":"

Halo sobat FILE! Tentunya saat kamu sedang membangun sebuah website, kamu membutuhkan suatu\u00a0framework\u00a0untuk membangun\u00a0website\u00a0yang kamu inginkan. Salah satu\u00a0framework\u00a0yang perlu kamu tentukan yakni\u00a0framework\u00a0UI (User Interface). Jika kamu belum tahu,\u00a0framework\u00a0UI ini penting agar\u00a0website\u00a0yang ditampilkan ke pengguna lebih menarik dan meningkatkan kepuasan pengguna. Nah, dari sekian banyak\u00a0framework\u00a0UI yang ditawarkan, berikut 5 yang patut kamu ketahui ataupun kamu bisa […]<\/p>\n","protected":false},"author":24,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-638","post","type-post","status-publish","format-standard","hentry","category-articles"],"_links":{"self":[{"href":"https:\/\/student-activity.binus.ac.id\/bncc\/wp-json\/wp\/v2\/posts\/638","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/student-activity.binus.ac.id\/bncc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/student-activity.binus.ac.id\/bncc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/student-activity.binus.ac.id\/bncc\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/student-activity.binus.ac.id\/bncc\/wp-json\/wp\/v2\/comments?post=638"}],"version-history":[{"count":2,"href":"https:\/\/student-activity.binus.ac.id\/bncc\/wp-json\/wp\/v2\/posts\/638\/revisions"}],"predecessor-version":[{"id":656,"href":"https:\/\/student-activity.binus.ac.id\/bncc\/wp-json\/wp\/v2\/posts\/638\/revisions\/656"}],"wp:attachment":[{"href":"https:\/\/student-activity.binus.ac.id\/bncc\/wp-json\/wp\/v2\/media?parent=638"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/student-activity.binus.ac.id\/bncc\/wp-json\/wp\/v2\/categories?post=638"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/student-activity.binus.ac.id\/bncc\/wp-json\/wp\/v2\/tags?post=638"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}