Catatan pertama tentang CSS.
Saat itu Selasa pagi, 7 Mei, ketika saya sedang duduk di ruang konferensi Ambroise CNIT di Paris, Prancis, dan pikiran saya mengenai teknologi web yang menjanjikan yang disebut «Cascading Style Sheets», 25 tahun yang lalu.
Saat itu, saya bekerja selama kurang lebih dua tahun sebagai Webmaster di Case Western Reserve University , dan meskipun saya tahu tentang tata letak menggunakan tabel, saya tidak ingin menggunakan pendekatan ini untuk situs kampus utama. Semua tanda ini tampaknya ... salah. Tapi tetap saja, saya tidak punya pilihan untuk meninggalkan metode tata letak tabular. Saya mengharapkan sesuatu yang lebih baik, tetapi semakin ragu berapa lama lagi saya bisa menunggu.
Eric Meyer
Setelah berhasil meyakinkan universitas untuk membayar untuk perjalanan saya ke Paris untuk menghadiri WWW5 , sebagian karena publikasi yang diterima untuk presentasi, saya sekarang duduk di di W3C, contoh saw CSS bekerja di browser, dan hanya tampak bagi saya ... benar. Ketika saya melihat satu kata mengambil warna biru tua dan ukuran 100 poin dengan satu elemen dan beberapa aturan sederhana, saya terpesona. Saya masih bisa mengingat kegembiraan yang mendebarkan yang mencengkeram kepala saya ketika saya merasa melihat perubahan nyata dalam kekuatan jaringan, lompatan besar ke depan dan persis seperti yang saya harapkan.
Melihat melalui catatan tulisan tangan saya (laptop berat, besar, baterai berkapasitas rendah dan mahal pada masa itu, jadi saya tidak membawanya) dari konferensi yang masih saya miliki, saya menemukan banyak hal yang menarik minat saya. HTTP 1.1 dan HTML 3.2 diumumkan, atau setidaknya dijelaskan secara rinci pada konferensi ini. Saya membuat beberapa catatan tentang elemen <OBJECT> yang baru dan menulis “CENTER is in !” Yang menurut saya merupakan ekspresi antusiasme. Oh, menjadi begitu muda dan bodoh lagi.
Ada informasi menarik lainnya juga: klaim bahwa "standar akan mengikuti inovasi" - yang menurut saya benar-benar hanya terjadi dalam dekade terakhir ini - dan bahwa "Matematika telah pindah ke ActiveMath", yang terakhir saya akui, saya bukan aku hanya lupa, tapi aku hanya tidak ingat.
Kesan pertama saya tentang CSS, terbagi menjadi dua halaman.
Tetapi saya mencatat bahwa CSS memiliki sekitar 35 properti dan Anda dapat menautkannya ke markup menggunakan <LINK REL = STYLESHEET>, <STYLE>… </STYLE>, atau <H1 STYLE = "…">. Pertanyaannya tertulis di sini - "Latar belakang gradien?" - bahwa saya tidak dapat lagi mengingat apakah itu catatan untuk saya periksa nanti, atau sesuatu yang dilihat sebagai peluang selama percakapan. Saya membuat catatan tentang latar belakang gambar, spasi teks, padding (yang saya salah eja), dan banyak lagi.
Tanpa sepengetahuan saya pada saat itu, CSS masih tidak berguna. Implementasi memang muncul, tentu saja, tetapi demo yang saya lihat dipilih dengan sangat sempit, dan dukungan browser sangat minim, belum lagi sangat tidak konsisten. Saya tidak menemukan semua ini sampai saya tiba di rumah dan mulai bereksperimen dengan bahasa tersebut. Dengan salinan cetak spesifikasi CSS1 di sebelah saya, saya terus mencoba hal-hal yang tampaknya berhasil, tetapi tidak berhasil. Tidak masalah jika saya menggunakan raksasa pasar yang dominan, yaitu Netscape Navigator, atau tambal sulam, Internet Explorer baru yang kecil: tampaknya sangat sedikit yang sesuai dengan spesifikasi, dan hampir tidak ada yang bekerja secara konsisten di semua browser.
Jadi saya mulai membuat halaman pengujian kecil, menangani satu properti per halaman, dengan satu pengujian untuk setiap nilai (atau jenis nilai), yang masing-masing merupakan pernyataan sederhana tentang apa yang harus ditampilkan bersama dengan salinan CSS yang digunakan pada halaman. Seiring waktu, kegemaran saya untuk menyelesaikan membuat saya memperluas test suite kecil ini untuk mencakup semua yang ada di CSS1, dan perfeksionis dalam diri saya berusaha membuat navigasi lebih mudah. Dengan begitu, ketika versi baru browser keluar, saya dapat menjalankannya melalui seluruh rangkaian pengujian, melihat apa yang berubah, dan menandainya.
Akhirnya tes ini berkembang menjadi CSS1 Test Suite.dan tampilannya hari ini hampir sama dengan cara saya membuatnya. Beberapa tes diperluas, direvisi dan ditambahkan, ditambah pada akhirnya semuanya digabungkan ke dalam kerangka tes dasar yang saya pikir ditulis oleh orang lain, tetapi sebagian besar tes - dan desain visual keseluruhan - adalah pekerjaan saya, tidak peka terhadap buta warna dan semua orang lain. Tes-tes ini pada dasarnya membawa saya ke kelompok kerja sebagai ahli yang diundang pada masanya.
Namun, sebelum itu terjadi, dengan semua tes ini, saya dapat mengkompilasi informasi CSS dukungan browser ke dalam tabel kode warna besar yang saya posting di situs web CWRU (ingat, saya adalah seorang webmaster) dan membuatnya tersedia untuk semua orang. Data dukungan disimpan dalam database besar FileMaker Pro dengan bidang dropdown khusus untuk memasukkan nilai Y / N / P / B dan banyak bidang untuk memasukkan cuplikan template sehingga saya dapat mengekspor ke HTML. Bagan dukungan ini akhirnya masuk ke versi Tinjauan Web yang lebih baru, di mana ia dikenal sebagai "Mastergrid" - istilah yang menurut saya lucu jika dipikir-pikir karena tata letak kisi masih dua dekade ke depan, dan sederhana tetap besar dan tabel data yang sangat bergaya. Karena saya tidak keberatan tabel untuk data tabular. Saya hanya tidak menyukai gagasan menggunakannya secara eksklusif untuk tata letak.
Anda dapat melihat salah satu versi Mastergrid yang lebih baru di Wayback Machine, dengan markup yang sangat rahasia tetapi masih canggung. Pekerjaan saya mendukung Mastergrid dan artikel yang saya tulis untuk Tinjauan Web membawa saya ke buku pertama saya untuk O'Reilly (saat ini dalam edisi keempat ), yang membuat saya diminta untuk menulis buku lain dan berbicara di konferensi . menjadi salah satu pendiri konferensi ... dan yang lainnya.
Dan semuanya dimulai 25 tahun yang lalu di bulan Mei, di sebuah ruang konferensi di Paris pada tanggal 7 Mei 1996. Itu adalah sebuah perjalanan. Sekarang, di paruh kedua hidup saya, saya bertanya-tanya seperti apa CSS dan seperti apa Internet itu sendiri dalam 25 tahun.