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:
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 merupakan hasil modifikasi dari Kemie Guaida terhadap author awal Brett Jankord dibawah licence MIT.Modifikasi terhadap edisi Bootsrap:
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.
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
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.