Category: Tutorial

Dalam topik ini wakaka menyajikan tutorial dan ide-ide menarik yang bisa anda terapkan dalam pekerjaan anda


Membuat Animasi Lingkaran Dengan Canvas HTML5 – Javascript

HTML5 Canvas Animation

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 Membuat Web Portfolio Responsive Dengan HTML5, CSS3 dan Jquery

Free Portfolio Template Layout

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…

Memberi Efek Animasi Warna Pada Gambar Dengan CSS3 Filter

css3 filter effect

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…

Membuat Animasi Efek Mengetik Teks Dengan CSS

Mengetik

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…

Tutorial Dasar AngularJS

AngularJs

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…

Tutorial CRUD (Create, Read, Update dan Delete) Dengan CodeIgniter – Part 1

Image by Marissa

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…

Pengenalan & Tutorial Dasar Node.js

Nod.js

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…

Tutorial Dasar Penggunaan CodeIgniter

Framework PHP CodeIgniter

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…

Tutorial Membuat Slideshow Dengan CSS3 dan Jquery

slideshow-jquery-css

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,…

Membuat Pattern Untuk Background Website Dengan Photoshop


Nov 13th, 2013 Freebie, Graphic Design, Tutorial Comments Off

concretepat_2

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…

1 2 3 6