Contoh tampilan web yang merespon mobile screen

Layout ini menggunakan bantuan framework UIKIT v3. Itu tersedia di laman https://getuikit.com/ yang punya cukup banyak komponen interface yang bisa dipakai.

UIKIT dari getuikit.com ini adalah kerangka front-end yang ringan dan modular untuk mengembangkan antarmuka web yang cepat dan kuat. Berbagai komponen disediakan untuk pembuatan sebuah website apalagi sekarang makin dibutuhkan dukungan tata letak website yang diakses dari gadget mobile.

Oh ya bicara tentang kerangka front-end website. Kita bisa memilih UIKIT atau BOOTSTRAP. Berikut ini sedikit ulasannya.

Developer menggambarkan Bootstrap sebagai "HTML, CSS, dan JS sederhana dan fleksibel untuk komponen dan interaksi UI yang populer". Bootstrap adalah kerangka HTML, CSS, dan JS paling populer untuk mengembangkan proyek pertama yang responsif dan mobile di web. Di sisi lain, UIkIt dirinci sebagai "Kerangka front-end yang ringan dan modular untuk mengembangkan antarmuka web yang cepat dan kuat". UIkit memberi Anda koleksi komprehensif komponen HTML, CSS, dan JS yang mudah digunakan, mudah dikustomisasi, dan diperluas.

Bootstrap dan UIkIt termasuk dalam kategori "Front-End Frameworks" dari tumpukan teknologi.

Beberapa fitur yang ditawarkan oleh Bootstrap adalah:
  • Preprosesor: Bootstrap dikirimkan dengan vanilla CSS, tetapi kode sumbernya menggunakan dua preprosesor CSS paling populer, Less dan Sass. Mulai dengan cepat dengan CSS yang sudah dikompilasi atau bangun di atas sumber.
  • Satu kerangka kerja, setiap perangkat: Bootstrap dengan mudah dan efisien mengukur situs web dan aplikasi Anda dengan basis kode tunggal, dari ponsel ke tablet hingga desktop dengan kueri media CSS.
  • Penuh fitur: Dengan Bootstrap, Anda mendapatkan dokumentasi yang luas dan indah untuk elemen HTML umum, puluhan komponen HTML dan CSS khusus, dan plugin jQuery yang mengagumkan.
Di sisi lain, UIkIt menyediakan fitur-fitur utama berikut:
  • KURANG - UIkit dikembangkan dalam KURANG untuk menulis kode yang terstruktur dengan baik dan dapat diperpanjang yang mudah dipelihara.
  • Komponen - Kumpulan komponen kecil dan responsif menggunakan konvensi penamaan yang konsisten dan bebas konflik.
  • Penyesuai - Gaya dasar UIkit dapat diperluas dengan tema dan mudah disesuaikan untuk membuat tampilan Anda sendiri.
  • "Responsiveness" adalah alasan utama mengapa pengembang mempertimbangkan Bootstrap atas pesaing, sedangkan "Complete GUI" dinyatakan sebagai faktor kunci dalam memilih UIkIt.
Bootstrap dan UIkit keduanya alat open source. Bootstrap dengan rating 134K GitHub dan fork 66K pada GitHub tampaknya lebih populer daripada UIkIt dengan rating14.7K GitHub dan garpu GitHub 2.11K.

Menurut komunitas StackShare, Bootstrap memiliki rekomendasi yang lebih luas, disebutkan di 7046 penggunaan oleh perusahaan & 1115 penggunaan oleh pengembang; dibandingkan dengan UIkIt, yang terdaftar di 45 penggunaan oleh perusahaan dan 9 penggunaan pengembang.




Comments

Post a Comment

Popular posts from this blog

Addon untuk form input secara autocomplete text dengan typeahead.js

Image
Form input autocomplete text adalah contohnya seperti kita sedang search di google atau mesin pencari lainnya. Kita ketikkan beberapa huruf lalu muncul pilihan seperti gambar di bawah ini.       Fitur autocomplete text ini di aplikasi web dapat kita hadirkan dengan menggunakan jQuery dan Typeahead seperti yang tersedia di link ini  https://phppot.com/jquery/bootstrap-autocomplete-with-dynamic-data-load-using-php-ajax Bagi web programmer yang terbiasa menggunakan jQuery dan bootstrap bisa pakai addon ini. Addon serupa dapat dilihat di https://plugins.jquery.com/tag/typeahead/ . Ini sangat membantu
Read more

Contoh Penerapan Barcode di Surat Tanda Terima Order

Image
Barcode pada dasarnya adalah susunan garis vertikal hitam dan putih dengan ketebalan yang berbeda, sangat sederhana namun sangat berguna, dengan kegunaannya untuk menyimpan data-data spesifik misalnya seperti kode produksi, tanggal kadaluwarsa, serta nomor identitas lingkaran konsentris atau tersembunyi dalam sebuah gambar. Barcode dibaca dengan memakai sebuah alat baca optik yang disebut dengan barcode reader . Pada prinsipnya barcode reader hanyalah sebuah alat input biasa seperti halnya keyboard ataupun scanner namun peran manusia sebagai operator sangat minim dalam sisi Point of Sale. Penggunaan barcode sangatlah membantu dalam menganalisis data trend penjualan dengan sangat cepat. Barcode digunakan untuk kebutuhan seperti pembuatan tiket, resep, inventori, tagihan dan lain-lain. Pada urusan tiket digunakan untuk lacak entri, masuk kembali dan keluar untuk acara, perjalanan, dan lainnya. Pada urusan resep bisa untuk cari pembelian dan faktur sebelumnya. Pada urusan invento
Read more

Share Contoh Serangan SQL Injection

Image
SQL injection adalah sebuah teknik hacking yang dilakukan dengan menyisipkan baris kode SQL pada kotak isian (misalnya form login berisi input username dan password) atau pada url yang mana serangan ini akan mempengaruhi logika dari website tersebut. SQL injection memanfaatkan celah keamanan yang disebabkan karena masukan pengguna tidak disaring secara benar oleh aplikasi sehingga seorang hacker bisa masuk aplikasi tanpa harus memasukkan username dan password yang asli atau valid atau sesuai. Gambar di atas adalah contoh baris kode SQL yang pernah saya dapat di aplikasi saya seperti ini. Hacker atau pentester di sini bisa menggunakan software untuk generate ratusan tambahan baris kode untuk mendapatkan error pada aplikasi target yang dituju. Dari error logika tersebut nantinya hacker dapat masuk menerobos sistem melalui celah keamanannya.
Read more