Langsung ke konten utama

Framework Web Desain Responsive Part A

Tampilan atau UI website yang akan kita buat merupakan komponen penting yang dapat berpengaruh terhadap kualitas dan kinerja dari website kita. Website yang baik sekiranya harus memiliki tampilan UI yang baik dan responsive. Responsive adalah dimana apabila website kita dijalankan di desktop maupun mobile tampilannya akan tetap indah dan proposional.

Penggunaan framework atau template dalam membangun tanpilan UI frontend (HTML, CSS, dan Javascript) memiliki keunggulan dibandingkan dengan membuatnya secara manual. Penggunaan framework akan mempermudah dan mempercepat proses pembuatan desain template, sehingga lebih efisien dan hemat waktu. Berikut merupakan beberapa contoh framework web desain yang bagus untuk digunakan :

1. Bootstrap


Bootstrap adalah salah satu framework frontend yang sangat populer dan banyak digunakan dalam pengembangan website maupun mobile yang responsive. Fitur-fitur yang tersedia di bootstrap dikemas dan didokumentasikan dengan sangat baik sehingga memudahkan developer dalam menggunakannya. Framework Bootstrap juga didukung dengan fitur responsive sehingga sangat cocok digunakan dalam pengembangan website maupun aplikasi. Untuk mendownload Bootstrap dapat melalui link berikut ini.

2. Foundation


Foundation merupakan salah satu framework frontend yang banyak digunakan. Seperti halnya Bootstrap, framework  didesain untuk membuat website atau aplikasi yang responsive. Foundation dapat diterapkan untuk membangun situs maupun email sehingga sangat terjamin profesionalitasnya dan sangat cocok digunakan dalam pengembangan website. Selain itu, dokumentasi yang disajikan juga cukup mudah untuk dipahami. Berikut link untuk download Foundation silakan klik disini.

3. Skeleton


Skeleton adalah Framework HTML5 yang sederhana, responsive, dan sangat ringan. Untuk mengenal lebih lanjut tentang framework skeleton, kalian dapat mengunjungi situsnya disini.

4. HTML5 Boilerplate

Framework HTML5 Boilerplate dapat didownload melalui link berikut. Framework ini dapat menjadi salah satu framework untuk membangun website dengan performa tinggi. Framework ini merupakan salah satu framework html css yang paling populer pada tahun 2010. HTML5 Boilerplate dapat menjadi solusi dalam pengembangan kompilasi web yang memungkinkan situs anda dapat berjalan dengan baik pada web browser moderen.

5. HTML Kickstart

  
HTML Kickstart merupakan framework HTML, CSS, dan Javascript yang didesain sangat ramping sehingga dapat mempersingkat waktu pengembangan dan mempersingkat jam kerja pada developer. Framework ini hanya sebesar 510 KB sehingga sangat ringan. Untuk dapat menggunakan framework HTML Kickstart silakan klik link berikut. 

Sekian dulu untuk daftar framework HTML, CSS, dan JS untuk frontend, Daftar framework lainnya akan dibahas pada bagian B dari seri Framework Web Desain Responsive.
Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

Ubuntu Versi 20.4 : Pengenalan

   Gambar penampilan Desktop Ubuntu 20.4 (Sumber : Dokumen Penulis)       Halo semua, apa kabar? Setelah sekian lama saya tidak update postingan di blog karena ada kesibukan lain yang harus admin lakukan. Pada hari ini saya berencana akan me-riview salah satu sistem operasi komputer,yaitu Ubuntu. Jika berbicara mengenai sistem operasi komputer apa yang pertama kali terlintas dipikiran para pembaca sekalian ? Windows milik Microsoft ? Atau mungkin MacOS milik Apple ? Akan tetapi, selain dua sistem operasi tersebut masih ada sistem operasi yang tidak kalah bagus dengan kedua sistem operasi yang dikembangkan oleh perusahaan raksasa seperti Apple dan Micrososft. Yap, benar sekali, seperti pada judul artikel ini, Ubuntu. Ubuntu merupakan salah satu sistem operasi yang berbasis Linux. Ubuntu merupakan alternatif yang cocok sekali digunakan dalam mengoperasikan perangkat komputer selain Windows dan MacOS. Hal ini dikarenakan sistem UX-nya yang canggih dan memiliki k...
Posting Komentar
Baca selengkapnya

Cara Mengatasi Error saat Upload Projek Codeigniter ke Web Server

Halo semua, apa kabar ? Semoga kita selalu dalam keadaan sehat, bahagia, dan banyak rezeki, Amin. Hari ini izinkan saya untuk sedikit sharing tentang cara mengatasi error saat kita sedang mengupload projek website kita ke web server. Dalam kasus ini projek website dibuat dengan menggunakan codeigniter. Pada saat akan mengupload website yang telah kita buat ke web server kita terkadang dihadapkan dengan permasalahan seperti terjadi error walaupun pada saat kita jalankan di localhost semuanya berjalan lancar seperti pada gambar di bawah ini. Terkadang kita sering menghadapi masalah seperti pada gambar di atas pada saat mengupload projek kita ke web server. Untuk mengatasi  permasalahan seperti ini sebenarnya cukup mudah. Salah satu cara mengatasinya adalah dengan cara menambahkan ob_start(); setelah kode <?php pada file index.php. Dengan menambahkan kode tersebut error akan hilang dengan sendirinya dan web projek kalian bisa berjalan seperti biasanya. Baiklah sekian...
Posting Komentar
Baca selengkapnya

Membuat Website Berbagi Berita dengan Codeigniter

Pada kesempatan kali ini izinkan saya untuk berbagi sedikit tutorial tentang cara membuat website berbagi berita dengan menggunakan Codeigniter. Sebelum kita mulai membuat website kita, perlu dipersiapkan terlebih dahulu menganai tool yang kita butuhkan. Berikut ini merupakan tool yang kita butuhkan dalam membuat website tersebut : 1. Text editor kesayangan kalian 2. Codeigniter ( silakan download di  https://codeigniter.com/ ). 3. ckeditor ( silakan download di  https://ckeditor.com/ ). Setelah semua bahan yang diperlukan sudah tersedia semua, pertama silakan install dan setup file codeigniternya. Setelah selesai melakukan setup silakan buat file Auth.php di folder application/controllers. Berikut merupakan kode sumber Auth.php Selanjutnya kita akan membuat model yang akan kita beri nama Auth_model.php di dalam folder application/models. Berikut merupakan kode sumber Auth_model.php Selanjutnya kita akan membuat view header.php di dalam folder applicati...
Posting Komentar
Baca selengkapnya