Bayangkan web modern tanpa CSS—tanpa layout yang presisi, animasi halus, atau desain responsif. Sulit, bukan? Namun, fakta sejarah yang mengejutkan: CSS hampir ditolak total oleh browser pada 1994. Dua raksasa internet saat itu, Netscape dan Microsoft, justru lebih memilih styling langsung melalui tag HTML seperti <FONT>. Bagaimana bahasa yang kini menjadi fondasi visual web ini nyaris mati di awal kelahirannya?
Latar Belakang: Web “Kacau” Sebelum CSS
Pertengahan 1990-an adalah era kekacauan desain web. Website saat itu hanya menggunakan HTML murni dengan tag presentasional seperti:
<FONT COLOR="red">untuk warna teks<CENTER>untuk perataan tengah<TABLE>untuk layout (meski awalnya untuk data tabular)
Masalahnya? Konten dan desain tercampur aduk. Perubahan kecil pada tampilan membutuhkan edit manual di setiap halaman. Håkon Wium Lie, seorang ilmuwan di CERN, punya solusi: pisahkan style dari struktur dengan bahasa baru bernama CSS (Cascading Style Sheets). Ia mempresentasikan ide ini pada 1994.
Penolakan Besar-Besaran: Mengapa Netscape & Microsoft Menolak CSS?
Alih-alih disambut, proposal CSS dihadapi skeptisisme:
1. Netscape: “Kami Punya Solusi Sendiri!”
Netscape Navigator—browser dominan saat itu—lebih percaya pada tag HTML untuk styling. Mereka bahkan menciptakan tag proprietary seperti <BLINK> dan <MULTICOL> untuk efek visual. Alasan penolakan:
- Kompatibilitas: CSS dianggap “terlalu rumit” untuk diimplementasikan di browser yang sudah mapan.
- Kontrol Pasar: Netscape ingin pengembang terikat pada ekosistem tag mereka.
2. Microsoft: “HTML Cukup!”
Microsoft dengan Internet Explorer (IE) awalnya juga menolak CSS. Mereka percaya:
- Simplicity: Tag HTML seperti
<FONT>lebih mudah dipahami pemula. - Backward Compatibility: CSS bisa “merusak” tampilan website lama.
Hasilnya? CSS dianggap sebagai “gagasan akademis yang tidak praktis” oleh industri.
Titik Balik: Internet Explorer 3 “Menebus Kesalahan” (1996)
Dua tahun setelah penolakan, sebuah keputusan berani mengubah segalanya: Microsoft mendukung CSS penuh di Internet Explorer 3 (Agustus 1996). Langkah ini dilakukan karena:
- Persaingan dengan Netscape: IE butuh diferensiasi untuk menarik pengembang.
- Tekanan Komunitas: Desainer web mulai frustrasi dengan keterbatasan HTML murni.
- Visi Jangka Panjang: Microsoft menyadari CSS adalah masa depan web.
Meski implementasi pertama IE3 masih buggy (misal: box model yang salah), ini menjadi katalisator adopsi CSS. Netscape akhirnya ikut mendukung CSS di Navigator 4.0 (1997), meski setengah hati.
Dampak Revolusioner: Bagaimana CSS Mengubah Web Selamanya
Setelah adopsi IE3, CSS berkembang pesat:
1. Pemisahan Konten dan Desain
- HTML: Fokus pada struktur (
<p>,<h1>,<ul>). - CSS: Mengontrol visual (warna, font, spacing).
Contoh: Ubah seluruh warna website hanya dengan mengedit satu file.css.
2. Lahirnya “Web Designer” sebagai Profesi
CSS memungkinkan desainer grafis bertransisi ke web tanpa harus coding HTML. Tools seperti Dreamweaver (1997) memudahkan visual editing.
3. Era Web 2.0: Desain Dinamis
CSS membuka jalan untuk:
- Layout kompleks (tanpa tabel).
- Responsive design (media queries, 2010).
- Animasi (keyframes, transisi).
Tanpa CSS, kita tidak akan punya Instagram, Netflix, atau aplikasi web modern.
Kesimpulan:
CSS adalah bukti bahwa ide besar sering lahir dari ketidaksetujuan. Dari penolakan Netscape dan Microsoft, kini bahasa ini menggerakkan 98% website di dunia (W3Techs, 2023). Setiap kali Anda melihat website yang indah—baik di ponsel atau desktop—ingatlah bahwa fondasinya hampir tidak pernah ada.
Kisah CSS mengingatkan kita: Kadang, yang “gagal” hari ini bisa jadi revolusi esok hari.
Sumber:
- Sejarah Penolakan CSS: A Brief History of CSS (W3C)
- Dukungan IE3: Microsoft IE3 Announcement (1996)
- Peran Netscape: Netscape vs. Microsoft: The Browser Wars (CNET)
- Evolusi CSS: The History of Web Standards (A List Apart)