Yahya J Aifit | Front End Web Developer

Mengapa Harus Menggunakan Times New Roman?

omipit — Sun, 13 Jun 2010 18:03:56 +0000

Mengapa Harus Menggunakan Times New Roman?

Saya kenal dengan huruf tersebut ketika masih berada di bangku SMA. Dimana, jika ingin menulis surat atau semua hal yang berbau “resmi” harus menggunakan huruf ini. Tetapi menurut saya, kata “resmi” berbeda tipis dengan “membosankan”. Karena pada dasarnya, kita sedang dijejali rasa yang sama dan sudah menjadi sifat dasar manusia jika terus-menerus diperlakukan seperti itu, maka manusia pasti ingin adanya sebuah perubahan.

Memberanikan diri untuk “keluar jalur”

Akan sulit ketika kita ingin merubah sesuatu yang sudah lama adanya, menjadi sesuatu yang benar–benar baru. Karena, tidak semua orang akan menerima perubahan itu. Dalam dunia desain website, seperti yang saya baca di sebuah artikel yang berjudul New Year’s Resolution, disitu dijelaskan, jika kita ingin membuat website yang unik, jangan berpikir bahwa website harus mempunyai header, sidebar, dan footer. Karena jika kita masih berpikir bahwa sebuah website harus mempunyai semua itu, pasti perubahan tidak akan terjadi. Sama halnya ketika kita secara terus–menerus menggunakan huruf Times New Roman sebagai huruf default untuk semua hal yang kata mereka berbau resmi, maka mustahil pula ada perubahan. Akhirnya, satu-satunya jalan mencapai perubahan adalah memberanikan diri untuk keluar jalur.

Perubahan memicu kreativitas

Nah, setelah manusia itu sudah berani keluar jalur, maka dia dihadapkan dengan berbagai macam pilihan. Dan itulah waktu dimana kreativitasnya diuji. Dengan makin banyaknya huruf yang tersedia, maka kita harus benar-benar bisa memilih. Yang jika pilihan kita tepat, kita bisa mengganti kata “resmi” dengan “menarik hati”. Begitulah kiranya pendapat pribadi saya tentang mengapa harus menggunakan Times New Roman, sedangkan sebenarnya kita mempunyai banyak pilihan huruf lainnya.

Artikel ini dibuat setelah mengetahui makin maraknya penggunaan huruf Times New Roman untuk pembuatan Laporan Tugas Akhir maupun pembuatan Surat Lamaran Kerja, yang terkadang membuat mata saya mengantuk ketika membacanya.

Inilah Kehebatan CSS3

omipit — Sun, 28 Feb 2010 17:57:12 +0000

CSS3

Inilah Kehebatan

Saya terperanga ketika pertama kali melihat fitur baru CSS3 pada beberapa artikel yang berhasil saya kumpulkan. Bagaimana tidak, lha wong fitur baru itu sangat membantu sekali untuk para web designer dalam mengerjakan projectnya. Inilah contohnya:

Eits, update dulu Browser Anda ke versi yang terbaru. Dan ingat, jangan pernah menggunakan Internet Explorer!

1. Polaroid dengan Rotate, Scale, & Box Shadow

Keterangan:

Untuk membuat efek bayangan saya menggunakan -moz-box-shadow. Efek memutar menggunakan -moz-transform ditambah dengan rotate(0deg). Dimana (0deg) adalah besar sudut.

Dan untuk perbesaran saat di hover, juga menggunakan -moz-transform, tapi ditambah scale(1.25) yang merupakan besar nilai perbesaran.


.box {
   z-index: 1;
   position: relative;
   padding: 3px;
   width: 230px;
   height: 200px;
   /* Kode yang digunakan */
   -moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);
   -moz-transform: rotate(-15deg);
   -webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);
   -webkit-transform: rotate(-15deg);
   -webkit-transition: 0.3s ease-in-out;
   -moz-transition: 0.3s ease-in-out;
}


.box:hover {
   z-index: 2;
   position: relative;
   /* Kode yang digunakan */
   -moz-transform: rotate(0deg);
   -moz-transform: scale(1.25);
   -webkit-transform: rotate(0deg);
   -webkit-transform:  scale(1.25);
}

2. Glossy dengan Gradient & Rounded Corner

ENTER

Keterangan:

Untuk menghasilkan efek glossy seperti contoh di atas, saya menggunakan -moz-border-radius untuk rounded corner dan -moz-linear-gradient untuk gradasinya.

Kode disamping kanan adalah kode yang saya gunakan untuk contoh efek glossy yang berwarna biru. Dan untuk tutorial lengkap pembuatan efek glossy, bisa dibaca disini.


.tombol {
   width: 600px;
   height: 200px;
   margin: -30px auto;
   border: 2px solid #4F93CA;
   background-color: rgba(60, 132, 198, 0.8);
   /* Kode yang digunakan */
   -moz-border-radius: 100px;
   -moz-box-shadow:0 20px 20px rgba(66, 140, 240, 0.3);
   background-image: -moz-linear-gradient(rgba(28, 91, 155, 0.8) 0%, rgba(108, 191, 255, .9) 90%);
   -webkit-border-radius: 100px;
   -webkit-box-shadow:0 20px 20px rgba(66, 140, 240, 0.3);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(28, 91, 155, 0.8)), to(rgba(108, 191, 255, .9)));
}


.kilau {
   top:1px;
   left:50px;
   position: relative;
   height: 110px;
   width: 500px;
   /* Kode yang digunakan */
   -moz-border-radius: 100px;
   background-color: rgba(255, 255, 255, 0.2);
   background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0) 80%);
   -webkit-border-radius: 100px;
   background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
}


.tombol span {
   text-shadow: 0px 1px 8px #2867A5;
   font-family: arial black;
   color: #fefefe;
   font-size: 80px;
   position: relative;
   top: -20px;
   left: 150px;
}

3. Efek transparan dengan Opacity dan RGBA

Lorem ipsum katok kolor

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Keterangan:

Jika class p.trans2 diberi kode opacity:0.8 teks yang tertulis akan ikut menjadi transparan. Berbeda jika kita menggunakan kode rgba(255, 255, 255, 0.8); dimana nilai 0.8 adalah nilai opacity, maka teks tidak ikut menjadi transparan. Dengan menggunakan opacity dan warna RGBA, maka kita tidak perlu lagi menggunakan gambar dengan format *png untuk membuat efek transparan


p.trans2 {
   padding: 15px;
   left: 0px;
   top: -421px;
   position:relative;
   z-index:2;
   width: 400px;
   height: 410px;
   /* Kode yang digunakan */
   background-color:rgba(255, 255, 255, 0.8);
   -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
}

4. Kubus 3 dimensi dengan Skew & Rotate

1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1

2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2

Keterangan:

Efek 3 dimensi ini masih menggunakan -moz-transform tapi ditambah dengan skewY(0deg). Dimana (0deg) adalah besar sudut pada koordinat Y.

Saya mengalami kesulitan saat membuat kubus ini, karena saya harus meng-akurat-kan besar sudutnya supaya pas dengan sudut yang lain. Silakan baca tutorialnya disini.


/* Kode CSS untuk kubus No.1 */

.left, .right {
   top: 130px;
   float:left;
   padding: 15px;
   position:relative;
   width: 200px;
   height: 200px;
   color: #fff;
   font-size: 12px;
   right: 160px;
}

.top {
   font-size: 12px;
   color: #fff;
   z-index: 2;
   top:-51px;
   left: 185px;
   background: #7C8B2E;
   float:left;
   padding: 15px;
   position:relative;
   width: 200px;
   height: 200px;
   /* Kode yang digunakan */
   -moz-transform: rotate(60deg) skewY(-30deg) scaleY(1.15);
   -webkit-transform: rotate(60deg) skewY(-30deg) scaleY(1.15);
}

.left {
   background: #2867A5;
   /* Kode yang digunakan */
   -webkit-transform: skewY(30deg);
   -moz-transform: skewY(30deg);
}

.right {
   background: #EF5F30;
   /* Kode yang digunakan */
   -webkit-transform: skewY(-30deg);
   -moz-transform: skewY(-30deg);
}

5. Multi-Column dengan Column, Gap, & Rule

Lorem Ipsum Katok Kolor

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Keterangan:

-moz-column-count untuk menentukan jumlah kolom. -moz-column-gap untuk menentukan jarak antar kolom. -moz-column-rule untuk menambahkan sebuah garis antar kolom.

Saya juga memakai multi-column pada artikel Sejarah Wayang Kulit. Dan tutorial lengkapnya, bisa di baca disini.


.kolom {
   margin-top: -30px;
   margin-bottom: 10px;
   padding: 20px;
   background: #fff;
   /* Kode yang digunakan */
   -moz-column-count: 3;
   -moz-column-gap: 20px;
   -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
   -webkit-column-count: 3;
   -webkit-column-gap: 20px;
   -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
}

.kolom2 {
   text-align: justify;
   margin-top: -5px;
   padding: 20px;
   background: #fff;
   /* Kode yang digunakan */
   -moz-column-count: 2;
   -moz-column-gap: 20px;
   -moz-column-rule: 1px solid #BDC1C7;
   -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
   -webkit-column-count: 2;
   -webkit-column-gap: 20px;
   -webkit-column-rule: 1px solid #BDC1C7;
   -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
}

6. Animasi dengan CSS3 & Tentang Attribute Selector

Untuk melihat efek animasi ini, gunakan browser Safari atau Chrome!

Keterangan:

Efek animasi pada contoh di atas menggunakan -moz-transition dan -webkit-transition sehingga efek animasinya akan terlihat Di browser Mozilla, Chrome, dan Safari.

Pada contoh disamping menggunakan kode transisi all 0.6s ease-in-out dimana 0.6s adalah waktu gerak dan ease-in-out adalah tipe efek yang digunakan.

Tutorial animasi ini bisa dibaca disini. Dan sekilas tentang attribute-selector bisa dibaca disini.


/* Kode untuk contoh animasi pertama */

.kot {
   float:left;
   width: 180px;
   height: 130px;
   margin: 30px 0;
   /* Kode yang digunakan */
   -webkit-transition: all 0.6s ease-in-out;
   -moz-transition: all 0.6s ease-in-out;
}

.kot[title$="kot1"] {
   background: #2867A5;
}

.kot[title$="kot1"]:hover {
   -moz-transform:translate(3em, 0pt);
   -webkit-transform:translate(3em, 0pt);
}

.kot[title$="kot2"] {
   margin-left: 20px;
   background: #7C8B2E;
}

.kot[title$="kot2"]:hover {
   -moz-transform:rotate(30deg);
   -webkit-transform:rotate(30deg);
}

.kot[title$="kot3"] {
   margin-left: 20px;
   background: #EF5F30;
}

.kot[title$="kot3"]:hover {
   -moz-transform:translate(-3em, 1em);
   -webkit-transform:translate(-3em, 1em);
}

.kot[title$="kot4"] {
   margin-left: 20px;
   background: #EA2F22;
}

.kot[title$="kot4"]:hover {
   -moz-transform:scale(1.3);
   -webkit-transform:scale(1.3);
}

.kot:hover {
   z-index: 2;
}

Akhirnya:

Sebenarnya masih banyak kehebatan CSS3 yang lain, seperti @font-face, berhubung saya pernah meng-embed font di server sendiri yang menyebabkan bandwidth 9GB habis dalam waktu 3 hari saja, maka sengaja tidak saya bahas. Tapi Anda bisa membaca tutorialnya disini.
Setelah mengetes efek CSS3 ini di berbagai browser, maka browser yang menjadi pilihan saya adalah FIREFOX, SAFARI, dan CRHOME. Dan sering – seringlah meng-update browser Anda ke versi yang terbaru agar bisa merasakan kehebatan CSS3.

Sejarah Wayang Kulit

omipit — Sat, 23 Jan 2010 17:45:37 +0000

WAYANG adalah salah satu puncak seni budaya bangsa Indonesia yang paling menonjol di antara banyak karya budaya lainnya. Budaya wayang meliputi seni peran, seni suara, seni musik, seni tutur, seni sastra, seni lukis, seni pahat, dan juga seni perlambang. Budaya wayang, yang terus berkembang dari zaman ke zaman, juga merupakan media penerangan, dakwah, pendidikan, hiburan, pemahaman filsafat, serta hiburan.

Menurut penelitian para ahli sejarah kebudayaan, budaya wayang merupakan budaya asli Indonesia, khususnya di Pulau Jawa. Keberadaan wayang sudah berabad-abad sebelum agama Hindu masuk ke Pulau Jawa. Walaupun cerita wayang yang populer di masyarakat masa kini merupakan adaptasi dari karya sastra India, yaitu Ramayana dan Mahabarata. Kedua induk cerita itu dalam pewayangan banyak mengalami pengubahan dan penambahan untuk menyesuaikannya dengan falsafah asli Indonesia.

Penyesuaian konsep filsafat ini juga menyangkut pada pandangan filosofis masyarakat Jawa terhadap kedudukan para dewa dalam pewayangan. Para dewa dalam pewayangan bukan lagi merupakan sesuatu yang bebas dari salah, melainkan seperti juga makhluk Tuhan lainnya, kadang-kadang bertindak keliru, dan bisa jadi khilaf. Hadirnya tokoh panakawan dalam_ pewayangan sengaja diciptakan para budayawan Indonesia (tepatnya budayawan Jawa) untuk memperkuat konsep filsafat bahwa di dunia ini tidak ada makhluk yang benar-benar baik, dan yang benar-benar jahat. Setiap makhluk selalu menyandang unsur kebaikan dan kejahatan.

Dalam disertasinya berjudul Bijdrage tot de Kennis van het Javaansche Tooneel (1897), ahli sejarah kebudayaan Belanda Dr. GA.J. Hazeau menunjukkan keyakinannya bahwa wayang merupakan pertunjukan asli Jawa. Pengertian wayang dalam disertasi Dr. Hazeau itu adalah walulang inukir (kulit yang diukir) dan dilihat bayangannya pada kelir. Dengan demikian, wayang yang dimaksud tentunya adalah Wayang Kulit seperti yang kita kenal sekarang.

Gambar di atas adalah Adipati Karna. Untuk informasi tentang Adipati Karna, silakan lihat disini.

Asal Usul Wayang Kulit

Ada dua pendapat mengenai asal – usul wayang. Pertama, pendapat bahwa wayang berasal dan lahir pertama kali di Pulau Jawa, tepatnya di Jawa Timur. Pendapat ini selain dianut dan dikemukakan oleh para peneliti dan ahli-ahli bangsa Indonesia, juga merupakan hasil penelitian sarjana-sarjana Barat. Di antara para sarjana Barat yang termasuk kelompok ini, adalah Hazeau, Brandes, Kats, Rentse, dan Kruyt.

Alasan mereka cukup kuat. Di antaranya, bahwa seni wayang masih amat erat kaitannya dengan keadaan sosiokultural dan religi bangsa Indonesia, khususnya orang Jawa. Panakawan, tokoh terpenting dalam pewayangan, yakni Semar, Gareng, Petruk, Bagong, hanya ada dalam pewayangan Indonesia, dan tidak di negara lain. Selain itu, nama dan istilah teknis pewayangan, semuanya berasal dari bahasa Jawa (Kuna), dan bukan bahasa lain.

Sementara itu, pendapat kedua menduga wayang berasal dari India, yang dibawa bersama dengan agama Hindu ke Indonesia. Mereka antara lain adalah Pischel, Hidding, Krom, Poensen, Goslings, dan Rassers. Sebagian besar kelompok kedua ini adalah sarjana Inggris, negeri Eropa yang pernah menjajah India.

Namun, sejak tahun 1950-an, buku-buku pewayangan seolah sudah sepakat bahwa wayang memang berasal dari Pulau Jawa, dan sama sekali tidak diimpor dari negara lain. Budaya wayang diperkirakan sudah lahir di Indonesia setidaknya pada zaman pemerintahan Prabu Airlangga, raja Kahuripan (976 -1012), yakni ketika kerajaan di Jawa Timur itu sedang makmur-makmurnya. Karya sastra yang menjadi bahan cerita wayang sudah ditulis oleh para pujangga Indonesia, sejak abad X. Antara lain, naskah sastra Kitab Ramayana Kakawin berbahasa Jawa Kuna ditulis pada masa pemerintahan raja Dyah Balitung (989-910), yang merupakan gubahan dari Kitab Ramayana karangan pujangga India, Walmiki.

Selanjutnya, para pujangga Jawa tidak lagi hanya menerjemahkan Ramayana dan Mahabarata ke bahasa Jawa Kuna, tetapi menggubahnya dan menceritakan kembali dengan memasukkan falsafah Jawa kedalamnya. Contohnya, karya Empu Kanwa Arjunawiwaha Kakawin, yang merupakan gubahan yang berinduk pada Kitab Mahabarata. Gubahan lain yang lebih nyata bedanya derigan cerita asli versi India, adalah Baratayuda Kakawin karya Empu Sedah dan Empu Panuluh. Karya agung ini dikerjakan pada masa pemerintahan Prabu Jayabaya, raja Kediri (1130 – 1160).

Wayang sebagai suatu pergelaran dan tontonan pun sudah dimulai ada sejak zaman pemerintahan raja Airlangga. Beberapa prasasti yang dibuat pada masa itu antara lain sudah menyebutkan kata-kata “mawayang” dan `aringgit’ yang maksudnya adalah pertunjukan wayang.

Kelahiran Wayang Kulit

Mengenai saat kelahiran budaya wayang, Ir. Sri Mulyono dalam bukunya Simbolisme dan Mistikisme dalam Wayang (1979), memperkirakan wayang sudah ada sejak zaman neolithikum, yakni kira-kira 1.500 tahun sebelum Masehi. Pendapatnya itu didasarkan atas tulisan Robert von Heine-Geldern Ph. D, Prehistoric Research in the Netherland Indie (1945) dan tulisan Prof. K.A.H. Hidding di Ensiklopedia Indonesia halaman 987.

Kata `wayang’ diduga berasal dari kata `wewayangan’, yang artinya bayangan. Dugaan ini sesuai dengan kenyataan pada pergelaran Wayang Kulit yang menggunakan kelir, secarik kain, sebagai pembatas antara dalang yang memainkan wayang, dan penonton di balik kelir itu. Penonton hanya menyaksikan gerakan-gerakan wayang melalui bayangan yang jatuh pada kelir. Pada masa itu pergelaran wayang hanya diiringi oleh seperangkat gamelan sederhana yang terdiri atas saron, todung (sejenis seruling), dan kemanak. Jenis gamelan lain dan pesinden pada masa itu diduga masih belum ada.

Untuk lebih menjawakan budaya wayang, sejak awal zaman Kerajaan Majapahit diperkenalkan cerita wayang lain yang tidak berinduk pada Kitab Ramayana dan Mahabarata.

Sejak saat itulah cerita – cerita Panji, yakni cerita tentang leluhur raja-raja Majapahit, mulai diperkenalkan sebagai salah satu bentuk wayang yang lain. Cerita Panji ini kemudian lebih banyak digunakan untuk pertunjukan Wayang Beber. Tradisi menjawakan cerita wayang juga diteruskan oleh beberapa ulama Islam, di antaranya oleh para Wali Sanga. Mereka mulai mewayangkan kisah para raja Majapahit, di antaranya cerita Damarwulan.

Masuknya agama Islam ke Indonesia sejak abad ke-15 juga memberi pengaruh besar pada budaya wayang, terutama pada konsep religi dari falsafah wayang itu. Pada awal abad ke-15, yakni zaman Kerajaan Demak, mulai digunakan lampu minyak berbentuk khusus yang disebut blencong pada pergelaran Wayang Kulit.

Sejak zaman Kartasura, penggubahan cerita wayang yang berinduk pada Ramayana dan mahabarata makin jauh dari aslinya. Sejak zaman itulah masyarakat penggemar wayang mengenal silsilah tokoh wayang, termasuk tokoh dewanya, yang berawal dari Nabi Adam. Sisilah itu terus berlanjut hingga sampai pada raja-raja di Pulau Jawa. Dan selanjutnya, mulai dikenal pula adanya cerita wayang pakem. yang sesuai standar cerita, dan cerita wayang carangan yang diluar garis standar. Selain itu masih ada lagi yang disebut lakon sempalan, yang sudah terlalu jauh keluar dari cerita pakem.

Memang, karena begitu kuatnya seni wayang berakar dalam budaya bangsa Indonesia, sehingga terjadilah beberapa kerancuan antara cerita wayang, legenda, dan sejarah. Jika orang India beranggapan bahwa kisah Mahabarata serta Ramayana benar-benar terjadi di negerinya, orang Jawa pun menganggap kisah pewayangan benar-benar pernah terjadi di pulau Jawa.

Artikel diambil dari Budaya Wayang Kulit. Tampil baik di Firefox 3.5, Opera 10, dan Safari 4.0.4.
Efek CSS 3 yang digunakan pada artikel ini tidak muncul di IE. Jadi, jangan pernah gunakan IE.

War Make Us Stupid, Don’t Do It!

omipit — Thu, 21 Jan 2010 17:39:05 +0000

How many

Einsteins

have

. YOU

killed?

Poster from Marko Tursunovic

Mendesain Blog Sesuai Kepentingan

omipit — Mon, 14 Dec 2009 17:34:11 +0000

Terkadang kita bingung saat awal menentukan tampilan design blog, mulai dari menentukan warna, letak widget, serta ukuran grid yang cocok. Dan ini adalah bagaimana blog – blog besar seperti Lifehacker, Smashing Magazine, dan PSD Tuts mengatur tampilan design blognya.

Lifehacker : Each featured item gets a thumbnail image, a category, a title and a cool hover effect.

Link »

Salah satu ciri khas Lifehacker adalah the top post of the day atau artikel pilihan terfavorit pada hari itu juga. Letak artikel pilihan ini, ada di header (bagian atas) yang biasanya pada bagian itu adalah letak dari logo blog. Posisi sidebar sebelah kiri lebih kecil dari sidebar kanan. Sebelah kiri diisi dengan informasi kontak, dan sebelah kanan diisi dengan keterangan setiap artikel seperti, penulis, waktu penulisan, jumlah komentar, dan artikel terkait sesuai tag.

Smashing Magazine : Simple 3 column design. But it does get out of the way and let the content do it’s thing.

Link »

Smashing Magazine adalah salah satu contoh design blog yang menggunakan 3 kolom dengan jumlah artikel yang banyak serta daftar arsip yang panjang. Dan menurut saya, inilah tampilan design blog yang terbaik. Keunggulan lain adalah menu utama bagian atas yang merupakan kategori artikel beserta tag artikel yang sesuai kategori tersebut. Hal ini mungkin bertujuan untuk memudahkan pengunjung menjelajahi artikel yang sesuai dengan keinginan mereka.

PSD Tuts : Has a huge footer. It’s almost 640px high and at 1024px by 768px screen resolution

Link »

Sama seperti Smashing Magazine, PSD Tuts juga mempunyai banyak artikel serta daftar arsip yang panjang. Keunggulan yang dimiliki adalah navigasi yang mudah digunakan. Saat kita mengunjungi blog tersebut, dapat terlihat breadcumbs dan drop down sub-category yang tentunya sangat berguna untuk kita supaya mudah menjelajahi blog tersebut. Yang unik dari blog ini adalah tampilan design footer yang panjang dan lebarnya sama dengan layar monitor 14 inc.

Oh ternyata, intinya adalah bagaimana kita mendesign setiap point penting dan cara kita mempublikasikan point penting tersebut. Sehingga, pesan yang nantinya akan kita sampaikan ke pengunjung dapat diterima dengan baik.

Koin Keadilan Untuk Prita Mulyasari

omipit — Wed, 09 Dec 2009 17:25:01 +0000

Awalnya Semua Pasti Tahu

Berawal dari menyebarkan keluhan tentang pelayanan rumah sakit Omni Internasional Tangerang kepada rekannya melalui email, Prita Mulyasari ibu dua anak tersebut harus masuk bui dan dituntut kesana kemari. Tidak sampai disini saja, Prita juga harus membayar denda atas email KELUHAN tersebut. Berapakah dendanya? Ya benar, Rp. 204.000.000 rupiah. Jumlah angka nol yang banyak.

Keadilan Yang Pilih Kasih

Sebenarnya saya sudah bosan dengan opini seperti ini : mbok Minah yang mencuri 3 biji kakao saja disidang dan diberi hukuman, tetapi yang korupsi milyaran bahkan triliunan rupiah tidak tersentuh. Bagaimana menurut Anda, bukankah opini seperti itu sudah ada dari zaman dulu. Lalu kapan akan berakhir, bukannya masyarakat Indonesia semakin kritis menanggapi problematika yang ada?

Saat keadilan direcehkan, kita pun mengumpulkan receh.

Perasaan Tidak Pilih Kasih

Jika keadilan pilih kasih, perasaan tidak. Perasaan manusia bisa dengan hebatnya membedakan antara siapa yang salah dan siapa yang benar. Ya, itulah sifat alamiah MANUSIA. Dan karna hal itu juga, ribuan manusia Indonesia tergerak dan bergerak untuk mendukung ibu Prita. Lalu, apakah kita masih punya perasaan, atau malah menjadi “robot berbicara” yang diam saat baterainya habis?

Simbol Keadilan Rakyat Kecil

Aksi pengumpulan koin yang terjadi saat ini merupakan sebuah simbol keadilan untuk rakyat kecil. Seperti yang diungkapkan ibu Prita sendiri, jika masyarakat memberikan koin, itu berarti adalah pelajaran untuk keadilan. Saya pribadi merinding setelah tahu bahwa ada anak kelas 2 SD yang datang membawa koin terbungkus serbet dan berkata “ini uang kembalian belanja di rumah”.

Gambar Free Prita oleh KDRI