Web Design

  Penerapan Field Auto Repeat pada form dapat digunakan pada form pemesanan barang/produk, dimana tedapat field untuk pemesan dan field untuk penerima yang kemungkinan besar memiliki value yang sama. Sebagai contoh dapat dilihat pada gambar form di bawah ini.  

Tutorial ini untuk menyembunyikan dan menampilkan kembali suatu objek yang ada pada suatu halaman web. Contohnya seperti berikut ini. Sebelumnya Anda harus men-download librari jquery terlebih dahulu lalu masukkan script berikut pada halaman HTML Anda:<script type=”text/javascript”>            $(document).ready(function() {                 $(“.hide”).click(function()

Sama seperti tabs lainnya, tutorial ini masih menggunakan css sederhana. Kali ini kita lebih banyak main di border dan pewarnaan backgrounds. CSS:#nav {        border-bottom:1px solid #CCCCCC;        height:156px;        width:745px;        background-color: #ddd;        background: #ddd;    }        #nav

Terlihat bahwa ada 2 elemen penting di atas yaitu tabs, elemen yang Anda klik dan kontainer, area isi konten. CSS:body{    text-decoration: none;    color: black;    font-size: 14px;    font-family: arial;} .panes div {    display:none;            padding:15px 10px;    border:1px solid #999;    border-top:0;   

Anda ingin membuat paging seperti ini?Yah, paging di atas memang sama dengan Flickr. *Tutorial ini hanya menampilkan design css-nya saja, kami hanya ingin menunjukkan bagaimana cara membuat tampilan paging menjadi cantik? belum termasuk script pagingnya. CSSdiv.paging {    padding     : 2px;   

Sebelumnya kita telah membuat box shadow dengan efek bayangan di luar objek. Bisakah efek bayangan atau shadow di dalam objek? Jawabannya bisa. CSS:#contoh {    color: white;    width: 600px;        background: orange;    padding: 5px;    -moz-box-shadow: inset 0 0

Saat ini kita bisa membuat efek bayangan atau shadow dengan css itu sendiri seperti ketika kita membuatnya dengan menggunakan photoshop.Hal ini di dukung oleh browsr firefox, safari, chrome, opera dan IE9. CSS:#contoh {    color: white;    width: 600px;        background:

Bagi semua web designer terkadang menggunakan background berulang sangat diperlukanuntuk memberikan variasi tampilan yang tidak monoton, dan membeikan texture yang lebih kompleks terhadap suatu tampilan website. Repeating image ini biasanya kita temukan pada background website,seperti contoh di sini banyak kendala

Berikut ini adalah tutorial sederhana untuk membuat sortir content menggunakan jQuery. Untuk memulai tutorial ini, anda harus mendownload jQuery terlebih dahulu,script dapat di download di jquery.com   Mari kita mulai membuat sortir content sederhana : 1. Buat file html dasar

Tween adalah package bawaan dari flash. Tweener bisa di download pada http://code.google.com/p/tweener/. Tweener mrupakan library yang digunakan untuk menganimasikan sama halnya class tween pada flash, namun kelebihannya adalah jenis animasi lebih banyak, mendukung pause, resume tween dan animasi tweening warna.