Category: Tutorial

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

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

crud codeigniter

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

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 on Membuat Pattern Untuk Background Website Dengan Photoshop

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 Satu Halaman Bergaya Flat Design Dengan Efek Scroll

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…

Pengenalan dan Tutorial Kendo UI – Jquery HTML5 Framework

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…

1 3 4 5 6 7 10