Tutorial Web Design

Pada perkembangannya, HMTL sudah mencapai generasi ke lima atau istilah kerennya disebut dengan HTML5. Di dalam HTML5 terdapat fitur-fitur baru dalam pengembangan website. Salah satunya yaitu canvas. SAY HELLO TO CANVAS! Canvas adalah sebuah tag dalam HTML5 yang digunakan untuk menggambar dengan bantuan javascript. Sesuai namanya “canvas”, di dalam canvas ini seorang web developer bisa…

Tutorial ini akan menjelaskan bagaimana cara membuat website portfolio sederhana dengan menggunakan HTML5, CSS3, Jquery. Dalam kasus ini kita coba untuk membuat desain web portfolio untuk seorang kartunis, ilustrator, atau seniman. Jika sebelumnya kita pernah membuat website one page bergaya flat design sekarang kita kembali akan membuat website one page bahkan bisa disebut hanya landing…

Membuat efek dengan css semakin marak saat ini, dengan menggunakan CSS Filter kita bisa membuat efek-efek yang biasanya kita temukan di Photoshop, bahkan efek-efek seperti instagram bisa kita ciptakan dengan kemampuan CSS3. CSS Filter ini relatif masih baru, dan masih jarang digunakan. Pada tutorial kali ini kita akan mencoba membuat efek dengan CSS Filter di…

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…