Tutorial Web Design

Animasi mengetik teks biasanya dibuat dengan bantuan Jquery, namun pada artikel kali ini kita akan mencoba membuatnya hanya dengan CSS. Animasi ini tentunya bisa digunakan jika ingin membuat semacam presentasi di website, atau untuk sekedar mempercantik halaman website. Animasi ini juga bisanya sering kita lihat di website-website yang diretas, biasanya siperetas meninggalkan jejak dengan pesan…

AngularJS adalah front-end framework untuk javascript yang dikembangkan oleh Google. Dengan fitur-fitur powerful dari AngularJS, proses development bisa menjadi jauh lebih singkat. Di sisi lain, organisasi kode Javascript menjadi lebih terstruktur dan “bersih” karena penggunaan framework ini mendorong penerapan pola MVC—ataupun MV-Whatever—pada aplikasi yang kita kembangkan. Contoh Sederhana Mari kita mulai dengan contoh yang paling…

Pada kesempatan kali ini kita akan membahas bagaimana membuat CRUD (Create, Read, Update, dan Delete) menggunakan Framework CodeIgniter. Kita akan belajar bagaimana melihat list produk dan menambah / menghapus produk yang dimiliki oleh suatu toko. Pertama-tama, kita membutuhkan database untuk menyimpan data-data kita. Saya sudah menyiapkan sebuah database yang bernama db_product, di dalamnya terdapat sebuah…

Node.JS adalah salah satu implementasi serverside javascript(JS). Kenapa harus JS? karena JS memiliki kehandalan di sisi eventing dan callback. Sekedar info, sampai saat ini server side aplikasi sangat susah untuk dibuat berbasis event, yang ada malah kebanyakan adalah berbasis thread. Lalu kemudian lahirlah Node.JS, intinya adalah, dengan hanya coding satu source, bisa menjalankan banyak sekali…

Pada tutorial kali ini, penulis akan memberikan tutorial mengenai dasar penggunaan framework php yaitu CodeIgniter. Penulis menggunakan CodeIgniter v 2.1.4 yang dapat di download langsung dari web official CodeIgniter, yaitu http://ellislab.com/codeigniter . Yang dibutuhkan untuk tutorial kali ini adalah : 1. CodeIgniter 2.1.4 2. Text Editor (Sublime Text, CodeIgniter, Brackets, ell) 3. XAMPP / WAMP…

Membuat Slideshow Dengan Css dan Jquery itu mudah dan tidak sesulit yang dibayangkan, pada tutorial kali ini akan kita bahas secara singkat cara membuat nya. Sebuah slide show adalah presentasi dari serangkaian gambar diam pada perangkat layar proyeksi atau layar elektronik, biasanya dalam urutan yang telah diatur sebelumnya. Setiap gambar biasanya ditampilkan setidaknya beberapa detik,…

Pattern adalah gambar yang sama dan muncul berulang-ulang dan biasanya digunakan sebagai background. Bisa untuk background website, poster, dan lainnya.   Disini kita akan mencoba membuat pattern dinding semen dengan photoshop (Seamless Concrete Pattern Photoshop) Sebelum mulai, siapkan gambar yang akan dijadikan pattern. Di sini akan digunakan gambar dari : http://www.flickr.com/photos/tendolab/2624600725/sizes/l/in/photostream/ Kenapa tidak menggunakan gambar…

Membuat website landing page dengan scroll perhalaman dengan menggunakan jquery akan kita bahas pada tutorial kali ini. Model website yang akan dibuat ini bisa digunakan untuk website company profile, tinggal disesuaikan dengan kebutuhan, Desain website di demo ini mungkin akan kelihatan seperti website dengan tema flat design, karena warna yang digunakan memang mirip dengan warna-warna…

Jquery bukan hal asing lagi ditelinga kita, jquery datang dengan banyak efek untuk website kita dan hampir menggantikan flash yang dulu juga di gunakan agar website kita terasa hidup dengan efek yang bisa kita ciptakan. Seiring banyaknya peminat jquery banyak juga developer yang mengembangkan dan membuat framework jquery sendiri, seperti JqueryUI, JqueryTools, Kendo UI dan…

Kita sudah melewati 2 tahap awal, Basic Transformation dan 2D Transformation. Sekarang kita berada di bagian paling menarik dari transformation, Transformasi 3D di CSS3. Sebelum masuk ke dalam properties apa saja yang bisa kita mainkan nanti, ada sedkit notes; Di tulisan ini saya menulisakan bentuk standard prefix -webkit. Untuk prefix yang lain tidak saya sertakan di…