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

Konversi Data JSON ke YAML dengan Python

Halo semua, pada sesi kali ini saya ingin berbagi tutorial sederhana tentang cara mengubah data JSON menjadi YAML. Pada tutorial ini, saya akan menggunakan python dan library bernama FormatFusion. FormatFusion adalah sebuah library/package python yang berfungsi untuk mengkonversi data, untuk lebih detailnya anda bisa mengunjungi website  https://pypi.org/project/FormatFusion/ . Sebelum kita memulai tutorial ini, penting untuk mengetahui apa itu json dan yaml. JSON JSON adalah singkatan dari Javascript Object Notation, ini adalah format pertukaran data yang ringan dan banyak digunakan untuk mengirimkan data antar komputer. Anggap saja sebagai bahasa agar komputer dapat berbicara satu sama lain dengan cara yang mudah dipahami dan efisien untuk dikirimkan. Berikut adalah beberapa hal yang perlu diketahui tentang json: human-readable: Artinya dapat dibaca oleh manusia. Json ditulis dalam plaintext, sehingga mudah dibaca dan dipahami manusia, bahkan bagi mereka yang tidak mengetahui pem...
Posting Komentar
Baca selengkapnya

Tutorial Pemula untuk Menerbitkan Paket Python ke PyPI

Pada tutorial ini, kita akan mencoba untuk mengupload package yang kita buat ke PyPi (Python Package Index). Jika kalian sudah sering menggunakan python, kalian pasti tidak asing dengan perintah pip install saat akan menginstall library pada python.  A. Apa itu PyPi Python Package Index (PyPi) adalah repositori perangkat lunak untuk bahasa pemrograman python. PyPi berfungsi sebagai tempat penyimpanan sentral untuk paket python yang dapat diunduh dan diinstall menggunakan package manager seperti pip. B. Persiapan Sebelum kita dapat mempublikasikan paket kita ke PyPi, ada beberapa persiapan yang perlu kita lakukan terlebih dahulu. Membuat akun PyPi Jika kalian belum memiliki akun PyPi, kalian bisa melakukan registrasi di  https://test.pypi.org/account/register/ . Membuat/mempersiapkan paket yang ingin di publikasi Jika kalian telah berhasil membuat akun atau sudah memiliki akun, hal berikutnya yang perlu disiapkan adalah paket yang akan di publikasi. Berikut struktur paket ...
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