--> Skip to main content

Framework Untuk Layout Web

User Interface (UI) pada sebuah website memberikan kesan yang mendalam bagi visitor. Teknik penyajian konten yang menarik mengundang visitor akan kembali mengunjungi website anda, tetapi dengan catatan konten website anda berguna menurut segmentasi visitor.

Seiring dengan perkembangan smartphone dan tablet, rancangan website diharuskan responsive dengan device tersebut.Perancangan website membutuhkan suatu seni dalam membentuk suatu Layout yang menarik.
Berikut ini beberapa Framework Designing Web yang patut anda coba:


Semantic UI
 

Semantic UI yang mengingatkan kita kepada kata semantik dalam pelajaran bahasa indonesia, dimana dua landasan utama : sintaksis yang merujuk kepada pembentukan simbol yang komplek dari simbol yang sederhana dan pragmatis yang mengacu memberikan kemudahan dalam penggunaan simbol tersebut. 

Perancangan template Semantic UI memiliki banyak fitur seperti reveal gambar, teknik layout grid beberapa kolum. Semantic UI layak untuk dicoba.

Berikut ini contoh hasil teknik layout grid yang saya ujicoba. Silahkan klik DEMO.

Bootstrap Style Guide BoilerPlate


Bootstrap Style Guide BoilerPlate merupakan hasil modifikasi dari Kemie Guaida terhadap author awal Brett Jankord dibawah licence MIT.Modifikasi terhadap edisi Bootsrap:
  • Menggunakn elemen Bootsrap untuk struktur Halaman.
  • Membuat lebih mudah untuk menambah text, halaman dan tipografi.
  • Dilengkapi dengan unsur-unsur dan pola tipografi.
  • Meminimalkan sejumlah editing yang diperlukan terhadap file php

React


React merupakan librari UI Facebook.Beberapa webiste yang populer seperti : Facebook, Instagram, New York Times menggunakan React. Fokus dari React adalah librari JavaScript untuk membangun User Interface. Kata V dalam MVC (Model, View , Controller) menjadikan alasan mengapa banyak orang menggunakannya. Karena React mampu memberikan rendering view yang cepat.

Kesimpulan

Perkembangan tool dan framework yang mendukung web yang responsive tidak akan berhenti, akan muncul developer-developer pesaing yang akan menciptakan sesuatu yang lebih mudah digunakan oleh user. Namun dalam hal ini tetap diperlukan pemhaman tentang dasar-dasar HTML, CSS, Java Script dan lain-lain untuk dapat membangun web responsive yang kita kehendaki. 
Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar
Tutup Komentar