Archive for Oktober 2014
Belajar Instalasi Bootstrap
Sedang pengen share cara penggunaan bootstrap di web , siapa tau bisa bermanfaat dan sekaligus buat bahan pengingat klo kapan-kapan lupa cara pakenya :D
Nah , langsung aja deh penjelasannya ...
Untuk menggunakan Bootstrap kita bisa menggunakan dengan 2 cara , yaitu :
1. Akses langsung ke internet.
Untuk cara yang satu ini sangat mudah dalam penggunaannya , tetapi kekurangnya kita harus terkoneksi ke internet karena kita mengakses file-file bootstrapnya secara langsung via Internet.
<!-- Latest compiled and minified CSS --><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"><!-- Optional theme --><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css"><!-- Latest compiled and minified JavaScript --><script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
2. Download file nya dan kita akses melalui file lokal kita .
Cara yang kedua ini sedikit lebih ribet dari cara yang pertama , karena kita harus menyesuaikan projek kita dengan lokasi file bootstrap yang sudah kita download .
Berikut ini akan saya coba sampaikan beberapa langkah-langkah yang kita perlukan untuk melakukan instalasi Bootstrap ke projek kita .
- Download File Bootstrap di http://getbootstrap.com/getting-started/#download
 |
| Struktur file bootstrap |
- Selanjutnya simpan file kita di folder bootstrap yang barusan kita download , maka kurang lebih letaknya akan seperti ini :
index.html merupakan nama file yang barusan kita buat dengan menggunakan kode HTML diatas.Nah setelah dijalankan di browser , maka hasilnya kurang lebih akan seperti gambar dibawah :
Nah , demikian post dari saya tentang Instalasi Bootstrap nya , jika ada pertanyaan , kritik dan saran , silahkan disampaikan , jangan sungkan untuk menyampaikan pendapat
Terima Kasih .
Percantik Tampilan Web dengan CSS Framework Metro UI
 |
| Metro UI |
Nah , Metro UI mengusung tema seperti Windows 8 , jadi kita bisa melihat Flat Design nya Windows 8 pada website kita jika menggunakan CSS Framework ini . Hehehe
Berikut ini saya tampilkan beberapa tampilan yang ditawarkan oleh Metro UI :
 |
| Navigation Bar |
Nah , gambar diatas merupakan contoh Navigation Bar yang ditawarkan oleh Metro UI .
 |
| Side Bar |
Kemudian selanjutnya merupakan Side Bar ...
 |
| Carousel |
 |
| Window |
 |
| Calendar |
Nah beberapa gambar diatas merupakan beberapa tampilan yang bisa kita dapatkan dengan menggunakan Metro UI , jadi buat teman-teman yang berminat mempelajari Metro UI , atau mungkin ingin menambahkan beberapa fungsi tambahan dari Metro UI .
Silahkan mengunji :
http://metroui.org.ua/
Nah buat teman-teman , silahkan mencoba ... :D
Terima Kasih
Tag :
Bootstrap,
CSS,
CSS Framework,
Desain,
HTML,
informasi,
Metro UI,
Programmer,
projek,
Tips,
UI,
Web Design
Membuat Prototype Mobile Apps Online dengan Fluid UI
Nah di postingan kali ini , saya ingin sedikit share referensi website buat teman-teman yang lagi pengen buat Desain UI dari Apps yang ingin teman-teman buat . Nah tanpa basa basi langsung aja deh kita review :
 |
| https://www.fluidui.com/ |
Nah berikut ini saya sampaikan beberapa fitur yang disediakan :
- Tools yang cukup lengkap , sehingga memudahkan kita bereksperimen dengan UI yang kita bayangkan
- Pengaturan OS dari Device yang ingin kita buat UI nya
- Kemudahan dalam pengoperasian
- Terdapat Fitur Upload jika kita ingin meng upload gambar
- Gratis 10 screen
- Kemudahan dalam registrasi
- Kemudahan dalam export Prototype yang kita buat
- dll
Nah , apa yang saya sebutkan diatas hanya beberapa fitur yang sempat saya coba dari Fluid UI , mungkin untuk teman-teman yang ingin lebih jelasnya bisa lagsung mengunjungi website nya di :
Bagi teman-teman yang ingin langsung mencoba bisa langsung mengunjungi :
Nah , demikian sedikit share informasi dari saya , semoga bisa bermanfaat bagi teman-teman yang membaca . :)
Terima Kasih
