1 2 3

HTML, CSS & jQuery: Animate

Lift yang bisa naik dan turun Animasi dapat dilakukan dengan mudah di jQuery dengan menggunakan kode .animate();. Kode animate(); akan m...

HTML, CSS & jQuery: Autocomplete

jQuery Autocomplete Autoc/omplete a/da/la/h sebua/h f/un/gsi da/ri jquery ya/n/g bisa/ men/ya/ra/n/ka/n/ ka/ta kunc/i seperti milik Goog...

HTML, CSS & jQuery: Progressbar

jQuery Progress Bar Pada jQuery UI terdapat sebuah fitur bernama progressbar, fitur ini menggunakan sebuah elemen yang bersifat block ...

HTML, CSS, jQuery & Javascript: Game Sword of Dragon Blood

Layar Loading Kombinasi HTML, CSS, Jquery & Javascript bisa digunakan untuk membuat game sederhana. User Interface (layar antarmuka ...

HTML & CSS: Margin

Jika jarak konten ditentukan oleh padding, maka jarak elemen satu sama lain diatur dengan margin. Margin sangat berguna ketika suatu elemen ...

HTML & CSS: Elemen Canvas

Canvas adalah elemen HTML yang menampilkan gambar dari kode Javascript. Elemen ini mendukung bermacam-macam bentuk, mulai dari kotak, bula...

HTML & CSS: Padding

Cara kerja padding mirip dengan margin, tapi kalau margin mengatur jarak elemen satu sama lain, tugas padding adalah mengatur jarak konten -...

HTML & CSS: Tombol Keren

Tombol-tombol ini adalah hasil gabungan antara HTML&CSS. Tombol pertama menggunakan warna background oranye dengan border berwarna o...

HTML & CSS: Border

Border adalah CSS rule yang bisa digunakan untuk mengatur 'garis' luar dari sebuah elemen. Warna, ukuran, gaya dan posisi adalah p...

HTML: Visibility dan Display

Display dan visibility adalah salah satu dari sekian banyak CSS rule. Meskipun kedengarannya sama, mereka melakukan hal berbeda. Visibility ...

Photoshop: Membuat Teks Abstrak

Teks abstrak ini saya buat dengan menggunakan layer style yang dipadukan dengan filter gallery.

Photoshop: Membuat Sepeda Futuristik

Ban pada sepeda ini saya buat dengan menggunakan beberapa shape berbentuk bulat pada masing-masing ban. Ban pada bagian terluar mendapatka...

Photoshop: Mendesain UFD

UFD diatas adalah hasil desain saya mengikuti tutorial yang ada disebuah CD Tutorial Photoshop. Hanya dibutuhkan shape dan layer style unt...

Photoshop: Membuat Lantai Ubin

Photoshop mempunyai fitur yang bisa menyimpan tekstur dan digunakan di lain waktu. Dengan begitu, kita tidak perlu menghabiskan waktu untu...

Photoshop: Membuat Tekstur Air

Gambar air ini saya buat dengan menggabungkan beberapa filter gallery di layer yang terpisah.

Photoshop: Teks Melingkar

Teks melingkar ini adalah salah satu dari teknik yang sering digunakan oleh orang. Pertama, buat sebuah lingkaran dengan Ellipse tool. Pas...

Photoshop: Mendesain Teks Berpendar

Teks berpendar yang indah ini saya buat dengan cara yang sederhana. Pertama, saya membuat sebuah tulisan dengan masing-masing huruf terpis...

Photoshop: Mendesain Teks Spektakuler

Petir pada gambar diatas saya buat dengan menggunakan Filter Clouds, dan kemudian dibuat kontras dengan pengaturan Brightness/Contrast. Ag...

Photoshop: Membuat Tulisan Cembung

Typography sederhana ini saya buat dengan Text tool yang diberi layer style berupa Bevel & Emboss untuk membuat efek 3D dan Stroke den...

Photoshop: Membuat Pop Art

Pop art diatas adalah contoh dari penggunaan Threshold dan Hue & Saturation. Threshold akan membuat gambar menjadi kontras antara hita...

Photoshop: Membuat Permukaan Planet

Gambar permukaan seperti planet ini saya buat dengan filter gallery.
 

©Copyright 2013 Jurnal Osmond | TNB