Masih bermain dengan animasi,, sekarang kita akan belajar membuat sendiri animasi bubble loading dengan bantuan CSS3. Di tutorial ini kita nggak akan menggunakan gambar apapun supaya loadingnya nanti bisa lebih cepat. Yang pengen coba, yuk disimak.. :)
“Font Awesome” adalah kumpulan icon yang telah dibuat sedemikian rupa, dan menggunakan system “Font Icon” yang memungkinkan kita untuk merubah warna dan ukuran font dengan menggunakan CSS tanpa takut Icon menjadi Pecah-pecah dan tantunya lebih ringan daripada Image Icon..
Seperti yang kita ketahui twitter bootstrap menyediakan beberapa fitur javascript dan user tinggal menggunakannya, akan tetapi fitur-fitur tersebut masih monoton (menurut saya). Agar tidak terlihat monoton kita bisa meng-customize fitur-fitur twitter bootstrap sesuka kita sesuai dengan selera. Tutorial kali ini saya akan mencoba meng-customize salah satu fitur javascript dari twitter bootstrap, fitur tersebut ialah Carousel atau bisa disebut Slide.
Salah satu property CSS yang masih bisa bikin kita bingung dan salah langkah itu adalah POSITION. Kapan kita harus pakai position static, relative, absolute, atau fixed? Kali ini kita akan bahas satu persatu beserta keunikannya masing-masing. Yuk simak biar tambah ngerti.. :D
Transition dan Animation itu adalah salah satu perintah wajib di dunia CSS3 sekarang untuk menghasilkan web yang lebih unik. Di part pertama ini kita akan belajar perbedaan, fungsi, dan sedikit konsep dasar transisi dan animasi.
Apa yang ada di pikiran kita kalo mendengar kata HTML, CSS, Javascript ? pasti pikiran kita akan langsung tertuju pada satu kata yaitu website. Yups HTML, CSS dan Javascript merupakan Client Side Scripting dari website, atau komponen untuk penyusunan web bagian sisi client (yang dieksekusi oleh browser). Saya dulu sempet bertanya-tanya, Bagaimana cara html5, css dan javascript digunakan untuk komponen aplikasi desktop? dikarenakan UI untuk aplikasi web biasanya menarik dab mudah dibanding desktop aplikasi yang (menurut saya) susah, dan pada akhirnya jawaban (cara) untuk pertanyaan saya dulu tersebut sekarang bisa ditemukan, ya cara untuk membuat tampilan aplikasi desktop menggunakan html, css, dan javascript sekarang sudah bisa, lalu bagaimana caranya?
Fix Header / Header Diam di Tempat adalah salah satu tren layout yang cukup populer (liat aja header Facebook / Twitter). Layout ini cukup membantu pengguna mengakses menu navigasi dengan mudah tanpa harus scroll ke atas dulu. Kali ini saya akan share membuat layout ini dengan bantuan CSS.
Umumnya agar terlihat menarik, kita menambahkan ornamen-ornamen atau aksesoris pada sebuah element web. Nah, pada tutorial kali ini saya akan mengajarkan bagaimana membuat pita untuk mempercantik judul pada text box, sehingga terkesan lebih kreatif dalam mendesain web. Yuk langsung saja kita buat html ...
Halo kawan, apa kabar? Semoga di awal bulan Ramadhan ini kawan pembaca tetap semangat untuk mencari ilmu. Nah, pada kesempatan ini saya akan membahas tentang membuat layout website sederhana dengan HTML dan CSS. Untuk membuat website kita harus memiliki pemikiran tentang bagaimana layout dari sebuah web...
Oke, Membuat slide show adalah pekerjaan yang sulit untuk yang baru belajar CSS karena pada dasarnya Slide Show dibuat dengan Javascript. Untuk saya, Js adalah bahasa pemerograman yang sedikit rumit, jadi untuk membuat aksi seperti slide show pun juga sulit. Tapi setelah saya belajar bootstrap membuat slide show adalah pekerjaan yang sangat mudah. Dan sekarang saya akan memberikan Tutorial “[SANGAT MUDAH] Cara Membuat Slide Show dengan Bootstrap 3” yang menunjukan bagaimana mudahnya membuat slide show dengan Bootstrap 3.
Jagocoding.com adalah situs tutorial pemrograman no 1 di Indonesia yang berbasis jejaring sosial (social network). Bagikan tulisanmu ke semua penjuru dunia. Pelajari semua tutorial di sini untuk menjadi seorang yang "jago coding".
Copyright © 2014 Jagocoding.com
