Cara Membuat Website

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…

4 Cara Untuk Melakukan Validasi Theme WordPress

Theme Check

Apakah anda seorang designer atau developer atau hanya sebagai orang yang mendownload theme wordpress untuk website anda, mungkin anda ingin memeriksa integritas dari theme tersebut, mengongrol kualitas, dan lain sebagainya. Berikut ini ada 3 cara yang digunakan untuk memvalidasi theme wordpress anda sebelum anda gunakan atau sebelum di publikasikan kepada orang lain. Themecheck.org Jika anda…

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…

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

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

one-page-scroll-twd

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…

1 2