HTML Javascript

Web Design Tips: Menggunakan CSS Reset

Thursday, February 25th, 2010

Web Design Tips: Menggunakan CSS Reset tutorial cssPada tutorial css kali ini saya akan membahas Tips Desain Web. Sudah menjadi pengetahuan yang umum jika masing-masing browser Internet memiliki style bawaan tersendiri, sebagai contohnya margin default atau padding default pada Internet Explorer itu memiliki nilai  yang berbeda dengan Mozilla Firefox ataupun Chrome, contoh yang lain, unordered list default milik Internet Explorer memiliki style berbeda dengan style pada firefox. Sehingga seorang web designer seringkali direpotkan oleh hal ini, biasanya seorang web designer menggunakan javascript untuk mendeteksi user menggunakan browser apa, kemudian jika user menggunakan browser internet maka javascript mencocokkan stylenya dengan file berisi style khusus untuk internet explorer, begitu juga dengan mozilla firefox dan browser lain, file stylenya juga berbeda. (more…)

Pengenalan CSS3

Thursday, February 18th, 2010

Pengenalan CSS3 tutorial cssSatu atau dua tahun yang lalu mungkin anda pernah mendengar CSS versi 3 telah keluar, meskipun saat itu masih beta tapi ini menjadi kabar yang menggembirakan, karena CSS3 tidak akan dirilis jika tidak membawa banyak sekali fitur-fitur baru di dalamnya, namun saat itu baru sedikit browser internet yang mendukung CSS3 ini. Browser yang mensupport CSS baru Safari v.3, namun sekarang Firefox pada versi ke 3.6 sudah mendukung CSS3. Bagi anda yang mungkin belum mengetahui CSS, CSS digunakan dalam pembuatan layout yang tableless, (more…)

Menyamakan Tinggi Kolom DIV yang Berbeda dengan JQuery

Monday, February 1st, 2010

Menyamakan Tinggi Kolom DIV yang Berbeda dengan JQuery javascriptBagi seorang web designer, tampilan merupakan hal nomor satu yang harus diperhatikan. Bukan hanya karena seorang web designer di bayar untuk itu semua, namun seorang web designer pun bertanggung jawab bagaimana mendatangkan visitor yang banyak karena ketertarikan visitor akan interface website yang begitu ringan, akses yang cepat, menarik enak dipandang, dinamis, dan harmonis. Harmonis… ya harmonis… memang terdengar seperti rumah tangga. Tapi sekali lagi, web designer lah yang memiliki tanggung jawab bagus tidaknya suatu tampilan, bukan yang lain.
Masih dalam poin pembahasan yang sama, (more…)

Dasar-Dasar Membuat Web Dengan HTML

Friday, November 20th, 2009

Dasar Dasar Membuat Web Dengan HTML tutorial htmlNah, anda pasti sudah banyak melihat tutorial tutorial HTML yang ada di ilmuwebsite.com. Tapi, masih ada 1 kekurangan, tutorial HTML untuk tingkat pemula???

Nggak ada kan??? nah, maka dari itu, saya, C.H.I.P. Sensei, akan menjelaskan bagaimana website di bangun menggunakan tag-tag HTML, dan ini penulis sediakan untuk pemula. Tapi sebelum itu,  ada yang perlu diketahui.

(more…)

Mencegah Halaman Website Ditampilkan Dalam Inline Frame

Tuesday, October 6th, 2009

pencurian dataPernahkan anda menggunakan inline frame untuk menampilkan halaman website lain? Menyenangkan bukan? Namun justru hal ini menjadi tidak menyenangkan bagi pemilik halaman website yang halamannya ditampilkan dalam frame tersebut. Bagi seorang admin yang mengerti hal ini tentunya sangat berdampak buruk, karena penggunaan frame untuk menampilkan website lain tanpa izin dari pihak terkait sama dengan pencurian data, dan tentunya dampak lainnya adalah bandwith yang tersedot pun akan semakin besar, dan yang lainnya, berdampak buruk dalam search engine, yakni black list, karena di anggap curang dalam menempuh jalan SEO.
(more…)

Trik Membuat Submit Button dengan Image

Monday, October 5th, 2009

button dengan imageOke, mungkin pada awalnya kebanyakan dari web developer pun pernah bertanya-tanya bagaimana membuat suatu image menjadi submit button dari suatu form. Dan fungsi seperti ini memang ternyata telah dipakai pada beberapa Content Management System favorit, joomla misalnya, ketika anda melakukan suatu save item, entah itu article, ataupun product di virtuemart yang memanfaatkan component backendnya, disana terlihat sebuah image yang memiliki sebuah fungsi sebagai submit button. Ada 2 trik yang biasanya sering digunakan, pertama memanfaatkan tag html, dan yang terakhir memanfaatkan fungsi javascript sederhana.
(more…)

Membuat pertanyaan konfirmasi

Sunday, May 31st, 2009

Membuat pertanyaan konfirmasi javascriptDalam membuat program, ada kalanya kita ingin agar data yang diinput tidak salah. Teknik Validasi yang anda terapkan pun, misalnya validasi nama tidak boleh angka terkadang tidak maksimal. Kalau misalnya kita salah mengetik nama “Ivan” dengan “Ivam”, pasti nama akan lansung tersimpan bukan? Bukan hanya itu, biasanya seorang user tidak sengaja menekan tombol “enter”. Padahal belum selesai mengetik. (more…)

Tulisan Matrix

Sunday, May 31st, 2009

Tulisan Matrix javascript——-
Script ini hanya jalan di Internet Explorer
——-

contoh buka: http://www.ilmuwebsite.com/javascript/javascript-matrix.htm

<html>
(more…)

Hujan Cinta

Sunday, May 31st, 2009

Hujan Cinta javascript————–
Script ini hanya jalan di Internet Explorer
————–

contoh buka: http://www.ilmuwebsite.com/javascript/hujan-cinta.htm

<html>
<head>
</head>
(more…)

Klik kanan Gempa

Sunday, May 31st, 2009

Klik kanan Gempa javascript——-
Script ini hanya jalan di Internet Explorer

Jika anda klik kanan maka browser akan bergetar !!
——-

contoh buka: http://www.ilmuwebsite.com/javascript/klik-gempa.htm
(more…)

Gambar di Mouse

Sunday, May 31st, 2009

Gambar di Mouse javascript<script language=”JavaScript1.2″>
<!–

var trailLength = 8 // The length of trail (8 by default; put more for longer “tail”)
var path = “TN_psd0810.JPG” // URL of your image
(more…)

Anti Klik Kanan no Message

Sunday, May 31st, 2009

Anti Klik Kanan no Message javascript<SCRIPT language=JavaScript>
<!–
var message=”Protegido”;
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
(more…)

Background Ganti Warna

Sunday, May 31st, 2009

Background Ganti Warna javascript<html>
<head>
<title></title>
</head>

<SCRIPT LANGUAGE=”JavaScript”>
(more…)

Anti Klik Kanan

Sunday, May 31st, 2009

Anti Klik Kanan javascript<script language=javascript>{  }
message=”Copyright – ilmuwebsite.com Team 2007″;
function click(e) {
if (document.all) {
if (event.button == 2) {
alert(message);
return false;
(more…)

Tab CSS Menu Sederhana

Sunday, May 31st, 2009

Tab CSS Menu Sederhana tutorial htmlSuka dengan CSS menu? cobalah membuat CSS menu anda sendiri.
Berikut ada contoh membuat menu CSS sederhana, untuk proses belajar anda bisa memodifikasinya :)
Code nya:

 

(more…)

Membuat Box Style Link Cantik ala dr.emi dengan CSS

Sunday, May 31st, 2009

Membuat Box Style Link Cantik ala dr.emi dengan CSS tutorial htmlJimanee nDesign box link cantik dengan menggunakan CSS ?

Pernah liat page link nyang ada di :  http://www.dremi.info/tutorial/photoshop-forum.php ???
nah bagian paging na gw pake CSS bwat bikin box link na, kali ini kita bikin nyang sama tapi dengan style CSS nyang berbeda.

(more…)

Beautifull Form dr.emi with CSS

Sunday, May 31st, 2009

Beautifull Form dr.emi with CSS tutorial htmlBijimane bikin form nyang kaga mbosenin ???? Nyang mantap dan oke punya dahh!
Nah kali ni kite bakalan bikin form make css style.. cantik dah pokokna :D kayak pacar gw.. haa…

Style na si ke gini ajah:

 

 

 

(more…)