Membuat Aplikasi Web Filter dan Edit Photo Seperti Instagram

Kali ini kita saya ingin berbagi tutorial membuat aplikasi web untuk memfilter photo seperti yang dimiliki instagram. Apa itu instagram? yah tidak usah dijelaskanpun saya yakin anda tahu. Aplikasi yang akan dibuat ini memungkinkan kita untuk mengupload Photo dari komputer ke browser dengan hanya mengdrag and drop photo dan emerapkan filter seperti instagram, menarik bukan?.
Untuk membuatnya kita membutuhjkan bebrapa library JavaScript:

Read More...

HTML5 Framework dan Tools untuk Developer dan Designer

HTML5 membuat desain web lebih powerful. Dengan kecepatan, keamanan dan respositivitas yang lebih baik dari versi HTML sebelumnya. Serta dengan banyak fitur baru sehingga para developer dan designer dapat membuat website dengan fungsi yang mumpuni namun tetap memiliki kecepatan dan performa yang baik serta dapat mengahadirkan pengalaman layaknya aplikasi desktop.
Berikut Tools HTML5 yang dapat membantu pembuatan proyek anda menjadi lebih cepat dan mudah

Zebra: Membuat User Intrface Seperti Desktop dengan Canvas HTML5

 

Zebra adalah flibrary javascript dengan komponen user interface yang kaya untuk membuat layout seperti aplikasi desktop dan dapat terlihat dengan baik di browser-browser modern.
Demo Download

Literally Canvas: Widget Untuk Menggambar dengan HTML5 

Literally Canvas adalah open source widget HTML5 yang dapat anda integrasikan dengan banyak halaman untuk mengizinkan user untuk menggambar secara online . Fitur yang tersedia diantaranya adalah pena untuk menggambar, penghapus ,color-picker, undo, redo, dan zoom. 

Demo  Download

Workless: HTML5-CSS3 Framework untuk membuat Website Cross-Browser 

Workless adalah HTML5-CSS3 framework untuk membangun website cross-browsers dengan mudah. Dibuat berdararkan Bootstrap + HTML5 Boilerplate css famework paling populer.
Demo Download

HTML5 Sortable: Membuat Daftar Drag and Drop dengan HTML5

 

HTML5 Sortable dengan ukurannya yang kecil dapat bekerja dengan baik di berbagai browser. Plugin ini memanfaatkan drag and drop API bawaan HTML5 untuk membuat list yang dapat di drag and drop seperti JQuery UI.

Demo  Download

Gauge.js: Animasi dengan HTML5 Canvas

 Gauge.js adalah script yang dapat digunakan untuk membuat animasi dengan javascript  (Coffeescript) di canvas HTML5. Script ini bejalan sediri alias tanpa library lain tanpa gambar ataupun CSS.
Demo Download

Sonic: Loader HTML5 yang dilengkapi dengan Editor

Sonic adalah class JavaScript untuk membuat gambar loader dengan cavas HTML5 .
Demo  Download

Chart.js: Charti Library dengan Canvas HTML5 

 Chart.js adalah  library javascript yang dibuat tanpa framework alias bejalan sediri dengan ukuran yang sangat kecial kurang dari 5kb.

Demo Download

HTML5 yang kian populer tak heran jika kian hari kian banyak bermunculan ini kabar baik bagi kita sebagi developer karena mempermudah kerja kita dalam pembuatan project

 

Read More...

CSS Framework

Dipostingan kali ini saya ingin sedikit berbagi tentang CSS Framework yang mungkin dapat membantu anda dalam pembuatan layout web. Diera CSS 3 kali ini memeng sangat banyak CSS Framework namun disini saya hanya akan membahas beberapa saja.
1. Twitter Bootstrap

Read More...