TeknoJurnal
  • Data
  • Tentang TeknoJurnal
    • Tim TeknoJurnal
    • Layanan Kami
  • Kontak Kami
TeknoJurnal
Reading now

5 Framework Yang Dapat Mempercantik Tampilan Antarmuka Website

Dec 29, 2015
TeknoJurnal Giveaway - square

TeknoJurnal Giveaway EXTENDED: Asus Zenfone 2 ZE551ML

Dec 23, 2015

Microsoft Tambahkan Beberapa Fitur Menarik di Windows App Studio Versi Terbaru

Dec 22, 2015

Google Cast Remote Display, Plugin Unity Untuk Memainkan Mobile Game di TV

Dec 22, 2015

Pilih Membuat Aplikasi Mobile Native atau Hybrid?

Dec 22, 2015

Ionic Framework – Tool Untuk Membuat Aplikasi Mobile Lintas Platform

Dec 21, 2015

Fokus Pada Pengembangan Aplikasi Mobile, Google Rilis Angular Versi 2

Load more

5 Framework Yang Dapat Mempercantik Tampilan Antarmuka Website

Berita
Developer
By Riswan Abidin / December 29, 2015
next
Use ← → keys to navigate
  • A+ A-

header-image-front-end

Dalam membangun sebuah website atau aplikasi yang menjadi faktor penting selain fungsi yang berjalan dengan baik adalah bagaimana website atau aplikasi yang dibuat bisa memberikan kenyamanan kepada penggunanya.
Tampilan yang modern dan interaktif dalam sebuah website menjadi faktor penting dalam kemajuan sebuah website. Jika anda sebagai desainer web dan harus membuat tampilan website yang sangat bagus mungkin anda bisa mencoba mempelajari beberapa framework yang bisa membantu dalam membuat tampilan yang menarik.

 

Bootstrap

1. Bootstrap

Bootstrap bisa dibilang cukup populer dikalangan desainer web atau mobile karena kemudahan dalam menggunakannya dan memiliki hasil yang menarik. Front-end framework yang dibuat oleh Twitter ini adalah framework yang dapat digunakan untuk membangun website dinamis dengan menggunakan bahasa script CSS.

Dengan Bootstrap, para desainer bisa membuat tampilan website yang responsif. Selain itu, para desainer tidak perlu membuat CSS sendiri agar tampilan web menarik karena kita hanya perlu memanggil class yang tersedia di Bootstrap. Untuk mempelajari Bootstarp, silahkan kunjungi situs resminya di getbootstarp.com.

Baca Juga:

  • Prinsip Tampilan Antarmuka Android Lollipop
  • Bagaimana Agar Dapat Menjadi Programmer yang Lebih Baik?
  • Samsung Berencana Kembangkan Perangkat VR yang Dapat Berdiri Sendiri

2. Semantic-UI

Semantic-UI ini disebut-sebut sebagai pesaing ketat dari Bootstrap karena framework yang satu ini memberikan desain web yang sangat modern. Pada pembaruan terbarunya Semantic-UI sudah terintegrasi dengan Angular, Ember, dan Meteor sehingga sangat cocok untuk digunakan pada proyek yang besar dan kompleks.
Untuk mempelajari lebih lanjut Semantic-UI silahkan kunjungi situs resminya semantic-ui.com.

 

Semantiv-UI

material-ui

3. Material UI

Material UI adalah sebuah CSS Framework yang dibuat dengan React.js dan mengimplementasikan Material Design. Framewok ini menyediakan dukungan untuk komponen seperti Date Picker, Dialog Box, Drop-down Menu, Icon Buttons, Icons Left Nav, Menus, Paper, Sliders, Switches, Snackbar, Tabs, Textfields and Toolbars. Untuk mempelajari Material UI ini pembaca bisa mengunduhnya di GitHub.

4. PureCSS

Framework yang satu ini hadir dengan ukuran yang kecil sehingga sangat cocok untuk membuat tampilan website yang sangat ringan dan cepat. PureCSS biasanya sering digunakan untuk membuat tampilan dengan konsep flat design.

Selain itu, PureCSS juga menyediakan aplikasi untuk custom skin yang berguna dalam mempercepat proses desain yang akan dibuat. Framework ini cocok untuk desainer web yang menginginkan efisiensi waktu. Untuk mempelajari lebih lanjut, silahkan kunjungi situs resminya di purecss.io.

 

Pure CSS

 

Foundation Zurb

5. Foundation

Framework bertenaga ini dapat digunakan oleh para desainer web untuk membuat template pada website yang modern. Fitur yang dimiliki Foundation ini sangat kaya seperti yang dimiliki Bootstrap. Framework yang satu ini biasanya digunakan para desainer web untuk membuat template premium yang ada di market themes seperti ThemeForest. Jika ingin mempelajari framework ini silahkan kunjungi situs resminya di foundation.zurb.com.



Itulah beberapa front-end framework yang dapat digunakan untuk mendesain atau membuat template pada website dengan baik dan cepat. Jika diantara para pembaca adalah desainer web, maka untuk mengefisienkan waktu pembuatan tampilan web yang dinamis dapat mencoba menggunakan framework di atas. Selain itu, apabila pembaca mempunyai referensi mengenai framework yang bagus untuk membuat tampilan website maka dapat menuliskannya pada kolom komentar di bawah ini.

TwitterFacebookWhatsAppGoogle+LinkedIn
Tags: Bootstrap, CSS, Foundation, framework, Material UI, PureCSS, Semantic-UI, Tampilan Antarmuka, website
Powered by Ziliun

You may also like

Web Development
Featured Panduan By Firman Nugraha / September 12, 2017

Optimalkan Performa CSS Situs Web Berbasis WordPress-mu dengan Cara Ini

Enkripsi Web
Aplikasi Featured Panduan By Firman Nugraha / November 25, 2016

Cara Membuat dan Memasang Sertifikat SSL pada Website Dengan Gratis

Ulasan By Riswan Abidin / July 29, 2016

Spring Framework,Bantu Kembangkan Aplikasi Java Dengan Mudah

Copyright © 2021 by TeknoJurnal.
Proudly powered by WordPress. Theme by DesignWall.
Tutup Iklan X