CSS Quotation dari Web Designer

CSS walaupun telah lama berkembang dalam web design tetapi selalu menarik untuk dicermati maupun dipelajari karena standar dari CSS selalu berkembang dan adaptasi atau intepretasi dari masing-masing browser terhadap CSS ini selalu tidak sama sehingga apabila tidak hati-hati maka design yang telah kita buat akan terlihat berantakan. Dalam hal ini Internet Explorer adalah raja dari ketidakmampuan beradaptasi dengan CSS, mungkin karena terbiasa memakai tabel seperti excel.

Dibawah ini adalah kumpulan CSS quotation ringan dan menarik dalam dunia web design:

CSS adalah seperti melukis dan menggambar, saya selalu mendapatkan hasil sesuai yang saya inginkan

CSS adalah seperti sungai yang selalu mengalir, anda tidak dapat melawan tetapi harus mengikutinya

Apabila tubuh anda seperti HTML, maka CSS adalah pakaian anda, seberapapun kerennya tubuh anda tanpa pakaian yang tepat selalu akan terlihat tidak pantas.

HTML dan CSS ibarat baju dan celana, anda selalu dapat memilih untuk tidak memakainya tetapi tanpa celana anda akan terlihat memalukan.

CSS seperti bermain dengan kubus Rubik, terkadang anda dapat dapat membuat satu warna segaris tetapi merusak harmoni yang lain. Diperlukan ketrampilan tinggi untuk membuatnya sempurna.

Lihat semua CSS Quotation: CSS Web Design Quotation

Mengungkap Misteri Yang Tersembunyi Pada Photoshop

Easter egg adalah pesan kecil, kejuatan yang biasanya lucu dan tersembunyi dalam sebuah aplikasi, paling tidak hal tersebut tidak terdapat dalam dokumentasi resmi. Easter egg ini dapat berupa tulisan, gambar maupun suara yang tersembunyi. Photoshop sebagai sebuah aplikasi bantu design graphic juga tidak terkecuali dalam hal ini. Menemukan easter egg ini kadang kala menjadi sesuatu yang menyenangkan.

Pada saat ini tidaknya aplikasi saja yang memiliki easter eggs namun DVD dan websitepun banyak berisikan pesan-pesan easter eggs dari para programmernya.

Photoshop CS4 juga memiliki easter eggs, apabila tidak salah ada dua buah easter egg dalam photoshop versi ini

Pertama: Merlin Lives
Untuk melihat Merlin sang penyihir ini, langkah pertama buka photoshop setelah itu pilih Path Palette (Windows >> Path) kemudian klik dari Path Palette Option sambil menekan tombol Option pada keyboard dan pilih Palette Options. Ketika hal tersebut selesai dilakukan akan muncul sebuah palette kecil (dan bukan palette option yang seperti biasa) yang berisikan gambar sang penyihir Merlin beserta sebuah tombol dengan kata begone yang apabila diklik akan menghilangkan dialog box tersebut.

Temukan Jawaban Misterinya:

Mengungkap Misteri Yang Tersembunyi Pada Photoshop

Tutorial: Cara Memperbesar Foto Atau Gambar Dengan Photoshop

Sering kali kita mendapatkan sebuah gambar atau foto dengan kualitas rendah untuk diolah dalam design kita. Meskipun semua aplikasi untuk mengolah gambar menyediakan alat untuk memperbesar gambar namun tidak semua cara dapat menghasilkan kualitas gambar yang terjaga baik.

Trik dibawah ini dapat digunakan untuk memperbesar sebuah foto atau gambar dan tetap terjaga kualitasnya. Salah satu cara umum yang dilakukan untuk memperbesar sebuah foto atau adalah dengan menggunakan scalling tools pada photoshop (edit>transform>scale) tetapi dalam banyak kasus cara ini malah akan mengurangi kualitas dan ketajaman dari foto atau gambar tersebut apabila kita memperbesarnya terlalu banyak.

Untuk mengatasi masalah ini dapat dilakukan dengan memakai Image Size Tool (image>image size). Dalam dialog box yang muncul pakailah persentase dalam pixel dimension dan bukan pixel sebagaimana nilai defaultnya dan untuk resample image gunakanlah bicubic sharpen. Tambahlah pixel dimension dengan nilai maksimum 10 persen setiap kali pembesaran dan ulangilah langkah tersebut sebanyak yang dibutuhkan sampai besar yang diinginkan.

Metoda pembesaran ini lebih baik daripada menggunakan Scalling Tool namun tetap saja tidak ada yang dapat menggantikan foto atau gambar dengan kualitas dan resolusi yang tinggi.

Lihat lengkapnya tutorial:

Tutorial: Cara Memperbesar Foto Atau Gambar Dengan Photoshop

Pemakaian Div dan Tabel Dalam Web Design

Dalam mendesign sebuah web site, seringkali terjadi argumentasi tentang mana yang lebih baik memakai mark up div atau table. Apabila kita mendesign website dari awal dengan menggunakan software maka hampir pasti layout yang dibuat akan menggunakan table yang tentu saja sudah ketinggalan zaman dan sangat tidak serach engine friendly, bahkan Adobe Dreamwever CS3 masih menggunakan layout berdasarkan table.

Dalam praktek web design saat ini, banyak kecendrungan terjadi untuk mengganti semua table tag dengan div tags. Dalam banyak hal, memakai table tag akan menghasilkan lebih sedikit tags daripada menggunakan div. Dalam mendesign layout sebuah website, pemakaian div akan sangat lebih baik daripada table. Tidak ada satu search engine pun yang menghukum sebuah halaman karena terlalu banyak menggunakan div tags, ini bertolak belakang dengan pemakaian HTML tabel tags untuk layout.

Banyak sekali kekurangan dari pemakaian table tag untuk layout seperti kesulitan untuk mencetak halaman web, tidak bersahabat untuk dilihat dengan mobile device hingga sulitnya bernavigasi dalam halaman web yang menggunakan table bagi pengguna screen reader. Para pengguna screen reader seringkali harus berhadapan dengan mesin yang menyebutkan “tabel dengan 5 kolom dan lima baris etc etc” yang tentu saja sangat mengganggu dan tidak mudah dimengerti. Tetapi apabila menggunakan div tags, hal tersebut dapat dihindari karena secara default screen reader tidak membaca div tags hingga isi dari table tersebut dapat didesign sedemikian rupa sehingga dapat dimengerti oleh para pemakai screen reader.

Dengan memakai HTML table tags, search engine akan selalu mendapatkan struktur yang benar karena tiap kolom akan berelasi secara benar dengan kolom yang lain dan hal ini tidak terjadi dengan memakai div tags. Hal in menyebabkan table tags sangat tidak efesien untuk menjabarkan design layout sebuah website.

Lebih Jauh tentang pemakain div dan table dalam web design

Lowongan Pekerjaan Freelancer Dubber Pengisi Suara

Pensil Warna Design adalah perusahaan yang bergerak dibidang jasa animasi, presentasi visual dan animasi untuk presentasi. Pensil Warna Design membutuhkan freelancer dubber/pengisi suara untuk mengisi suara pada animasi dan presentasi visual.

Pensil Warna Design adalah perusahaan yang bergerak dibidang jasa animasi, presentasi visual dan animasi untuk presentasi. Pensil Warna Design membutuhkan freelancer dubber/pengisi suara untuk mengisi suara pada animasi dan presentasi visual.

As we grow and expanding our business horizon, we are now looking for self driven and dynamic creative freelancer to join our team as:

Dubber - Pengisi Suara:
Syarat mutlak:

1. Memiliki suara yang bagus dan berkarakter
2. Disiplin dan bertanggung jawab
3. Mampu bekerja dengan deadline yang ketat
4. Bisa bekerja secara mandiri
5. Mampu memotivasi diri sendiri
6. Mampu bekerja secara tim

Apabila anda memiliki kriteria seperti diatas:

• Kirimkan contoh suara (tidak lebih dari 3MB) dalam bentuk MP3
• Apabila pernah mengisi suara sebelumnya sertakan juga daftar pengalaman mengisi suara/dubber anda.
• Perkiraan fee atau formulasi perhitungan fee secara jelas.

Lebih Lanjut:
Lowongan Pekerjaan Freelancer Dubber Pengisi Suara

26 Windows Font Untuk Typography Bagi Web Designer

Satu hal yang sering membuat web designer merasa frustasi adalah memilih jenis font (typography). Pada design graphic, kita dapat memilih semua font yang tersedia didunia ini, baik yang gratisan maupun yang berbayar, selama dapat memenuhi sisi estetika dari design kita karena font yang dipakai bersifat lokal dan bisa diubah menjadi vektor ataupun diraster menjadi bentuk gambar sebelum dipindahkan ke komputer lain.

Tetapi dalam web design, font lebih bersifat umum karena font diambil dari sistem operasi masing-masing para pengunjung situs. Penting sekali bagi seorang web designer untuk memastikan bahwa font yang kita pakai selalu tersedia pada mayoritas komputer pengunjung. Dalam CSS ini dilakukan dengan memberikan 3 pilihan font sebagai alternatif apabila font utama tidak tersedia. Hal ini tentu saja tidak berlaku untuk font yang bersifat statis seperti pada header, menu atau navigasi.

Sebuah survey dari Code Style dengan menggunakan applet khusus yang dilaksanakan sejak tahun 2004 menemukan bahwa untuk sistem operasi Windows font Microsoft Sans Serif dilaporkan terdapat pada hampir OS Windows, ditempat kedua adalah font san serif kelas berat Arial Black dengan nilai 98 persen, kemudian berturut-turut Palatino Linotype, Mathew Carter’s Verdana sans serif font, dan Franklin Gothic Medium melengkapi 5 besar font pada Windows platform dengan nilai 97 persen.

Dibawah ini adalah daftar font per 2007 pada Sistem Operasi Windows dengan nilai diatas 50 persen. Untuk nilai dibawah 50 persen tidak dimasukan karena nilai 50 persen berarti dimiliki oleh 1 dari 2 komputer dan font dengan nilai ini tidak cukup baik untuk dipakai dalam web design.

Lihat Lebih Lengkap Semua Typography Web Design:

26 Windows Font Untuk Typography Bagi Web Designer

Koleksi Logo Google Olimpiade Beijing 2008

Setiap orang dan organisasi memiliki cara tersendiri dalam menyambut hari-hari penting. Google selalu inovatif dan kreatif tidak saja pada alogaritma mesin pencari namun juga sampai pada design logonya. Logo Google selalu berubah (sering disebut Google Doodle) dalam merayakan hari-hari besar atau penting seperti hari penemuan, hari lahir orang-orang besar, hari libur dan tentu saja pada pesta olahraga dunia kali ini, Olimpiade Bejing 2008.

Inovasi dan kreatifitas yang akhirnya menjadi tradisi untuk merubah logo Google ini datang langsung dari para pendiri Google (Larry Page dan Sergei Brin) pada tahun 1999 saat mereka menghadiri Festival Burning Man. Dimana mereka memasang tongkat kayu berbentuk orang pada logo Google sebagai pemberitahuan secara tidak langsung bahwa bila ada yang menemukan suatu kesalahan pada hasil pencarian dan mencoba menelpon tetapi tidak ada yang menjawab maka mereka berdua berada di Festival Burning Man.

Untuk Olimpiade kali ini Google memakai dua belas binatang dalam shio china, meskipun tidak dalam urutan yang seharusnya yaitu Tikus, Kerbau, Macan, Kelinci, Naga, Kuda, Kambing, Monyet, Ayam, Anjing dan Babi. Sejak pertama kali melihat perubahan logo Google dalam menyambut Olimpiade Bejing 2008, saya langsung tertarik untuk mengoleksinya seperti saya juga mengoleksi gantungan-gantungan kunci Olimpiade Bejing kali ini.

Dibalik setiap keindahan Logo, selalu ada seseorang yang berperan dalam menciptakan keindahan tersebut, ini adalah sedikit tentang siapa yang men-design logo Google tersebut. Logo Google kali ini di design oleh Dennis Hwang, (lulusan Stanford –satu almamater dengan para pendiri Google- dibidang Seni dan Ilmu Komputer) seorang design graphic muda yang sangat berbakat yang job description resminya adalah Google International Webmaster. Dia sudah membuat doodle ini sebanyak kurang lebih 150 buah.

Berikut dibawah ini adalah hasil mengunduh (download) yang berjumlah total 17 buah logo Google dalam pesta olahraga dunia Olimpiade Bejing 2008. Bila ingin ikut mengoleksinya bersama saya, silakan mendownloadnya.

Silakan Lihat Lebih Jelas :

Koleksi Design Logo Google Olimpiade Bejing 2008