Memaparkan ke semua senarai-senarai sampel kod aturcara yang dibina daripada kod pengaturcaraan asas. Semua sampel dan contoh ini boleh digunakan di mana-mana sistem pembangunan.
Paparan rawak gambar bersama pautan
Tutorial ini memaparkan kod skrip yang mudah untuk Javascript bagi menghasilkan kesan kitaran elemen gambar bersama pautan. Proses kitaran akan berfungsi setiap kali laman dimuat turun atau dibuka semula (refresh).
Empat (4) langkah menghasilkan lajur sama tinggi
Kembali ke zaman penggunaan TABLE untuk paparan laman, menghasilkan lajur yang sama tinggi sangat mudah. Apa yang perlu adalah hasilkan tiga sel dalam satu baris dan semuanya mempunyai tinggi yang sama. Bagaimana dengan penggunaan DIV?
Mengawal Saiz dan Atribut lain Gambar Menerusi CSS
Di bawah: child selector, Sampel: CSS
Kawalan bentuk pemaparan gambar dalam laman web boleh dilakukan secara terus menerusi kod HTML atau bagi laman yang menggunakan teknologi PHP, lebih banyak variasi boleh dilakukan. Tetapi bagaimana untuk laman statik (yang tidak menggunakan pangkalan data dan masih menggunakan HTML)?
Petikan Yang Menarik Dalam Artikel Dengan CSS
Penulisan artikel pada laman web seharusnya dipaparkan dengan gaya yang menarik. Penekanan pada satu-satu isi adalah penting dan jika ianya boleh diserlahkan dalam baris-baris penulisan, akan dapat menarik minat pembaca yang lebih.
Cara Mudah Untuk Membuat "Drop Caps" Dalam Kandungan Artikel atau Blog
Di bawah: Sampel: CSS
"Drop caps" selalunya diguna pakai dalam penulisan buku-buku cerita kanak-kanak, novel atau majalah. Kita boleh aplikasikan fungsi ini dalam penulisan di internet untuk menarik perhatian pembaca dan menghasilkan paparan yang lebih menarik
JQuery dan Pautan Sauhan (Anchor Link)
Di bawah: Laman Web, Sample: JavaScript
Pautan sauhan (anchor link) sengat berguna dan bagi memudahkan proses pelayaran sekiranya laman tersebut mengandungi ribuan teks penulisan yang memaksa pengguna untuk menggelungsur dari atas sehingga ke bawah.
Pautan sauhan akan membawa pelayar terus ke barisan atau tempat yang sepatutnya pada laman yang sama. Namun begitu, oleh kerana keadaan yang melompat terus ke bahagian sauhan yang...
Kotak Pengumuman Terapung
Di bawah: Laman Web, Sample: JavaScript
Penerangan
Aturcara ini menggunakan Javascript dan DHTML (Dynamic HTML) untuk menghasilkan kekotak pengumuman yang akan muncul setiap kali laman dibuka. Kekotak ini boleh ditutup, boleh dialih dan menggunakan "layer", bermakna muncul di dalam laman seperti dalam contoh di bawah:
Arahan
Masukkan ke semua kod ini di dalam <HEAD> ... </HEAD>
Mencipta Efek Lightbox Dengan Menggunakan CSS
Di bawah: Sampel: CSS
Pengenalan
Efek lightbox merupakan satu efek yang mengaburkan kandungan utama sesuatu laman web bagi memaparkan kandungan lain dihadapannya. Terdapat pelbagai library atau kerangka kerja (framework) javascript yang boleh digunakan untuk mencipta efek ini. Dengan penggunaan kerangka kerja javascript seperti jQuery atau Mootools, anda boleh mencipta efek lightbox yang lebih menarik....
Kotak bucu melengkung dengan CSS
Kehadiran CSS3 banyak membantu pereka laman dalam menghasilkan kesan bucu melengkung. Tetapi kengkangan pada Internet Explorer menyebabkan segelintir daripada mereka masih menggunakan teknik gambar dalam menghasilkan kotak bucu melengkung.
Kotak Sempadan Bucu Lengkung CSS
Di bawah: Sampel: CSS
.bl {background: url(http://www.kripkornstudios.com.my/images/bl2.gif) 0 100% no-repeat; width: 20em}
.br {background: url(http://www.kripkornstudios.com.my/images/br2.gif) 100% 100% no-repeat}
.tl {background: url(http://www.kripkornstudios.com.my/images/tl2.gif) 0 0 no-repeat}
.tr {background: url(http://www.kripkornstudios.com.my/images/tr2.gif) 100% 0 no-repeat; padding:10px}
.t {background...