Horizontal Scroll Website Menggunakan jQuery
13:45 02 Apr 2012@Ajax

Saat ini dengan adanya jquery, banyak sekali desain-desain website yang kreatif, keluar dari jalur normal desain web kabanyakan. Kali ini kita akan belajar membuat website menggunakan jquery, di mana website tersebut kontennya akan kita scroll secara horizontal atau menyamping. dengan bantuan CSS, kita bisa mengatur aliran konten ke samping, bukan ke bawah. Seperti ilustrasi di bawah.

Pada gambar di atas kita lihat terdapat konten yang melebar ke samping melebihi ukuran browser. Dengan bantuan CSS kita bisa menyembunyikan scrollbar yang muncul. Kemudian untuk menampilkan konten yang tersembunyi di samping kita bisa menggunakan jquery. Yuk kita lihat kode-kodenya.

Koleksi Font Keren dan Cantik Terbaru untuk Website
08:08 22 Mar 2012@Others

Pemilihan penggunaan font tepat untuk suatu desain website atau poster, brosur atau lainnya sangat mempengaruhi hasil desain tersebut. Jenis font yang dipilih harus disesuaikan dengan tema desain kita, apakah desain kita bertema klasik yang ramai atau berteman minimalis yang clean.

Buat kamu yang lagi cari-cari jenis font yang keren dan cantik untuk desain website atau poster atau media cetak lainnya. Berikut ada beberapa koleksi font yang keren. Mulai dari font yang bertema vintage, clean sampai minimalis.

Contoh Logo Keren dan Minimalis
15:42 06 Mar 2012@Others

Buat kamu-kamu yang pengen cari inspirasi dalam membuat logo untuk perusahaannya atau logo untuk websitenya, berikut ada kumpulan contoh-contoh logo yang keren dan mimalis.

Logo sangat penting bagi suatu perusahaan, karena melambangkan bagaimana perusahaan tersebut, selain itu logo juga bisa membuat orang-orang jadi tertarik terhadap suatu produk. Misalnya anda punya perusahaan desain web, anda punya logo yang keren membuat orang terkesima, setidaknya calon client akan menjadi tertarik dan percaya terhadap kemampuan desain anda, karena mereka melihat dari logo perusahaan anda yang keren.

saat ini lagi ngetrend logo yang minimalis, nggak banyak pernak-pernik tetapi berkesan elegan dan keren.

Membuat Thumbnail dengan PHP dengan Cara Resize dan Crop Image
10:13 14 Feb 2012@PHP

Thumbnail merupakan gambar kecil atau seperti icon yang merupakan hasil resize menjadi ukuran lebih kecil dari gambar aslinya. Secara sederhana untuk membuat thumbnail, kita cukup merubah ukuran gambar menjadi lebih kecil. Tetapi yang jadi masalah adalah kalau mentah-mentah diubah ukurannya, maka jika gambar yang tidak persegi (gambarnya bisa lebih panjang atau lebih tinggi) akan menghasilkan gambar yang tidak bagus atau perbandingan antara panjang dan lebar tidak sama dengan aslinya.

Untuk mengatasi gambar yang persegi panjang, supaya menghasilkan thumbnail yang bagus, maka yang perlu dilakukan adalah:

Resize gambar, dengan perbandingan panjang dan lebarnya sama dengan aslinya
Crop gambar di tengah-tengah.

Coba perhatikan ilustrasi membuat thumbnail dari gambar yang persegi panjang di bawah:

Contoh Web e Commerce Keren dan Kreatif
19:23 02 Feb 2012@Others

Bagi para web designer, terkadang kita butuh inspirasi dalam mendesain suatu website. Mungkin dengan melihat contoh-contoh website karya orang lain yang keren bisa menjadi inspirasi bagi web designer juga bagi para web programmer.

Buat kamu-kamu yang pengen develop website e-commerce, daftar webiste berikut mungkin bisa menjadi inspirasi kamu dalam membuat design web e-commerce yang cantik dan keren.

Dengan membuat website e-commerce yang cantik, keren dan profesional, biasanya calon pembeli akan lebih respek, percaya dan kemungkinan akan mau belanja di website kita.

Heartbreaker Fashion
Contoh Web e Commerce Keren dan Kreatif 1

Membuat Sendiri Plugin Wordpress
13:28 13 Jan 2012@Wordpress

Saat ini Wordpress merupakan CMS yang paling banyak digunakan untuk membuat suatu webiste. Mulai dari blog sampai web untuk e-commerce. Bagi kamu-kamu yang suka programming dan ingin mempelajari pemograman Wordpress, terutama untuk plugin development, berikut contoh sederhana plugin Wordpress.

Plugin yang akan kita buat kali ini adalah plugin untuk menampilkan tombol google +1 di kontent post website Wordpress kita. Di sini kita akan belajar bagaimana cara membuat plugin, anatomi plugin Wordpress dan bagaimana suatu plugin dieksekusi oleh engine Wordpress.

Danbo, Boneka dari Kardus Amazon.co.jp
16:08 30 Dec 2011@Others

Sepertinya sekarang lagi ngetrend sosok boneka kotak-kotak yang terbuat dari kardus pembungkus amazon.co.jp. Banyak orang-orang yang menyukai karakter boneka ini. Nama boneka ini adalah danbo atau nama panjangya Danboard.

danbo

Awal tahunya nih boneka dari istri saya yang menyukai boneka danbo. Sepertinya lucu juga, akhirnya saya putuskan untuk membelikan danbo dari amazon.co.jp sebagai hadiah untuk istriku tercinta. Berikut koleksi photo bersama danbo hehe...

Belajar Membuat Animasi Menggunakan CSS3 Transition dan Transform
13:40 26 Dec 2011@CSS

Sejak diluncurkannya CSS versi 3 ada banyak kemudahan yang didapat oleh para web designer, salah satunya adalah kemudahan dalam membuat animasi di web. Jika sebelumnya kita membuat animasi di web menggunakan javascript, tapi sekarang bisa menggunakan CSS3. Property CSS 3 yang berguna dalam membuat animasi adalah transition dan transfrom.

Properti Transition berguna untuk mengatur waktu perubahan dari satu bentuk ke bentuk lain. Properti transfrom berguna untuk mengubah bentuk suatu objek. Sekarang kita perhatikan contoh animasi sederhana berikut:

Menu Website

Menentukan Jenis Font Sesuka Hati dengan CSS3
04:43 05 Nov 2011@CSS

Zaman dulu sebelum ada CSS3, para web designer jika ingin menampilkan font yang keren-keren maka mereka harus menampilkan tulisan tersebut sebagai file gambar, karena font yang keren tersebut belum tentu ada di komputer client atau user.

Tapi sekarang kita bisa menentukan jenis font sesuka hati kita di web dengan bantuan CSS3. Cara kerjanya, font tersebut kita upload ke hosting atau server kita, kemudian dengan kode CSS3 @font-face kita bisa mendefinisikan nama font family kita dan sumber file fontnya. Contoh tulisan di bawah

Tulisan ini menggunakan font: Legion_Slab.ttf
Hai apa kabar, selamat datang di website codingwear,
Di sini kita akan belajar bersama mengenai CSS, Javascript, PHP

Download icon keren dan gratis terbaru untuk desain web
19:14 30 Oct 2011@Others

Buat para desainer web, icon merupakan salah satu komponen pentin dalam melakukan desain website. Dengan icon-icon yang keren dan kualitas bagus maka akan menghasilkan desain website yang bagus juga. Berikut ada beberapa kumpulan icon-icon yang bisa anda download secara gratis dari berbagai sumber.

Ada icon untuk website e-commerce, tombol sharing untuk social bookmark, logo-logo untuk pembayaran online dan lainnya. Selamat menikmati

Apa itu CSS Sprite dan Contohnya
15:46 29 Oct 2011@CSS

Istilah "sprite" muncul sebenarnya untuk istilah pemograman game zaman dulu, mereka meloading banyak image dalam 1 file, kemudian dengan memanfaatkan pengaturan background position gambar yang ditampilkan berubah-ubah, hal ini guna menghemat memori dan supaya tidak sering loading. Nah dalam teknik desain website kita juga bisa mengimplementasikan hal ini, namanya CSS sprite. Biasa CSS sprite dibuat untuk tombol atau gambar animasi yang jika mousenya berada di atas, maka gambar tombol akan berubah. Dengan teknik CSS biasa, biasanya kita membuat 2 buah file image, yang dengan bantuan javascript kita ubah source gambarnya jika pointer mouse berada di atas objek. Tapi dengan CSS sprite cukup 1 file image

Cara Koneksi PHP ke Database MS Access 2010
15:07 20 Oct 2011@PHP

Mungkin teman-teman lebih familiar PHP menggunakan databasenya adalah MySQL. Sebenarnya bahasa PHP mendukung banyak database management system, seperti MS SQL, Oracle dan juga MS Access. Oke kali ini kita akan belajar bagaimana cara melakukan koneksi PHP ke MS Access 2010. Pada contoh kali ini saya menggunakan sistem operasi Windows 7 dan program Microsoft Access 2010.

Cara Membuat Blog Gratis
15:26 17 Oct 2011@Others

Mungkin buat teman-teman yang bersekolah atau kuliah di jurusan informatika sudah tahu bagaimana cara membuat blog. Tapi buat teman-teman yang lain mungkin masih bingung cara membuat blog gratis. Untuk membuat blog yang gratis sangat mudah sekali, kita tidak perlu menguasai bahasa pemograman web. Ada 2 penyedia blog gratis yang terkenal di internet yaitu blogspot dan wordpress. Kali ini kita akan meliha t cara-cara atau langkah-langkah membuat blog gratis tersebut.

Pengenalan Regex (Regular Expression) di PHP
09:24 06 Oct 2011@PHP

Mungkin teman-teman yang sering atau sedang belajar mengenai pemograman di PHP, perl atau bahasa pemograman lainnya, pernah mendengar isrilah regex. Oke sekarang kita belajar mengenai regex atau Regular Expression yang ada di PHP, di sini kita akan melihat kegunaan dan contoh aplikasi regex di bahasa pemograman PHP.

Google Adsense, Dapatkan Uang dari Blog Kamu
07:17 10 Sep 2011@SEO

Mungkin buat teman-teman ada yang sudah tahu bahwa, kalau kita ngeblog, kita bisa juga mendatangkan uang dari blog atau web kita tersebut. Caranya gimana? salah satunya adalah dengan memasang Google Adsense di blog kita.

Tutorial Dasar SEO
20:04 04 Mar 2011@SEO

Wew..udah lama juga nggak nulis artikel di blog codingwear, karena sepulang dari cuti pertengahan februari 2011 kemaren dapet posisi baru di kantor, jadinya sibuk banget.

Tulisan kali ini kita akan bahas tentang SEO, tapi dasar-dasarnya aja hehe, karena saya nggak ahli SEO, baru mulai belajar Desember 2010 kemaren, jadi masih anak baru di dunia per-SEO-an. Tapi karena ada pepatah "sampaikanlah ilmu walau satu ayat"..makanya nggak ada salahnya saya buat tulisan tentang SEO, kali aja ada yang belum tahu apa itu SEO, nyasar ke blog ini.

Membuat Sendiri Article Rewriter dengan Ajax
08:51 07 Feb 2011@Ajax

Apa sih article rewriter? Article rewriter adalah semacam program yang menulis ulang suatu tulisan atau artikel dengan kata-kata yang berbeda dari artikel aslinya, sehingga tercipta konten yang sedikit unik. Bagi yang malas buat buat tulisan tapi pengen ngejar dollar dari google adsense, biasanya menggunakan articel rewriter untuk copy paste suatu artikel. Tapi di sini kita akan melihat bagaimana kode untuk membuat kode rewriter sederhana.

Kita akan membuat kode rewriter dengan menggunakan PHP, MySQL dan Ajax jQuery untuk komunikasi data dan menampilkannya. Kita juga akan belajar bagaimana membuat highlight kata-kata yang sudah di rewrite. Untuk jelasnya silahkan lihat Demo Article Rewriter. Dan berikut algoritma dan kodenya:

Captcha Sepakbola
12:43 15 Jan 2011@PHP

Buat kamu-kamu yang suka sepak bola, berikut ada captcha sepakbola.Captcha merupakan suatu teknik untuk me-verifikasi apakah yang menginput data di form adalah manusia atau program spam. Gunanya untuk mencegah masuknya spam ke form inputan kita, seperti form komentar, form pendaftaran dan sebagainya. Biasa Captcha berupa teks yang berformat image, kali ini image dan teksnya berupa pemain-pemain sepak bola

Mari kita lihat kode dan cara membuatnya

Membuat GIS Google Map Marker Multi Icon dengan jQuery, PHP dan MySQL
05:13 09 Jan 2011@Ajax

Kali ini kita akan membuat aplikasi GIS dengan Google Map API, di mana aplikasi GIS ini, kita bisa membuat marker pada map, marker yang dibuat bisa macam-macam gambar iconnya, tergantung jenis lokasinya, apakah bandara, mesjid, restoran, dan lainnya. Setelah memberi tanda atau marker, kita bisa memberi nama lokasi tersebut dan juga deskripsinya, kemudian kita simpan ke database.

Pada aplikasi GIS ini juga, kita bisa menampilkan keseluruhan marker yang telah disimpan di database MySQL tersebut dengan bantuan PHP dan JSON jQuery. Mari kita lihat.

Membuat Sendiri Captcha Kuis Matematika Menggunakan Session PHP
10:56 02 Jan 2011@PHP

Captcha merupakan suatu teknik untuk me-verifikasi apakah yang menginput data di form adalah manusia atau program spam. Gunanya untuk mencegah masuknya spam ke form inputan kita, seperti form komentar, form pendaftaran dan sebagainya. Biasa Captcha berupa teks yang berformat image, tapi saat ini ada bentuk captcha yang lain yaitu berupa kuis matematika, bisa penjumlahan atau pengurangan.