Membuat Isi Kotak Tidak Keluar dengan CSS (Overflow)

Menjadi Web Developer
Menjadi Web Developer

Terkadang kita ingin membuat sebuah content web (isi) yang dibatasi oleh sebuah kotak. Jadi ketika content/isi melebihi kotak tersebut, maka tidak akan ditampilkan (disembunyikan). Disinila fungsi dari CSS dengan script Overflow-nya. Fungsi dari overflow adalah untuk menyembunyikan, menampakkan, atau membuat scroll. Fungsi ini bisa diterapkan dalam objek teks ataupun gambar.

Lanjutkan membaca “Membuat Isi Kotak Tidak Keluar dengan CSS (Overflow)”

Iklan

Ciri-ciri Web Developer yang Bagus

Menjadi Web Developer
Menjadi Web Developer

Bagi mereka yang sudah ahli dan sering membuat web untuk client atau konsumen adalah sebutan bagi Web Developer atau mungkin untuk web pribadinya. Nah pertanyaanya adalah apakah sudah disebut seorang “Web Developer” yang bagus dengan telah membuat beberapa website? belum tentu juga. Berikut saya berikan ciri-ciri web developer yang bagus berdasarkan pengalaman dan baca sana sini:

Lanjutkan membaca “Ciri-ciri Web Developer yang Bagus”

JQuery Tutorial

Belajar JQuery memang melelahkan, he he.
Perlu sedikit kerja keras dan sedikit konsentrasi untuk hal ini.
Perlu sedikit pemahaman tentang JavaScript, CSS dan struktur DOM browser

Baca aja dokumentasinya di sini: http://docs.jquery.com/Main_Page/
Dan download Frameworknya di sini: http://docs.jquery.com/Downloading_jQuery
Kemudian ambil tutorialnya di: http://docs.jquery.com/Tutorials
Kalau butuh plugin tambahan, jangan bikin dari awal, mending cari dulu di JQuery pluginnya, disana udah komplet, tinggal modifikasi dikit, jalan deh… (sedikit berfikir lah). Misalnya nyari tentang search live, litebox, auto complete form, dll. Silahkan cari-cari di: http://plugins.jquery.com/

Contoh Program krennya:
http://leandrovieira.com/projects/jquery/lightbox/
http://www.trirand.com/jqgrid/jqgrid.html

Thx To Pak Agus ICL, yang telah memperkenalkan si sayah dengan si JQuery.

Tahapan Pembuatan Website

Untuk membuat sesuatu, perlu adanya persiapan yang menunjang untuk pembuatan sesuatu tersebut sehingga dapat selesai sesuai dengan yang diharapkan. Sebagai contoh, kita akan membuat kue, hal-hal yang perlu dipersiapkan untuk mewujudkan pembuatan kue tersebut antara lain: alat-alat pembuat kue, bahan-bahan kue, keterangan resep jika perlu. Seperti halnya pembuatan kue, pembuatan website juga mirip seperti diatas tahapan-tahapannya, dimana jika kita akan membuat sebuah website ada beberapa yang perlu dipersiapkan, antara lain:
Lanjutkan membaca “Tahapan Pembuatan Website”

Dasar Web Development (bagian 1)

Ga tau kenapa saya pengen menulis tentang judul ini, mudah-mudahan ini dapat bermanfaat bagi yang belum tau atau yang membaca artikel ini, bagi yang udah tau mudah-mudahan mengingatkan dan jika ada kesalahan mohon diluruskan.

Dalam pembangunannya website dibutuhkan beberapa pengetahuan/keterampilan standar sehingga website yang dihasilkan akan optimal baik dari segi waktu, biaya dan penampilan/layout. Tulisan ini sebagai dasar bagi pemula untuk berani memulai membangun website.

1. Niat.

Untuk membuat sebuah website yang berkualitas dan menjual harus ada niat (pasti).

2. Definisi layout dan pengumpulan bahan.

Nah di bagian ini kita bukan sudah niat lagi, tapi sudah menjurus ke aksi nyata. Definisi layout artinya merencanakan halaman web dan seluruh web. Dimulai dengan mengumpulkan seluruh data dan informasi kemudian hasil akhirnya adalah sebuah “sitemap”. Merancang tata letak (layout) halaman, biasanya dilakukan mendesain tata letak halaman depan dan kemudian halaman berikutnya. Dalam mendesain halaman ini beberapa komponen penting biasanya masuk adalah navigasi, content, rencana letak image, copyright (bagian footer), komponen website dan hal lain yang dianggap perlu. Untuk menggambarkan layout, biasanya menggunakan software Microsoft Visio.
Baca Selengkapnya…

Memilih Warna Website

Warna merupakan pertimbangan emosional, karena variasi warna dapat menyebabkan
emosi yang berbeda pada tiap orang. Kita semua tahu bahwa hijau adalah
simbol uang (mata duitan), tapi apakah kita tahu juga bahwa hijau merupakan simbol
ketamakan, iri hati, dan kecemburuan? Pilihan warna akan mendapat efek langsung dari pengunjung tentang persepsi perusahaan atau produk kita tawarkan. Ini menjadi rumit dengan adanya fakta bahwa penggunaan warna pada web sekarang tak terbatas: perkembangan teknologi membolehkan kita membuat jutaan kombinasi warna.
Jadi bagaimana dengan pilihan kita? Artikel ini akan membantu mempermudah memahami dasar-dasar dari pemilihan warna.

Ini penting untuk dimengerti bahwa setiap warna ditentukan positif dan negatif dari
emosi yang menghubungkannya dgn itu, mungkin bisa disebut dengan ‘makna warna’. Maksudnya adalah bahwa warna akan mempengaruhi emosional customer bagi perusahan, merek atau produk yang ditawarkan. Jadi ketika memilih skema warna untuk website, atau tipe media lain, anda perlu yakin dengan pemberian warna pada perusahaan atau produk dengan warna-warna yang mengajak audiens untuk selalu memilih web perusahaan atau produk kita
Mari beristirahat sejenak dan melihat ruang makan, kulkas,atau lemari kaca dapur
yang berisi produk yang kita beli dari toko sembako. Warna apa yang kebanyakan kita
lihat? Kebanyakan, dari yang terlihat adalah merah, dan banyak yang lain diantaranya.
Hanya sekilas terlihat dilemari kaca, sekarang apakah kita tahu apa yang terlihat di
dalamnya itu,produk yang penuh dng warna merah.Chef Boyardee,Kellogg’s,Lipton,Carnation, Ragu, aunt Jemima,Betty Crocker,Orville Redenbacher’s, Heinz, Pam, semua merek ini menggunakan label merah. Mengapa? Merah Adalah suatu warna” panas”, dan sangat emosional juga. Didalam studi, merah benar-benar mempunyai suatu phisik mempengaruhi orang-orang, meningkan jantung dan menyebabkan tekanan darah untuk naik, menarik perhatian kita, tindakan keributan.
dan suatu warna yang sangat kuat untuk produk pembungkus.

Semua warna yang pas/cocok dimasukkan ke dalam tiga kategori; sejuk, hangat
dan netral. Sedangkan kita bisa memilih semua warna yang kita suka dari kategori
yang sama,itu mungkin sering mencapai efek yang lebih sangat kuat dengan memperkenalkan warna dari satu di antara kelompok yang lain. Mari kita liat pandangan/persepsi sekarang bagaimana warna-warna bekerja bersama dan masing2 warna berarti bagi yang melihatnya.

Warna-warna sejuk
Biru, Hijau, Ungu, Pirus dan Perak adalah warna-warna sejuk.
Warna-warna sejuk cenderung berpengaruh memberikan perasaan tenang bagi yang melihatnya.
Meskipun digunakan sendiri, warna-warna ini bisa mempunyai rasa dingin atau impersonal, oleh sebab itu memilih warna-warna sejuk, mungkin bijaksana untuk menambahkan warna dari kelompok lain untuk menghindari ini.

Berikut beberapa makna dari beberapa warna sejuk:
Biru
Positif: keheningan, mencintai, kesetiaan, keamanan, percaya, intelligence
Negatif: kedinginan, ketakutan, kejantanan

Hijau
Positif: uang, pertumbuhan, kesuburan, kesegaran, healing
Negatif: iri hati, kecemburuan, kesalahan, kekacauan

Ungu
-Ungu adalah kombinasi biru dan merah, oleh sebab itu ditemukan baik kategori-kategori
hangat maupun sejuk
Positif: raja, kaum ningrat, spirituality, kemewahan, ambition
Negatif: misteri, kemasgulan

Pirus
Positif: rohani, sembuh, perlindungan, sophisticated
Negatif: cemburu, kewanitaan

Perak
Positif: glamor, tinggi, anggun, sleek
Negatif: pengkhayal, tidak tulus

Warna Hangat
Merah, merah muda, kuning, orange, warna ungu, dan emas adalah warna hangat.
Warna hangat cenderung mempunyai suatu efek kegairahan bagi yang melihatnya.
Bagaimanapun ketika warna ini digunakan sendiri dapat menstimulasi,
membangitkan emosi kekerasan/kehebatan dan kemarahan. Ketika memilih nada hangat,
menambahkan warna dari kelompok yang lain akan membantu ke arah menyeimbangkan ini.

Berikut beberapa makna dari beberapa warna hangat:

Merah
positif: cinta, energi, kuasa, kekuatan, penderitaan, panas
negatif: kemarahan, bahaya, peringatan, ketidaksabaran

Merah muda
positif: sehat, bahagia, feminin, rasa kasihan, manis, suka melucu
negatif: kelemahan, kewanitaan, ketidak dewasaan

Kuning
positif: terang/cerdas, energi, matahari, kreativitas, akal, bahagia
negatif: penakut, tidak bertanggungjawab, tidak stabil

Orange
positif: keberanian, kepercayaan, kehangatan/keramahan, keakraban, sukses
negatif: ketidak-tahuan, melempem, keunggulan

Ungu
– Warna ungu ditemukan di dalam kedua-duanya warna dingin dan hangat
positif: royalti, kebangsawanan, kerohanian, kemewahan, ambisi
negatif: kegaiban, kemurungan

Emas
positif: kekayaan, kemakmuran, berharga, tradisional
negatif: ketamakan, pemimpi

Warna Netral
Coklat, berwarna coklat, gading, kelabu, putih dan hitam adalah warna netral.
Warna netral adalah suatu pemilihan agung untuk bergaul dengan suatu palet(lukis)
hangat atau dingin. warna-warna itu adalah yang baik untuk latar belakang dalam
suatu disain, dan juga cenderung untuk berbicara lebih pelan, penggunaan dari yang lain
lebih menaklukkan warna. Tambahkan hitam untuk menciptakan suatu yang lebih gelap
” keteduhan” tentang suatu warna utama, sedang putih ditambahkan untuk menciptakan
suatu tongkang/geretan ” warna”.

Berikut beberapa makna dari beberapa warna netral:

Hitam
positif: perlindungan, dramatis, serius, bergaya/anggun, formalitas
negatif: kerahasiaan, kematian, kejahatan/ malapetaka, kegaiban

Kelabu
positif: keamanan, keandalan, kecerdasan/inteligen, padat, konservatif
negatif: muram, sedih, konservatif

Cokelat
positif: ramah, bumi, keluar rumah, umur panjang, konservatif
negatif: dogmatis, konservatif

Tan ( wol halus yang masih putih)
positif: ketergantungan, fleksibel, keriting, konservatif
negatif: tumpul, membosankan, konservatif

Gading
positif: ketenangan, kenyamanan, kebersihan/kesucian, hangat
negatif: lemah, tidak stabil

Putih
positif: kebaikan, keadaan tak bersalah, kemurnian, segar, gampang, bersih
negatif: musim dingin, dingin, jauh

Kita mungkin bertanya-tanya, ” Apa yang merupakan kebenaran mewarnai kombinasi
untuk bisnis website?” Selagi tidak ada kemutlakan “kebenaran” untuk mewarnai
website, kamu perlu memahami target pendengar, dan mempertimbangkan tanggapan mereka tentang warna, yang tidak dimilik. Jika gol akhir adalah untuk memilih produk atau perusahaan, kemudian palet warna harus ditetapkan. Ada keseluruhan faktor
yang menandai apa yang pengunjung suka atau tidak suka.

Faktor dasar target pengunjung untuk dipertimbangkan adalah perbedaan umur/zaman,
perbedaan kelas, perbedaan jenis kelamin dan keseluruhan kecenderungan warna.
(Dilist)
Perbedaan umur/zaman adalah suatu faktor pokok yang tidak boleh diabaikan.
Jika anak remaja dan anak-anak adalah target pengunjung, kemudian mereka menyukai
terang, warna dasar, warna primer merah, biru, kuning dan hijau.
Bagaimanapun, berbeda dengan orang dewasa, lebih tua, mereka akan menyukai
warna yang lebih gelap, sama dengan mewarnai dari kelompok warna-warna
yang netral.

Perbedaan kelas adalah faktor pokok yang lain di dalam memilih warna.
Riset Amerika Serikat telah menunjukkan kelas pekerja menyukai warna
seperti biru, merah, hijau, dan lain lain .
yang lebih terdidik cenderung untuk menyukai yang lebih mengaburkan
warna seperti taupe, warna biru langit, celadon, ikan salem, dll.

Perbedaan jenis kelamin adalah suatu faktor nyata didalam memilih warna.
laki-laki cenderung untuk menyukai warna cool seperti hijau dan biru, di mana wanita
menyukai warna lebih hangat, merah dan orange. Jika kita mempunyai pendengar/pemerhati keduanya para laki-laki dan perempuan, yang akan mempertimbangkan pencampuran beberapa warna dari palet cool dan hangat kepada keduanya laki-laki dan perempuan dapat bertanya pada mereka.

Yang terakhir tapi bukan tidak penting adalah kecenderungan warna. Menurut definisi,
suatu kecenderungan berarti “tren”. Memilih warna yang populer boleh2 saja
untuk beberapa bentuk websites dan produk, tetapi jika kita ingin menyajikan
umur yang panjang dan stabilitas web, kemudian warna populer tidak memungkinkan jadi yang terbaik untuk web kita. Sebagai gantinya, kita boleh mempertimbangkan warna yang lebih tradisional yang berdiri dari waktu ke waktu.

Memilih warna lebih kepada mengambil apa yang dirasa baik oleh kita, adalah menimbulkan suatu tanggapan lain dari yang melihat web kita. Dengan mengetahui target
dan efek yang berbeda dari warna yang ditimbulkan, kita memperoleh suatu kemampuan
lebih besar untuk menentukan apa yang menjadi warna terbaik untuk menarik pengunjung.

Satu catatan terakhir tentang warna. Pengunjung web biasanya menggunakan monitor berbeda, browsers berbeda , dan sistem operasi berbeda. Itu hampir mustahil untuk memastikan bahwa warna yang kita buat akan sama pada tiap-tiap komputer seperti halnya sedang dicetak.
Jangan hanya terkait dengan perbedaan pada komputer yang berbeda, tetapi bagaimana kita mencoba menjadikan konsisten. Bagaimana kita menciptakan suatu palet warna untuk perusahaan,identitas merek, atau warna produk, konsistensi adalah kunci. Gunakanlah warna yang sama pada seluruh usaha pemasaran untuk menciptakan keakraban dengan produk atau perusahaan. Konsistensi akan membantu menarik pengunjung.

Apa Itu XHTML

HTML adalah “bahasa” web yang sehari-hari seorang desainer Web pergauli, baik itu secara langsung, maupun secara tidak langsung. Sejak tahun 1990-an HTML dipergunakan untuk menghantarkan informasi dari satu komputer ke komputer lain melalui Web browser. Zaman mengalami perubahan, kini, posisi HTML akan digantikan dengan XHTML. Apakah itu XHTML?

XHTML singkatan dari Extensible Hipertext Markup Language adalah “bahasa baru” yang dibuat oleh W3C untuk menggantikan kedudukan HTML. Namun sebenarnya, XHTML adalah gabungan dari HTML dan XML. Sejak kelahirannya XHTML 1.0 pada tahun 2000, kemudian XHTML dirilis pada tahun 2001. Tentu saja dengan adanya XHTML tidak semata-mata hanya menggantikan, tentunya XHTML memiliki kelebihan dibandingkan dengan HTML.

XHTML dibuat dengan tujuan agar terdapat sebuah “bahasa” standar yang dapat digunakan oleh aplikasi lain secara luas dan oleh platform yang berbeda. Dengan menggunakan XHTML, sebuah situs masih dapat dinikmati dengan baik menggunakan browser teks, PDA, Phone Cell, dan lain-lain. Sedangkan HTML hanya dapat dinikmati dengan baik bila menggunakan Web browser seperti IE atau Netscape. Hal ini memungkinkan halaman Web yang menggunakan HTML akan lebih dapat diterima secara luas oleh berbagai aplikasi.