Layoutit ! Bootstrap Provider !

Assalamu'alikum wr. wb.

Pada kesempatan kali ini saya akan mensharing apa yang telah saya dapatkan hari ini, yang merupakan sharing dari teman saya tadi di depan tentang Website penyedia Bootstrap yaitu Layoutit.

A. Pengertian Bootstrap

Bootstrap adalah kerangka kerja front-end open source yang gratis dan terbuka untuk merancang situs web dan aplikasi web. Ini berisi template desain berbasis HTML dan CSS untuk tipografi, form, tombol, navigasi dan komponen antarmuka lainnya, serta ekstensi JavaScript opsional. Tidak seperti banyak kerangka web, ini hanya menyangkut pengembangan front-end saja.

B. Latar Belakang

Bootstrap merupakan pintasan seorang pengembang (developer) dalam pekerjaannya membuat situs web. Postingan ini saya bagikan juga karena bootstrap sangat membantu untuk belajar membuat situs web bagi pemula. Nah, maka dari itu saya memberikan referensi Layoutit ini.

C. Maksud dan tujuan

• Agar kita dapat lebih mengexplore tentang pemrograman ataupun proses pada pembuatan  suatu website.
• Untuk membantu dan mempermudah kita dalam membuat website.
• Memberikan referensi bagi pemula yang mempelajari website.

D. Materi

1. Fungsi Bootstrap

• Sebagai kerangka kerja atau perencanaan dan perancangan desain sebelum membuat website.
• Bootstrap 3 mendukung versi terbaru Google Chrome, Firefox, Internet Explorer, Opera, Safari (Kecuali di Windows), juga mendukung kembali ke IE8 dan Firefox Extended Support Release (ESR) terbaru.
• Sejak versi 2.0, Bootstrap mendukung desain web responsif (Tata letak halaman web menyesuaikan secara dinamis dengan mempertimbangkan karakteristik perangkat yang digunakan (dekstop, tablet, ponsel)).
• Mulai versi 3.0, Bootstrap mengadopsi filosofi desain mobile pertama, yang menekankan desain responsif secara default.
• Versi 4.0 alpha release menambahkan dukungan Sass dan flexbox.

2. Fungsi Layoutit

Secara umum, fungsi layoutit adalah sebagai website penyedia bootstrap untuk public khususnya untuk para developper ataupun programmer baik yang basic maupun advanced.

3. Fitur - fitur Layoutit

• Dapat membuat rancangan website sebelum membuat website aslinya.
• Drag dan drop komponen sesuai desain perencanaan desain yang Anda inginkan.
• Mudah untuk mengintegrasikan dengan bahasa pemrograman, Anda hanya mendownload HTML dan mulai mengcodingnya desain ke dalamnya.

Berikut ini adalah beberapa gambar dokumentasi Layoutit maupun Bootstrap :

1. Pencarian Layouit di google.

 

2. Page awal tampilan Layoutit.

 

3. Editing (Drag dan drop komponen rancangan desain).

 

3. Preview setelah editing.

E. Kesimpulan

Dengan menggunakan Layoutit ini, kita bisa dengan cepat dan lebih mudah membuat rancangan desain serta menuangkan gambaran desain yang ada di pikiran kita untuk website seperti apa yang akan kita buat. 

F. Referensi

https://en.wikipedia.org/wiki/Bootstrap_(front-end_framework)

Teman yang sharing di depan.

Cukup sekian dulu saya menulis artikel ini, Semoga Bermanfaat. Terima kasih !

Wassalamu'alikum wr. wb.