Dan penghargaan untuk cuek-karena-nggak-peduli-konsumen tahun ini diserahkan kepada... perusahaan telekomunikasi, yang senantiasa menjamin obat sakit kepala tetap dicari setiap hari!

Ah, perusahaan korporat. Sudah dikenal sejak jaman Yunani kuno sebagai makhluk besar tak berwajah yang menjengkelkan. Lagipula, mereka kan biasanya nggak berurusan dengan konsumen langsung: mereka hanya berurusan dengan jual-menjual (dan cari uang). Untuk apa mereka melakukan usability testing? Memangnya mereka perlu mengerti kebutuhan pengguna? Tidak!

… Kecuali mereka perusahaan telekomunikasi besar.

Semoga post ini menghibur dan berguna, karena tangan saya masih sakit setelah berkali-kali facepalm saat mengambil gambar.

1. Speedy: “Lebih dari Internet”

Ah, siapa tak kenal Telkom Speedy? Perusahaan penyedia jasa layanan internet ini dikenal untuk jaringan mereka yang luas, website mereka yang sama luasnya, kemudahan pemasangan, dan konser musik kelas internasional.

Eh?

Karena kita semua perlu info konser kahitna saat mencari layanan internet.

Ada lima alasan orang mengunjungi website layanan seperti ini: Pengaduan downtime, memeriksa paket, pengaduan mahal, memeriksa konfigurasi model, dan pengaduan frustasi. Dan pengaduan lainnya. Mungkin mereka juga mau mendaftar, seandainya mereka masih tinggal di hutan belantara.

Saya tak mengerti kenapa header utama di sana adalah iklan konser. Tapi tentu saja, kalau dilihat, ada lingkaran-lingkaran di bawah gambarnya… berarti itu sebuah carousel dan akan menunjukkan informasi bergu…

Oke, setidaknya sedikit lebih berguna... setidaknya untuk anak-anak yang cukup bosan untuk membuka website speedy.

… na.

Oh, dan ingat-ingat soal carousel itu, karena ini seperti musuh bebuyutan di film-film superhero: selalu saja muncul dan membuat onar, seperti di…

2. Telkomsel: Apa susahnya Rp 13 per 47 detik untuk 160 detik pertama?

Apa yang tadi saya bilang tentang carousel? Gambar berpindah-pindah dalam hitungan detik? Ayo maju, Telkomsel!

Nol-delapan-satu-AAAAAARRRGGHHH

Promosi ini sudah lewat dan pemenangnya sudah ada. Untuk beberapa pemenangnya, mungkin mereka bisa pamer pada teman-temannya kalau nama mereka (dan sepotong nomer telepon) dipajang di website telkomsel. Untuk sisanya? Apa itu tulisan kecil-kecil di bawah foto… err, itu Taiwan? Atau Hongkong? Atau Asgard?

Saya tidak akan menjelajah ke dunia persilatan yang disebut “mencari informasi paket di website telkomsel”, tapi saya bisa menjabarkan jenis-jenis paket Simpati yang ditawarkan: (dan membuat kejang-kejang para pejuang bahasa Indonesia yang baik dan benar)

• simPATI PeDe
• simPATI Jagoan Nelpon
• simPATI AutoTalkmania
• simPATI Gratis Nelpon & Internetan Berjam-jam
• simPATI Puas2
• simPATI InternetMania & MusikMania
• simPATI Internet Mania Rp 0,1/kb
• simPATI Gratis SMS
• simPATI TALKMANIA
• simPATI freedom
• Paket Nelpon Rumah
• Tarif Dasar (iya, ini paket, ada di pilihannya, tapi ini sebenarnya “freedom”)

Mengutip teman bule saya, “what kind of people make this bleep up?”

Tapi ya, setidaknya carousel mereka tadi masih punya tombol “pause”. Tidak seperti di…

3. Axis: Membaca Cepat

Ayo, siapa mau permainan? Coba buka website Axis dan baca tulisan di halaman itu sebelum disingkirkan oleh halaman berikutnya.

axisreloadbonussafdasfasfgaAAAA

Apa saya masih perlu berkomentar soal ini? Apa tak ada orang di Axis yang melihat halaman ini, berpikir “sekolah di mana ini yang buat?” dan mengadukannya ke atasannya?

Ya, ada yang cari saya? Saya pindah ke sini sejak dikudeta HTML 5.

Begitu lelahnya saya sama carousel lepas kendali, saya nggak akan angkat-angkat lagi. Website berikut juga ada (sepertinya ini semua dibuat oleh seseorang yang sama), tapi demi kebaikan kita bersama, saya akan menghiraukan itu.

4. Indosat: Statistik, Smashishtik

Masih ingat dasar-dasar statistik dan grafik? Di grafik batang, semakin tinggi batangnya, semakin besar nilainya, kan? Coba cek website Indosat.

Satu hal yang pasti: Nggak ada perusahaan telepon yang bisa eja "telepon".

Lihat dua batang di paling kanan? Yang 100 menit dan 1000 menit? Sudah kelihatan?

Tadinya saya pikir kalau itu mungkin sekedar trik iklan, untuk membuat sesuatu tampak lebih besar daripada sesungguhnya (kan harusnya yang 1000 itu sepuluh kali lebih besar, kan?), tapi berhubung tulisan kecil di bawahnya sangat kecil (tulisan itu salah satu dari “ke sesama indosat” atau “gaji saya kurang besar”, maaf, saya nggak pakai kacamata), apa salahnya kalau dibalik?

Salahnya, ya, jadi masuk akal. Tentu saja website seperti ini nggak boleh masuk akal. Apa-apaan itu?

(Catatan: Sepertinya abang Flash juga masih berkutat dengan website Indosat. Memang, sudah 2012, lalu kenapa? Apa maksudmu, HTML 5?)

5. XL: Seperti Bisa Baca Pikiran!

Ayo kita kunjungi website XL! Bukan, bukan untuk memeriksa tarif atau tagihan saya, atau membeli handset baru, atau membeli paket internet. Sudah jelas kan, saya mau apa? Bahkan XL begitu cerdas untuk menyediakan layanan “Favorite Links”, yang tentu saja menggunakan data user experience jutaan pengguna website selama bertahun-tahun!

Mana link "es krim gratis" nya?

Karena tentu saja, saya datang untuk melihat blog CEO mereka, atau melihat daftar kegiatan sosial mereka, atau melihat informasi tentang “XL premium”, sebuah layanan invite-only yang tidak bisa didaftari lewat internet, dan khusus untuk pengguna yang menghabiskan berjuta-juta rupiah per bulannya, dan akan dikirimi surat khusus ketika bergabung. Yang sepertinya ditujukan untuk miliarder dan remaja yang menghabiskan setiap hari telepon dengan kekasihnya.

Ini adalah post “iseng” dan ditujukan untuk humor. Tolong jangan dianggap terlalu serius!

Library interface dari Twitter ini naik pangkat dengan fitur baru!

Saya adalah fans berat dari Bootstrap. Ini adalah sebuah library sekaligus semacam “template” CSS (dengan dukungan LESS) yang sangat mempercepat proses pembuatan website. Berbeda dengan, katakan, HTML 5 Boilerplate, Bootstrap memiliki beragam alat interface yang biasa digunakan, seperti untuk form, pagination, dan grid yang lebih mudah dipakai. Bootstrap juga menyediakan beberapa plugin jQuery yang seragam dengan tampilan lainnya, termasuk tooltip, modal dan tab.

Bagi yang belum tergugah, silakan cari psikolog.

Bootstrap memanfaatkan LESS, bahasa terusan dari CSS (yang bisa diubah menjadi CSS biasa lewat aplikasi compiler). Kita tidak harus menggunakan LESS kalau mau pakai Bootstrap, tapi menghiraukan LESS di sini adalah seperti tidak memakan bagian cone dari sebuah es krim.

Tenang saja, dia berpengalaman.

Dengan LESS, kita nggak perlu ribet lagi dengan class-class di HTML. Misalnya, untuk buat sebuah paragraf selebar 8 kolom (dari grid 12 kolom default), kita tidak perlu…

<p class="span8">AAAAA APA INI! MANA SEMANTISNYA!</p>

Dan bisa kita gantikan dengan menjadi…

<style>
p {
.span8;
}
</style>
<p>Nah, mendingan.</p>

Lihat itu? Ya, saya tahu, ini sedikit mengejutkan. Maaf belum pernah post tentang LESS sebelumnya. Dengan sintaks seperti di atas, LESS akan pergi mencari class span8, yang kemudian — sebelum dijadikan CSS — diselipkan seutuhnya ke dalam informasi style untuk <p>. Jadinya, di komputer pengguna, nggak ada “.class8″ yang mengotori segalanya.

Tentu saja, LESS bisa jauh lebih banyak daripada itu. LESS juga akan menggabungkan semua file CSS menjadi satu, jadi kita nggak perlu repot menyatukannya sendiri (atau menambah HTTP request yang memperlambat halaman kita). Dia juga bisa sihir seperti ini…

p {
   .#gradient > .vertical(red, blue);
}

Yang menghasilkan gradien CSS yang cross-browser, elegan, singkat, mudah, terpercaya, dan bisa digunakan oleh segala perangkat dari telepon genggam era Flintstones.

"Halo, saya menelepon untuk memesan paket fiber optik yang 20Mbps."

Saya akan berhenti di sini sebelum ada yang terlalu shock dengan segala fitur Bootstrap dan LESS. Silahkan tinggalkan komentar (baik di sini atau di G+) kalau berminat membaca tutorial ini.

Lepas Landas hari ini: awal mula memilih tempat hosting di internet yang nggak menguras kantong, keringat dan otak. Lepas Landas adalah seri artikel tutorial untuk pemula dari kodesa.in.

Jadi website-mu sudah jadi, bersih nan elegan, dan sudah diperiksa di enam juta jenis browser dalam berbagai konfigurasi. Bagaimanapun, website ini sudah cukup pede untuk tampil di internet dengan gagah berani.

Sekarang tinggal… Memilih hosting. Dengan ribuan perusahaan hosting dari berbagai ukuran dan harga, saya akan memaafkanmu kalau mau menjerit panjang ala film horror sekarang. Silahkan. Saya tunggu di sini.

Sudah kembali? Begini, sebenarnya memilih hosting itu cukup gampang, dan selama kita mengetahui kunci memudahkan proses pindah hosting, biasanya cukup gampang untuk berjalan-jalan sambil mencari tempat yang tepat untuk website-mu. Mari mulai!

Resep Rahasia Awet Muda Mulus

Pada dasarnya, rahasianya hanya satu: miliki domain sendiri di layanan terpisah, jangan disatukan dengan hosting.

Oke, sebelum menjelaskan itu, saya akan menguraikan dulu prinsipnya untuk mereka yang masih bingung tentang domain-domainan. Ketika mau meletakkan sebuah website di internet, ada 2 bagian: yang pertama, domain adalah pendaftaran nama URL website-mu.

Inilah yang biasa disebut “apapunmaumu.com”. Domain diatur oleh kelompok besar, tergantung apa ‘ujung’ domainnya (dalam contoh tadi, .com); ini disebut TLD, “Top Level Domain”, domain tingkat pertama. Domain dengan TLD .com (dengan kata lain, alamat website yang ujungnya .com) harganya akan sekitar $9 per tahun. Ini diatur dari pemiliknya (dalam hal ini, Verisign) dan semua orang membayar harga yang sama. TLD .id (milik Indonesia) membatasi kita membeli domain tingkat ketiga, di bawah .web.id, .co.id, atau semacamnya. Harga untuk ini bisa dilihat dari PANDI — mereka juga cukup ketat memastikan kita menggunakan domain tingkat kedua (web, co, or, dll) yang tepat. Harganya juga cukup baik.

PANDI juga biasanya cukup bersahabat dan membantu, sesuatu yang langka untuk organisasi pemerintah Indonesia (meskipun interface web mereka cukup buruk).

Oke, itu bagian pertama. Bagian kedua adalah hosting: ini di mana kita menyimpan data online kita. Ini disediakan oleh bermacam-macam perusahaan “web hosting” dengan berbagai macam harga. Di sinilah mereka mendapat keuntungan. Saya akan membahas mereka lebih lanjut — untuk sementara, ketahui bahwa tanpa domain, hosting sendiri biasanya tidak memungkinkan websitemu tampil di internet. Atau kalaupun bisa, harus dengan alamat IP.

Iya, 173.236.13... Eh? Nggak, nggak pakai 021... ah. *sigh.*

Intinya, website perlu domain dan hosting untuk hidup di internet. Nah, ketika mendaftar di kebanyakan tempat hosting, mereka juga akan menawarkan domain gratis. Kelihatannya bagus, kan? Hemat uang, nggak usah urusan sama 2 perusahaan, dan nggak repot. Kenapa tidak!

… Karena memindahkan hosting itu sangat mudah, tapi memindahkan domain itu sangat rumit. Begitu mudahnya pindah hosting, sebenarnya kita nggak perlu bilang mereka juga nggak masalah. Tinggal ambil semua file dan data, lalu pindahkan. Tapi memindahkan domain itu repot, dan perlu kerjasama langsung dengan perusahaannya. Dan kira-kira gimana kalau perusahaan yang cari untung dibilang “maaf, kita mau ngungsi dari sini”?

Jadi, selalu pisahkan hosting dengan domain. Perusahaan yang memegang domain biasanya nggak repot; jarang ada kendala dengan sistem domain. Kita tinggal bayar, mereka urus, selesai. Biasanya domain tidak perlu banyak pindah tangan. Dengan memisahkan kedua unsur itu, kita bisa bebas memindahkan hosting ke manapun kita mau, dan tinggal mengubah domain kita untuk merujuk ke hosting yang kita pilih.

Oke, cukup teorinya. Jadi gimana caranya?

Baik, baik. Pertama-tama, perlu tempat untuk domain. Kalau mau domain internasional, seperti .com, kamu bisa lewat perusahaan seperti name.com atau semacamnya; silahkan cari di Google, istilahnya adalah Domain Registrar. Untuk domain tertentu (yang biasanya lebih “gaya”), bisa lewat perusahaan/website lain, seperti untuk TLD .co atau .io. Sebenarnya, setiap TLD itu berkaitan dengan sebuah negara/daerah. Jadi .io itu sebenarnya adalah untuk samudera hindia (Indian Ocean). Jangan tanya saya kenapa bisa begitu.

Kebetulan, ini juga tempat tinggal para Transformer.

Mengulang sedikit, untuk domain berakhiran dengan .id, silahkan hubungi PANDI. Setiap registrar memiliki harga dan persyaratan berbeda-beda, jadi ikuti dengan seksama. Kalau mau asal gampang, TLD umum (.com, .org, .net, dan .info) biasanya tinggal bayar dan beres.

Sekarang, kita pindah ke topik hosting! Yang ini agak seru.

Sebelum mulai, beberapa istilah: storage adalah ruang penyimpanan file di perusahaan hosting, diukur dalam MB atau GB. Ini adalah untuk file website, seperti foto, video, atau musik. Bandwidth adalah jumlah data yang ditransfer dari website ke pengguna, biasanya dihitung per bulan. Jadi kalau ada 1000 pengunjung dan masing-masing membuka file hingga 1MB, total bandwidth yang dipakai adalah 1GB.

Mari mulai!

Pilihan pertama adalah hosting dalam negeri, seperti Qwords. Hosting seperti ini memiliki server di Jakarta (pastikan kalau mereka benar-benar ada di Jakarta, dan bukan sekedar menjual jasa perusahaan asing!) dan, karena itu, relatif lebih cepat koneksinya… ke sesama orang Indonesia. Tapi karena mereka bukan perusahaan besar yang melayani jutaan pelanggan, harga mereka juga relatif lebih mahal dibandingkan apa yang didapat. Selain itu, server di Jakarta juga biasanya susah diakses dari luar negeri (mereka biasanya sudah betah dengan download 1GB/s). Di sisi lain, bandwidth ke dalam negeri biasanya murah (qwords malah nggak menagih untuk bandwidth dalam negeri).

Hosting dalam negeri itu seperti bajaj: mudah digunakan dan relatif gesit, tapi harga awalnya mahal dan orang bule cepat mual kalau naik… Kalau bisa muat di dalamnya sama sekali.

Pilihan kedua adalah shared hosting, seperti Dreamhost. Mereka menawarkan serba tak hingga untuk harga sedikit mahal untuk kita ($9 per bulan), tapi mereka, teorinya, tidak membatasi storage atau bandwidth. Namun, mereka akan menindak website yang terlalu boros menggunakan daya prosesor (sesuatu yang agak sulit dihitung atau diperkirakan). Model ini juga menempatakan website kita bersama-sama dengan setumpuk website orang lain, jadi kalau salah satu bermasalah dan menjadi lambat, kita juga bisa terkenda imbasnya. Di sisi lain, shared hosting sangat murah. Silahkan nilai sendiri apa artinya ini.

Shared hosting itu seperti naik kereta listrik: murah, praktis, bebas melakukan apa saja di atap kereta, tapi selalu ada resiko terdorong orang di sebelah… Sampai jatuh dari atap.

Pilihan ketiga, dan mungkin terakhir, adalah dedicated server, seperti yang ditawarkan oleh Linode atau (mt). Ini jelas lebih mahal, tapi kita bisa melihat keutuhan server kita, dan kita tidak akan terlalu banyak bersaing dengan tetangga. Kita juga bisa menjalankan program di luar aplikasi web biasa (katakanlah, sebuah server Minecraft). Sisi buruknya, mereka juga biasanya mengharapkan kita mengerti tentang pengelolaan server linux. Sumber daya untuk server ini juga lebih kaku, karena nggak ada yang namanya server dengan “storage tak hingga.”

Shared hosting itu seperti mobil super mewah nan besar: mahal, keren, cepat dan kuat, tapi lama-lama bingung mau ajak siapa lagi jalan-jalan.

Jadi mana yang cocok? Ini tergantung seberapa banyak bobot pengunjungmu, dan mereka datang dari mana. Untuk patokan, kecuali kamu punya rencana sangat besar untuk website-mu, kemungkinan besar kamu belum perlu sebuah dedicated server dari awal. Kamu bisa mulai dari sebuah akun shared hosting biasa. Atau…

Beberapa Pesan Terakhir

Kita belum benar-benar menghabiskan semua pilihan di sini. Banyak pilihan lain, dan beberapa di antaranya lebih bagus daripada yang lain. Saya belum menjelaskan tentang hosting pilihan saya pribadi, NearlyFreeSpeech.NET, yang akan saya angkat di artikel lainnya. Jangan takut untuk berjalan-jalan dan mencoba-coba!

Sesudah memilih tempat hosting, serta membeli domain, tinggal ikuti petunjuk tempat hosting tentang cara menghubungkan domain ke alamat hosting-mu. Biasanya ini melibatkan beberapa alamat yang disebut nameserver, dan makhluk mistis bernama “DNS”. Setiap tempat hosting memiliki cara kerja mereka masing-masing soal ini, jadi ikuti petunjuk dari mereka. Ini akan sedikit lebih repot daripada memanfaatkan fitur “domain gratis”, tapi percayalah, ini tidak sebanding dengan sulitnya pindah registrar.

Di artikel berikutnya, saya akan membahas tentang awal mengkonfigurasi website di tempat hosting, serta petunjuk mengamankan dan menjaga websitemu pada tahap awal.

Generasi fotokopi telah tiba - dan dengannya, seribu alibi. Pernah copy-paste di internet? Awas, ini harimau yang agak pendendam.

Tidak jarang kita melihat kerusuhan online karena seseorang “menjeplak” hasil kerja keras orang lain. Baik apakah itu dengan cara meniru gaya seni, atau gameplay atau mentah-mentah game sejenis, sepertinya sekarang sudah nggak mungkin punya ide 100% orisinil.

Kita sekarang tinggal di antara generasi copy-paste — generasi yang menyelesaikan semua masalah dari drama facebook hingga karya ilmiah dengan tombol ⌘ + c dan v (atau ctrl, untuk pengguna dimensi alternatif sana). Di antara berjuta kebaikan seperti menyelesaikan PR satu kelas dengan beberapa keystroke dan menjeplak resep tempura nenek, ada juga penggunaan yang kurang tepat. Misalnya, ketika seorang web developer menyadari kalau ada sesuatu yang disebut “view source.”

Ini berbahaya karena jadinya ada orang-orang yang sekarang mengira kalau menggunakan source code dengan beberapa perubahan adalah hal yang sah. Toh hanya kode, siapapun bisa buat, dan terbuka untuk diakses siapapun, kan?

Untuk sesaat, hiraukan gerombolan pengacara di belakang saya yang mau ajak kamu bicara soal copyright law. Ada alasan sah (dalam arti “tidak melibatkan penjara”) untuk menghindari budaya copy-paste untuk development:

1. Nggak Ada Jaminan Kualitas

Kalau kita lihat kasus startup yang mencuri source code dari sebuah layanan 37signals, kita akan melihat (siapkan obat shockmu) penggunaan tag <table> untuk layout! Apa-apaan ini? Table? In my layouts?

MAMAAAAAAAAAAA :(

Santai, ini hanya sepotong kecil dari kode khusus di halaman itu yang dipakai untuk sebuah popup. 37signals, bersyukurlah, cukup modern untuk memanfaatkan CSS untuk keperluan layout mereka. Tapi di sisi lain, orang yang menjiplak dari mereka tidak kepikiran untuk menghilangkan kode ini. Padahal ini kode yang sangat mudah dikenal sebagai hasil copy-paste (kenapa lagi bisa ada tabel dengan markup yang sama di sana?) dan, ibaratnya, mudah menjadi barang bukti pembunuhan dalam kasus ini.

Selain sebagai bukti forensik, ini juga tanda kalau ada batasan di mana seseorang bisa meneliti kode orang lain. Cukup sulit bagi seseorang untuk menelusuri markup dan berusaha mengerti semuanya, dan mengubah apa yang perlu diubah. Bahkan anak kuliahan dengna banyak waktu luang pun tak punya waktu untuk ini. Jadi tidak hanya dia menggunakan kode yang sudah kadaluarsa, dia bahkan tidak tahu kalau kode itu masih ada di sana.

Apa maskudmu, saya punya daging dari 1997 di lemari es?

2. Seseorang Bakal Nyadar

Aturan #2 internet: sekalinya sesuatu ada di internet, bakal ada yang menyadarinya.

(Aturan #1: if it exists, there is… err, maaf, kodesain adalah website AUK.)

Ditambah aturan #3, “sesuatu yang ada di internet, akan selamanya di internet,” bisa dibuat sebuah rumus kesimpulan: “kalau mau copy-paste untuk website, cepat atau lambat itu bakal jadi masalah.” Antara itu, atau websitenya tidak pernah menerima perhatian sama sekali, dan sama saja gagal.

Inilah kenapa kita harus memperhatikan aturan lisensi dan semacamnya di Internet: lebih baik aman, daripada kita pakai “dengan doa” dan berharap untuk yang terbaik.

3. Satu Masalah = Selamanya. Nggak, beneran.

Kita tinggal di dunia online di mana 1 saja berita negatif bisa dengan cepat berputar-putar melalui social media dan segerobak website berita. Apalagi untuk kelompok kecil yang serius, seperti sebuah startup, hanya butuh 1 drama seperti ini untuk merusak hubungan investor mereka.

Tidak ada tombol ‘delete’ dari ingatan media internet.

Patokannya: Tanya.

Kadang-kadang saya mendapat pertanyaan, “jadi website X ini kira-kira marah nggak ya kalau saya pakai kode ini?” Jawaban saya (setelah menimpuk mereka dengan kerupuk karena istilah “kira-kira”) adalah “coba tanya.” Apa dunia modern ini membuat orang ragu-ragu untuk bertanya? Hampir semua website menyediakan sebuah email untuk pertanyaan seperti ini — dan kalau tidak ada balasan, anggap saja jawabannya adalah “tidak boleh”. Karena menghabiskan 2 jam untuk membuat kembali layout seperti mereka tidak setara dengan kemunculan memalukan di internet.

Baru saja situs ZeroBundle diluncurkan dengan berbagai konten yang menarik, gratis hanya meminta alamat email untuk konten utama dan PayWithTweet untuk konten extra (satu kali tweet promo). Menurut situs tersebut, konten-konten tersebut hanya akan tersedia hingga satu bulan ke depan.

NB: Emailnya akan otomatis terdaftar ke MightyDeals & WebDesignerDepot yang sering menawarkan promo yang sama.

Bosan dengan Lorem Ipsum tua yang itu-itu saja? Ada banyak alternatif di internet, tapi saya, sebagai pecinta kue dan makanan ringan lainnya, paling doyan dengan Cupcake Ipsum!

Bosan dengan animasi polos? CSS 3 memungkinkan banyak efek baru. Coba lihat Tympanus.net!

Tidak ikut trend di web? Seminggu saja bisa ketinggalan. Cari inspirasi - dan saya sajikan 1 saja website untuk semua kebutuhan itu!

Kita harus hati-hati dengan yang namanya “inspirasi”. Kalau tidak dikendalikan, terlalu banyak inspirasi bisa membuat kita sibuk berlama-lama saat berkerja, karena terus menerus mengkonsumsi ide. Kalau tidak mencarinya, atau tidak menemukan sumber yang bagus, kita bisa ketinggalan kereta.

Untungnya, saya punya solusi.

Dalam gemuruh air terjun website “inspirasi”, dengan berbagai tema dan gaya, kita harus bisa menemukan bahan yang berkualitas. Itu berarti menghindari website berbasis bayar-membayar, atau hanya mengikuti 1 trend atau designer.

Untuk itu, saya tunjuk anda ke:

Dribbble mungkin kelihatan sederhana, tapi mereka sangat hati-hati dalam memilih siapa yang bisa tampil di sana. Hanya karya terbaik dan berkualitas yang akhirnya bisa masuk (karena kompetisi yang sangat kuat), jadi kamu bisa memastikan kalau semua trend, gaya terbaru, dan inspirasi yang kamu butuhkan ada di sini, dalam satu atau lain bentuk.

Saya tidak mengatakan kalau tidak ada website lainnya yang bagus untuk inspirasi. Tapi Dribbble, apalagi didukung aplikasi pendukungnya (seperti untuk iOS), biasanya sudah lebih dari cukup untuk kebutuhan sehari-hari saya.

Dan bagusnya lagi, saya merasa kalau jumlah shot berkualitas mereka sangat pas untuk porsi saya. Saya tidak pernah terlarut-larut membaca sampai puluhan halaman ke belakang — hanya secukupnya saja. Ditambah komunitas hangat dan murni eye candy, saya sudah kehilangan alasan untuk mencari inspirasi dari tempat lain.

Tidak setuju dengan saya? Punya website inspirasi yang lebih hebat lagi? Ceritakan di komentar!

Foto kue Dribbble adalah ciptaan Geri Coady — lihat versi lengkapnya di Flickr!

Ada bom waktu di dunia Internet Indonesia - berjuta-juta orang akan, sebentar lagi, merasakan era baru: era smartphone. Kamu yang membuat website: sudah siapkah untuk era ini? Ini lebih besar - dan mungkin lebih cepat - daripada yang kamu bayangkan.

Indonesia memiliki 170 juta pengguna mobile internet — bandingkan dengan 40 juta pengguna internet biasa. Tapi kenapa pengguna mobile hanya 20%? Dan dengan 60% dari mobile itu menggunakan Symbian yang akan segera ditinggalkan oleh Nokia, bagaimana nasib mereka? Bagaimana dengan pengguna Blackberry, dengan Research In Motion kian melemah?

Data ini hanya menunjuk ke 1 arah: ledakan mobile internet suatu hari di masa depan.

Dan ini lebih besar daripada yang kamu bayangkan. Sudah siap?

Hal pertama, dan terpenting untuk dicatat, adalah data Statcounter yang menunjukkan kalau hanya 20% dari pengguna mobile web mengaksesnya dari alat genggam mereka. Hanya ada 1 hal penting di sini: ini tidak menghitung website seperti social media.

Sudah kelihatan arahnya, kan?

Hanya sepersekian dari berjuta-juta pengguna telepon genggam berkapasitas internet di Indonesia yang menggunakan teknologi itu. Sisanya? Ya, istilahnya sekarang “Facebook-an”. Atau “Twitter-an”. Ada sekitar 37 juta pengguna Facebook di Indonesia, dan kita memegang peringkat ke-empat di Twitter.

Sebagian lagi mungkin pengguna layanan seperti IM2, atau broadband wireless semacamnya, dan mengakses internet dengan laptop mereka. Mungkin juga ada faktor dari 3 juta Blackberry di Indonesia, karena Messenger mereka memang merupakan layanan internet.

Jadi ada jutaan orang di luar sana dengan alat yang siap menggunakan internet, tapi mereka belum menggunakannya dengan sepenuhnya. Coba lihat:

170 juta adalah angka yang besar, dan pasti angka itu adalah kombinasi dari semua faktor tadi. Terlepas dari apa dan bagaimana, ada 1 hal penting di sini: penduduk Indonesia mulai nyaman dengan internet.

Ini kontras dengan di barat, di mana orang lebih was-was dan hati-hati dengan “privasi” dan “keamanan” di Internet. Di Indonesia? “Yang penting bisa Facebook-an!”

Seandainya angka ini kurang jelas, ingat kalau populasi Indonesia ada di sekitar 230 juta… Dengan jumlah penduduk di bawah garis meskinan di bawah 30 juta (link PDF dari Badan Pusat Statistik). Pengguna internet mobile 170 juta, dan internet biasa 40 juta. Simpulkan saja.

Apa mungkin angka 170 juta itu berlebihan? Jakarta Post mencatat 40 juta pengguna mobile internet rutin — tapi kembali, ini tidak menyebutkan soal social media. Penn Olson mengutip 210 juta pengguna telepon genggam – masuk akal kah kalau 3 dari 4 telepon genggam di Indonesia sanggup untuk internet? Kalau kamu berpikir ‘tidak’, coba lihat lagi iklan para operator seluler kita. Masih adakah yang tidak menyebut-nyebut “Facebook” dan “Twitter” di iklannya?

Jadi apa artinya?

Kita bisa simpulkan kalau banyak sekali orang Indonesia yang sudah siap menggunakan mobile internet. Alatnya ada, infrastrukturnya ada, hanya belum ada alasan untuk menggunakannya

Kata kunci: belum.

Sebagian besar telepon genggam yang dipakai masih cukup sederhana. Browsernya tua. Tapi sekali lagi, Research In Motion, perusahaan di balik Blackberry, semakin berkurang dan menuju jurang kehancuran. Symbian telah berhenti dilanjutkan oleh Nokia, dan mereka akan pindah ke Windows Phone. Semuanya akan berubah — pengguna telepon seluler akan didorong paksa ke era yang baru.

Dalam satu kalimat: Jutaan pengguna telepon genggam di Indonesia akan tiba-tiba bertemu dengan dunia smartphone dengan segala macam fiturnya… seperti app dan internet yang “sepenuhnya”. Sudah bukan jaman Opera Mini.

Bom waktu telah berjalan. Adakah tanda-tandanya?

Pengguna mobile internet mengingkat dua kali lipat dalam beberapa bulan terakhir. 11% di Oktober 2011, 21% di December.

Hanya perlu menunggu waktu sebelum bom ini meledak.

Kamu yang membuat website: Sudah siapkah untuk revolusi ini?

Lihatlah efek scroll menarik dari Moods of Norway, dibuat dengan javascript biasa saja!

Masih belajar pakai Flash? Sudah saatnya memikirkan untuk ganti topik sebelum ketinggalan.

Jaman CSS 3 sudah tiba — Firefox 10 diharapkan mendukung 3D transform — dan dengan dukungan 2D transform dari FF 3.5, 90% pengguna internet Indonesia sudah bisa menikmati fitur-fitur baru, tanpa flash.

Dengan ini, masa kejayaan Flash telah tiada.

Selama ini, banyak pecinta Flash karena kebebasan menggunakan animasi, gambar, dan video. Tapi sekarang CSS 3, gambar vektor SVG, dan video HTML 5 telah bersiap untuk mengambil alih kekuasaan itu, dan mengembalikannya kepada browser.

Menggunakan CSS 3 memiliki 3 kelebihan kunci: menyerahkan beban pada browser, melepaskan ketergantungan dari Adobe Flash, dan fungsionalitas pada alat selain desktop.

Efek Tilt Shift murni dari CSS. Klik untuk lebih jelas!

Tahukah kamu kalau Flash itu menyerahkan sebagian bebannya pada prosesor? Padahal, untuk hal seperti transform, hampir semua komputer memiliki graphic card yang bisa melaksanakan ini dengan jauh lebih cepat — fitur yang disebut hardware acceleration. Dengan ini, animasi dan efek menjadi lebih halus dan cepat. Coba demo dari Mozilla, The Planetarium, untuk melihat sendiri sehalus apa animasi ini!

Dan dengan pangsa pasar iOS (yang tidak mendukung Flash sama sekali) semakin besar, dan tumbangnya mobile Flash, sudah jelas kalau Flash akan semakin terkuras dan berkurang kekuatannya, sedikit demi sedikit.

Masih mau mengembangkan untuk sesuatu yang kian hari semakin menjelang mati?

Ini adalah artikel opini oleh penulis.

Dapatkan dari sini!

Tidak, saya tidak tahu kenapa ada baris “indonesia.htm” di sana.

Di era PDF dan E-book sekarang, sepertinya kita tidak butuh buku untuk desain web. Toh tinggal ikut di feed beberapa orang, ikut tutorial di sana sini, dan kita bisa mengejar semua yang kita perlukan. Iya kan?

Tidak. Di Indonesia, mungkin ini belum kelihatan karena kita lebih jarang melihat buku tentang desain web sama sekali — padahal, ada berbagai macam buku menarik untuk desain. Kebanyakan di antaranya adalah buku klasik yang menjadi panutan semua designer ternama, terutama buku Steve Krug, Don’t Make Me Think. Buku ini sudah menjadi patokan semua designer modern — sangat sayang untuk dilewatkan!

Lebih memilih e-book? Boleh juga — saya sendiri gemar membaca e-book dari iPad saya, terutama kalau sedang berpergian. Untuk ini, saya menyarankan buku dari A Book Apart, sangat ringan dan sajiannya pas. Harganya juga tidak berlebihan, pantas untuk ilmu yang dikandung (dan namanya juga dari Happy Cog). Bingung mulai dari mana? Coba Designing for Emotion.

Seth Priebatsch dari SCVNGR, sebuah startup yang menjadikan dunia sebuah permainan untuk mengajak orang melakukan hal membosankan, menjelaskan beberapa cara menjadikan sebuah website — yang membosankan — menjadi sesuatu yang menantang dan menarik.

Lihat videonya di TED.com!

Dunia sudah berubah — presentasi sudah tidak harus dengan powerpoint dan dengan efek itu-itu saja. Didukung HTML5 dan CSS3, terutama para 3D transform, impress.js menyediakan alternatif untuk presentasi dari mana saja, asal ada browser modern.

Mencari alternatif yang lebih “serius”? Coba sliderocket!

Pada intinya, dia merasakan ada perbedaan antara media online sebagaimana kita ketahui dengan media online sebagaimana seharusnya. Perbedaan tersebut adalah antara media cetak dan media online. Media cetak adalah pendahulu dari media online dan sudah saatnya hubungan keduanya lebih dipahami dan media online menemukan jati dirinya.

Media yang sama dengan yang lama?

Banyak yang kita bisa pelajari dari menonton program televisi era awal. Televisi pada masa itu kadang dijuluki “radio dengan gambar” dan itu adalah deskripsi yang cukup akurat. Banyak saluran televisi mengikuti format saluran radio yang populer pada saat itu.

Dengan program yang menampilkan bintang tamu dan pembawa acara yang berbicara ke kamera, atau berita dengan pembaca berita berpakaian formal (ala TVRI kalau di Indonesia), menjadi jejak-jejak yang tersisa sementara media televisi tumbuh, sebuah refleksi dari media yang mendahuluinya.

Pikirkan juga video musik era awal, pada intinya hanya penampilan diri mereka memainkan musik. Terkekang.

Ketika media baru meminjam dari yang sudah ada, beberapa yang dipinjam itu memang masuk akal, tetapi banyak yang dipinjam adalah sesuatu yang tidak dipikirkan kembali, “ritual”, dan kadang mengekang media baru. Seiring jalannya waktu, media baru mengembangkan konsep-konsepnya sendiri, membuang konsep-konsep yang sudah ada yang tidak masuk akal.

Jika anda berkesempatan menonton drama televisi era awal, anda akan melihat contoh yang sangat mengena. Karena radio memerlukan suara yang deskriptif, yang menjelaskan kepada pendengar apa yang mereka tidak bisa lihat, drama televisi masa itu terkadang mempunyai deskripsi, menjelaskan kepada penonton, walau sebenarnya mereka bisa melihatnya. Hal itu adalah contoh yang sederhana tapi mengena ketika media baru tumbuh dari media yang sudah ada.

Media online adalah media baru, walau berkembang dari media cetak, dimana konsep-konsep, bahasa desain, dan kemampuan dari media cetak sangat mempengaruhinya, tapi terkadang terlalu terbentuk darimana dia berkembang. “Situs-Situs Menarik” biasanya adalah yang menjinakkan kebebasan media online, mengendalikan halaman-halaman seolah mereka terbuat dari kertas – “Percetakan Media Online”.

Hal ini memang alamiah, “tidak mudah membebaskan keyakinan yang didekap erat”, tapi saatnya untuk bergerak maju, untuk mengakui media online sebagai media tersendiri. Sudah saatnya untuk membuang ritual dari media cetak, dan menghadapi media online dengan alamnya tersendiri.

Bukan berarti kita seharusnya meninggalkan kebijakan dari beratus-ratus tahun media cetak dan beribu-ribu tahun media tulis. Tapi kita perlu mengerti yang mana yang cocok untuk media online, dan yang mana yang ritual belaka.

Mengendalikan halaman situs

Jika melihat beberapa grup desain situs, ada beberapa kata yang diulang-ulang. Pertanyaan demi pertanyaan, tentu saja, adalah “Bagaimana caranya?”. Tetapi di balik pertanyaan “Bagaimana caranya membuat situs saya tampak sama walau dibuka dimana pun?” dan “Bagaimana caranya membuat tulisan saya tampak sama di Windows dan Macintosh?” ada sebuah pertanyaan mendasar – “Bagaimana caranya saya mengendalikan apa yang dilihat pengguna?”. Benar sekali, kata “kendali” muncul berulang kali.

Di balik semua ini adalah keyakinan bahwa desainer adalah pengendali (pikirkan sejenak istilah “tukang pixel”). Desainer ingin menimpa keinginan pengguna, dan pilihan-pilihan yang mereka buat tentang apa yang mereka lihat (salah satunya dengan “menetapkan” ukuran tulisan). Desiner ingin menghiraukan perbedaan dimana situs dibuka, disebabkan oleh detil layar yang berbeda (salah satunya Macintosh dengan 72 titik per inci, dibandingkan dengan standar Windows 96 titik per inci). Desainer mengetahui semuanya dan tidak akan mentoleransi selain apapun harus tampil sama sempurna ke pixel, dengan apa yang tampil di komputer mereka sendiri.

Tentu saja, ini pembesaran masalah, tapi tidak jauh dari kenyataan. Contoh yang sangat mengena adalah banyak yang kecewa ketika mendapati bahwa mempelajari CSS tidaklah seperti mempelajari “Percetakan Media Online”. Jika anda pengguna Mac, anda mungkin menyadari beberapa situs besar terlalu berlebihan menggunakan CSS sehingga membuat halaman mereka susah dibaca. Besar kemungkinan mereka menggunakan poin sebagai satuan ukuran tulisan. Di balik semua pilihan ini adalah filosofi “desainer adalah pengendali”.

Darimana ide ini datang? Hal ini datang dari media cetak. Pada media cetak, desainer adalah dewa. Percetakan adalah industri yang berkembang dari “apa yang anda lihat adalah apa yang ada dapatkan” (What You See Is What You Get – disingkat WYSIWYG) dan banyak desainer situs didasari keyakinan dan praktik dari ritual media cetak. Sebagai desainer kita perlu memikirkan kembali peran ini, untuk melepas kendali, dan mencari hubungan baru dengan halaman situs.

Mengapa hal tersebut penting?

Mungkin ketidakmampuan untuk “mengendalikan” sebuah halaman adalah batasan, kesalahan dari media online. Jika kita datang dari dunia WYSIWYG, insting awal kita adalah untuk berpikir demikian. Memang itu adalah respon awal kita dan sebuah keyakinan yang berlangsung lama. Tapi tidak lagi terasa hal tersebut sebagai batasan, tapi sebuah kekuatan dari media yang baru.

Mari kita lihat hal ini dari sudut pandang yang berbeda. Fakta bahwa kita bisa mengendalikan halaman sebuah kertas sebenarnya adalah batasan dari media tersebut. Anda bisa berpikir – kita bisa menetapkan ukuran tulisan – atau anda bisa berpikir lain – ukuran tulisan tidak bisa diubah. Anda bisa berpikir – dimensi halaman bisa dikendalikan – atau – dimensi halaman tidak bisa diubah. Ini adalah fakta-fakta sederhana dari media tersebut.

Hal-hal tersebut tidak semestinya fakta yang bagus, terutama untuk pembaca. Jika penglihatan mata pembaca tidaklah sebagus orang kebanyakan, kemungkinan besar pilihan yang desainer buat adalah terlalu kecil untuk dibaca tanpa kaca pembesar. Jika pembaca berada di ruang yang terbatas, di kereta untuk pergi kerja, di pesawat terbang, lembar koran terlalu besar. Sedikit yang bisa dilakukan pembaca terhadap hal ini.

Kendali yang para desainer kenal di media cetak, dan kadang didambakan di media cetak, sederhananya adalah batasan dari media cetak. Kita seharusnya mengakui fakta bahwa media online tidak dibatasi batasan yang sama dan membuat desain untuk fleksibilitas ini. Tapi sebelumnya, kita harus menerima aliran yang ada.

Mudah diadaptasi = mudah diakses

Fleksibilitas yang dimaksud adalah “kemudahan adaptasi”. Semua yang telah dibicarakan dari tadi dapat dirangkum menjadi: “halaman-halaman yang mudah diadaptasi”. Buatlah halaham yang mudah diakses, apapun layar, peramban situs, atau perangkat pengguna anda putuskan – atau memang terpaksa – pakai untuk mengakses halaman anda.

Ini berarti halaman-halaman yang jelas dibaca apapun ukuran atau detil layar, atau jumlah warna (dan ingat juga bahwa halaman-halaman mungkin dicetak, atau dibaca dengan perangkat lunak pembaca atau peramban braille – perangkat lunak untuk orang buta). Ini berarti halaman-halaman yang dapat beradaptasi dengan keperluan pembaca, yang penglihatan kurang sempurna, dan yang menginginkan membaca halaman-halaman dengan tulisan yang besar.

Mendesain halaman yang mudah diadaptasi adalah mendesain halaman yang mudah diakses. Dan mungkin janji terbesar dari media online, yang belum tercapai, adalah kemudahan informasi untuk diakses, apapun kesulitan-kesulitan yang ada. Itu adalah keyakinan yang penting dari Komite W3C (Standar Media Online), dan menjadi sesuatu yang penting dari desain situs, dengan halaman-halaman media online akan diminta oleh hukum untuk memberikan akses tanpa pandang bulu, sebagaimana desain bangunan di seluruh dunia memerlukan adanya kemudahan akses ke bangunan.

Terdengar mustahil, mendesain halaman tanpa pandang bulu. Mungkin sekarang masih berupa aspirasi, dengan peramban situs yang masing berantakan dan banyak perangkat, yang akan kita pakai untuk mengakses media online, masih baru atau belum muncul. Tapi banyak yang kita bisa lakukan sekarang yang akan membangun fondasi untuk halaman-halaman yang beradaptasi ke keinginan dan keperluan pengguna, sehingga mudah diakses.

Cara seharusnya

Jadi apa yang bisa dilakukan untuk mendesain demi kemudahan adaptasi, sehingga mudah untuk diakses? Sebelumnya, ada beberapa cara berpikir yang mungkin berguna. Lalu ada beberapa saran praktis tentang langkah-langkah yang bisa diambil untuk menghindari halaman anda tidak mudah diakses.

Pertama, pikirkan apa yang halaman anda lakukan, bukan apa tampak mereka. Biarkan desain anda mengalir dari apa yang halaman tersebut berikan ke pengguna anda, daripada sebuah ide bagaimana tampak halaman tersebut yang anda inginkan. Biarkan bentuk mengikuti fungsi, daripada mencoba membuat sebuah desain dan membuatnya “bekerja”.

Kunci dari idea ini adalah memisahkan isi dan penampilan. Anda mungkin sudah mendengarnya beberapa kali, tapi mungkin ini adalah langkah yang paling penting yang anda bisa lakukan.

Mari kita lihat sebuah contoh sederhana. Pada sebuah halaman ada beberapa tulisan yang dimiringkan. Mengapa? Mungkin untuk penekanan. Mungkin untuk kutipan. Mungkin kata dalam bahasa asing. Pada percetakan tradisional, bentuk mengikuti fungsi. Kelebihan dari percetakan media online adalah kita bisa membuat itu tersurat apa yang tersirat dari apa yang tampak di halaman. Jika alasan untuk miringnya tulisan adalah penekanan, mengapa menandai halaman anda dengan elemen <i>? Gunakanlah <em>, sehingga peramban situs selain yang ada di PC dapat menangani elemen tersebut lebih tepat.

Pada skala yang lebih besar, jangan gunakan HTML untuk penampilan. Tidak ada <font> atau <b>, <i> dan elemen-elemen lain jika untuk penampilan. Jika HTML memberikan elemen yang tepat, gunakanlah. Jika tidak, gunakan kelas (salah satu penanda di CSS). Tentu saja, gunakan CSS untuk informasi penampilan situs anda. Saatnya untuk melihat ke masa depan, tidak terpaku ke masa lalu.

Jika anda menggunakan CSS dengan benar, untuk memberikan penampilan pada sebuah halaman, dan anda tidak menggunakannya untuk menyampaikan isi, maka halaman anda akan “tampak” bagus di peramban situs apapun, di masa lalu atau masa depan. Peramban situs yang tidak mendukung CSS hanya menampirkan halaman yang terlihat sedikit biasa saja. Kekhawatiran terbesar kita adalah peramban yang mempunyai dukungan CSS yang penuh kesalahan. Saat ini itu menjadi isu. Tidak lama lagi, tidak terlalu menjadi isu. Untuk sekarang, anda dapat membatasi diri anda ke bagian CSS yang didukung cukup baik, dan masih mempunyai efek penampilan yang lebih banyak daripada menggunakan HTML (penulis artikel asli ini membuat kumpulan tulisan-tulisannya yang membahas lebih lanjut tentang hal tersebut).

Dalam prakteknya, ada beberapa hal yang anda seharusnya dan tidak seharusnya lakukan ketika mendesain CSS yang akan memberikan dampak dalam kemudahan adaptasi halaman anda. Garis besarnya, jangan bergantung pada aspek apapun dari CSS dapat bekerja semestinya, sehingga halaman anda mudah diakses. Unit pasti, seperti pixel dan poin, mesti dihindari (jika hal itu mengejutkan anda, akan dijelaskan nanti), dan warna perlu digunakan secara hati-hati, dan jangan pernah bergantung padanya.

TULISAN

Biasanya Windows, Macintosh, atau sistem lain hanya mempunyai beberapa tipe tulisan terpasang. Ada sedikit persamaan antara tipe tulisan yang terpasang di berbagai sistem ini. Dengan banyak peramban situs, dan akan lebih banyak di masa depan, pembaca akan bisa memutuskan tipe tulisan yang mereka inginkan untuk melihat halaman situs. Dengan CSS, anda bisa menyarankan beberapa tipe tulisan dan merangkum berbagai kemungkinan. Tetapi jangan bergantung pada sebuah tipe tulisan tersedia walau tipe tulisan tersebut sering dijumpai.

Lebih penting adalah ukuran tulisan. Mungkin ada sadar bahwa tipe tulisan yang sama, dengan ukuran poin yang sama, pada Macintosh “tampak lebih kecil” daripada kebanyakan Windows. Singkatnya, ini dikarenakan perbedaan detil layar yang mana Macintosh adalah 72 titik per inci, sementara Windows adalah 96 titik per inci. Akibatnya signifikan. Hal ini mengaransi kemustahilan tulisan tampak sama antara sistem Macintosh dengan sistem Windows. Tapi jika anda mengakui filosofi kemudahan adaptasi, hal ini tidak berarti.

Apa? Jika anda masih perduli bagaimana pastinya halaman media online tampak ini adalah pertanda anda masih tidak berpikir tentang halaman yang mudah diadaptasi. Salah satu isu kemudahan akses yang paling signifikan adalah ukuran tulisan. Tulisan kecil lebih susah untuk dibaca. Untuk kita yang mempunyai penglihatan yang bagus, akan mengagetkan bahwa ada persentase signifikan populasi yang kesulitan membaca tulisan di bawah 14 poin, yang tercetak kertas. Layar lebih susah dibaca daripada kertas, karena detil mereka yang lebih rendah.

Apakah itu berarti ukuran poin yang seharusnya kita gunakan adalah 14 poin? Itu tidak membantu orang-orang yang penglihatannya lebih tidak bagus. Jadi berapa ukuran poin minimum yang kita seharusnya gunakan? Tidak ada. Jangan gunakan poin. Hal ini akan membiarkan pembaca untuk memilih ukuran tulisan yang sesuai dengan mereka. Hal yang sama untuk pixel. Karena perbedaan detil layar, sebuah pixel pada sebuah sistem bukanlah sebuah pixel pada sistem lainnya.

Anda masih bisa menyarankan ukuran tulisan yang lebih besar untuk judul dan elemen-elemen lainnya. CSS menyediakan beberapa cara untuk menyarankan ukuran tulisan sedemikian rupa untuk membantu kemudahan adaptasi. Kita akan melihat pada salah satu cara untuk mendapatkan idenya.

Dengan CSS anda dapat menerapkan ukuran tulisan sebagai persentase dari ukuran elemen pendahulunya. Sebagai contoh, judul terletak di elemen <body>. Jika anda tidak memasang ukuran untuk tulisan di di <body>, maka tulisan <body> akan mempunyai ukuran tulisan yang dipasang pembaca sebagai ukuran awal. Kita telah membantu kemudahan adaptasi halaman kita, dengan tidak melakukan apapun!

Anda mungkin berkata “tapi tulisannya terlihat terlalu besar” jika dibiarkan begitu saja. Buatlah lebih kecil, tapi di peramban situs anda. Pembaca anda juga akan mempunyai opsi untuk membuatnya lebih besar maupun lebih kecil di peramban situs mereka, tergantung dengan selera mereka atau keperluan mereka.

Kita bisa membuat judul dan elemen-elemen lain kelihatan lebih besar dengan menerapkan bahwa <h1> seharusnya 30% lebih besar daripada <body>, <h2> seharusnya 25% lebih besar, dan seterusnya. Sekarang, berapapun ukuran yang pembaca pilih untuk tulisan utama, judul dan sub-judul akan berukuran lebih besar dari isi, sesuai proporsi. Demikian halnya dengan tulisan yang perlu dibuat lebih kecil daripada tulisan utama, walau hal ini bisa mengarah ke situasi dimana tulisan menjadi terlalu kecil untuk bisa dibaca, jadi gunakanlah secara hati-hati.

Kita telah melakukan sedikit hal sebenarnya, hanya hindari menggunakan ukuran pasti pada tulisan, gunakan ukuran proporsi untuk judul, dan kita telah membuat halaman-halaman kita lebih mudah diadaptasi dan lebih mudah diakses.

STRUKTUR

Marjin, lebar halaman, identasi, dan sebagainya adalah berbagai aspek dari desain halaman yang bisa membantu kemudahan baca. Media online memberikan kesulitan untuk desainer pada setiap hal tersebut. Layar peramban situs bisa diubah ukurannya, sehingga mengubah ukuran halaman. Perangkat media online yang berbeda-beda (TV online, monitor dengan detil yang tinggi, HP / Tablet), mempunyai ukuran layar minimal dan maksimal yang berbeda-beda. Sebagaimana ukuran pasti pada tulisan, struktur halaman yang pasti bisa mengarah pada masalah kemudahan akses pada media online.

Sebagaimana dengan tulisan, akspek struktur pada halaman bisa didesain menggunakan persentase untuk menciptakan halaman yang mudah diadaptasi. Marjin bisa diterapkan sebagai persentase lebar dari elemen yang mempunyainya.

Menggunakan persentase (dan nilai-nilai relatif lainnya) untuk menerapkan struktur halaman pada CSS secara otomatis menciptakan halaman yang mudah diadaptasi. Dengan jendela layar membesar dan mengecil, struktur dari elemen beradaptasi untuk menjaga proporsi yang sama, maka struktur halaman secara keseluruhan beradaptasi. Pembaca bisa memilih ukuran layar sebagaimana yang mereka perlukan.

Marjin, identasi, dan aspek-aspek struktur lainnya bisa juga diterapkan relatif dengan tulisan yang mereka punyai, menggunakan unit em untuk menerapkan marjin, identasi, dan aspek-aspek struktur lainnya. Anda bisa terapkan:

p	 {margin–left: 1.5em}

Hal tersebut menerapkan marjin kiri dari paragraf seharusnya 1.5 kali tinggi tulisan paragraf tersebut. Jadi, ketika pengguna mengatur ukuran layar mereka untuk membuat sebuah halaman lebih mudah dibaca, marjin tersebut akan meningkat sesuai proporsi, dan jika mereka membuatnya lebih kecil, marjin tersebut akan beradaptasi kembali.

WARNA

Media online sebagian besar lebih bewarna daripada halaman cetak. Warna lebih murah di media online. Warna bisa berupa hiasan, bisa membantu menerapkan identitas visual, dan bisa mempunyai nilai praktek (merah mungkin membawa perhatian ke informasi yang lebih penting). Tapi warna mempunyai kesulitan untuk kemudahan akses juga.

Tahukah kamu bahwa di banyak negara (jika tidak semua) orang yang mempunyai kebutaan warna merah-hijau tidak bisa mempunyai lisensi pilot? Karena, mengesampingkan kemampuan lainnya, informasi peringatan kebanyakan disampaikan menggunakan merah untuk bahaya dan hijau untuk keamanan. Sangat disayangkan warna peringatan tidak mudah diadaptasi.

Apakah halaman situs anda mengecualikan orang dengan cara yang sama? Sangat disayangkan, karena dalam waktu dekat hampir semua peramban situs akan menyediakan cara yang mudah untuk pembaca mengganti warna elemen sebuah halaman situs, dengan CSS untuk pengguna, yang bisa menimpa CSS anda (anda sekarang bisa melakukan ini di kebanyakan peramban situs modern).

Bagaimana caranya untuk menghindari masalah tersebut? Gunakan CSS, daripada elemen HTML seperti <font>. Hindari juga terlalu bergantung pada kombinasi layar untuk menyampaikan arti.

Sebuah perjalanan

Merubah cara pemikiran dan bertindak tidaklah mudah. “Tidak mudah membebaskan keyakinan yang didekap erat”. Tetapi perlahan-lahan terlihat apa yang kita terima saja perlu dipikirkan ulang. Dari pengalaman dan percakapan yang beredar bertahun-tahun ini, banyak yang mendekap erat keyakinan tersebut, dan perlu memikirkannya kembali juga.

Sekarang adalah waktu untuk media online tumbuh lebih daripada asalnya di media cetak. Tidak untuk meninggalkan banyak kebijakan dan pengalaman, tapi untuk juga menetapkan arahnya sendiri yang pas.

Kekuatan media online terbesar sering dilihat sebagai keterbatasan, sebuah kekurangan. Tapi alamiah untuk media online mempunyai fleksibilitas, dan menghasilkan halaman, dengan fleksibilitas, mudah diakses untuk semua.

Perjalanan dimulai dengan melepas kendali dan menjadi fleksibel.