Showing posts with label webdesign. Show all posts

jQuery Mobile - Untuk Aplikasi Mobile Yang Lebih Baik (Part 3)


Pada kesempatan kali ini, saya akan memberikan penjelasan mengenai atribut penambah icon pada jQuery Mobile yaitu atribut "Data-Icon". Jadi pada framework ini, telah disediakan sekumpulan icon yang biasa digunakan ketika membangun sebuah aplikasi. 

Berikut icon yang bisa kita gunakan ketika menggunakan framework jQuery Mobile ini:
Icon yang tersedia





Nama dari masing-masing icon dari kiri ke kanan adalah:
  1. bars
  2. edit
  3. arrow-l
  4. arrow-r
  5. arrow-u
  6. arrow-d
  7. delete
  8. plus
  9. minus
  10. check
  11. gear
  12. refresh
  13. forward
  14. back
  15. grid
  16. alert
  17. info
  18. home
  19. search
Cara penulisan atribut data-icon ini adalah sebagai berikut
data-icon="nama-icon"
nama-icon diganti dengan nama dari icon yang ingin kita gunakan.

Cukup sekian cara penggunaan icon bawaan jQuery Mobile. Kita juga bisa menggunakan icon yang kita buat sendiri. Namun akan saya jelaskan caranya pada postingan lain. Jika ada kesalahan, kritik atau saran, silahkan tulis dikomentar... 

Berkenalan dengan CSS, Si Seni dalam Website


Perkembangan pemrograman website saat ini sudah sangat pesat. Sekarang sudah banyak teknologi untuk membuat, mengelola sebuah website. Mulai dari Jquery, ajax, Json semuanya saling berpacu untuk lebih baik. Lebih kepada urgennya sebuah internet, sekarang sudah menjadi sebuah kebutuhan. Siapa yang tidak punya account facebook? Atau twitter? Semuanya mungkin sudah punya. Maka dari itu, pemrograman web lebih “famous” sekarang. ~~


Apa hubunganya dengan css? Css adalah singkatan dari Cascading Style Sheet. Secara arti kata, cascading artinya penyusunan, style itu corak atau gaya sedangkan sheet berarti artinya lembaran. Kalau kita gabungkan ketiga kata diatas, CSS berarti penyusanan dan pemberian corak /  kepada lembaran. Sebagaimana kita ketahui bahwa sebuah website itu adalah gabungan dari beberapa lembar halaman yang disusun sedemikian rupa sehingga menghasilkan manfaat informasi dan komunikasi untuk user / penggunanya. 


Kembali ke css, berdasarkan sebuah artikel yang saya kutip dari Wikipedia, si wiki bilang,
CSS adalah aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman.

Meskipun bukan sebuah bahasa pemrograman, tapi keberadaan css akan sangat mempengaruhi eksistensi sebuah website, karena selain dari sistem yang teratur dan canggih, seni / keindahan sebuah website juga merupakan salah satu hal yang sangat penting. Bagaimana menggunakan css dalam sebuah script html? Biasanya css bisa ditulis dihalaman / sheet html langsung atau bisa dipisah dan dipanggil kembali ke dalam script.

Berikut contoh penggunaan sebuah css :

Pada contoh tersebut, beberapa fungsi css adalah memberikan warna pada body (halaman website), kemudian memberikan warna dan align / posisi dari sebuah judul (h1) dan untuk tulisan, css bisa merubah warna dan jenis tulisan. Itu adalah contoh sederhana sebuah penggunaan sintak css.
Css digunakan untuk modifikasi tampilan website. Dengan css kita bisa merubah warna, bentuk, mengubah gaya tulisan, setting layout sebuah website. Sekarang, yang terbaru adalah CSS3. Dengan kehadiran HTML 5 dan teknologi jquery, CSS akan lebih menarik lagi.

Misal menampilkan dan menghiddenkan sebuah layout menggunakan jquery:
$(".tombol1").click(function(){
$("#kotak").animate({height:"300px"});
});

Jika ditekan tombol1, maka sebuah div (layout) berukuran 300px akan muncul. Kira-kira seperti itu.

Dimana saja situs untuk belajar css? Salah satu situs untuk belajarnya bisa di w3school.com, kalau yang lebih detail lagi, googling aja banyak kok tutorial-tutorialnya di internet. Asalkan mau aja nyarinya.. sekian dulu postingan dari kami. Semoga bermanfaat ~Ulil Amri~

Referensi : Wikipedia.org                  




Monday, June 17, 2013
Posted by Labor Pemrograman dan basisdata SI UNAND

- Copyright © 2013 Laboratorium Pemrograman dan Basis Data -Metrominimalist- Powered by Blogger - Designed by Johanes Djogan -