Bab 8: CSS

Pada bulan Jun 2006, pemaju dan pereka web dari seluruh dunia datang ke London untuk persidangan @media tahunan kedua. Yang pertama telah menjadi kejayaan besar, dan @Media 2006 mempunyai lebih banyak janji. Barisan penceramahnya ditarik dari beberapa suara yang paling menarik dan bertenaga dalam reka bentuk web dan komuniti penyemak imbas.

Chris Wilson berada di sana untuk mengumumkan pelepasan utama pertama kepada Microsoft Internet Explorer dalam hampir setengah dekad. Rachel Andrew dan Dave Shea menukar tips praktikal mengenai CSS dan pengurusan projek. Tantek Çelik berkongsi beberapa karya baru -baru ini mengenai mikroformat. Molly Holzschlag, Projek Piawaian Web pada masa itu, menyediakan ceramah yang menerangi mengenai pengantarabangsaan dan merancang untuk menyertai panel mengenai perkembangan terkini CSS.

Persidangan itu bermula pada hari Khamis dengan ceramah utama oleh Eric Meyer, perintis dan pengadopsi awal CSS. Slaid tajuk keynote membaca "Satu Dekad Gaya." Dalam ceramah yang menawan dan peribadi, Meyer menceritakan sejarah gaya cascading selama sedekad, atau CSS. Sejarah profesionalnya sendiri saling berkaitan dan tidak dapat dipisahkan dari CSS, Meyer menggunakan waktunya di panggung untuk melihat akar bahasa dan memahami lebih baik keputusan dan kompromi yang telah membawa kepada hari ini.

Di tengah -tengah ceramahnya, Meyer melancarkan rahsia kepada kejayaan CSS: "Jangan sekali -kali meremehkan kesan sekumpulan kecil pakar yang bersemangat." CSS, bahasa reka bentuk yang terbuka dan boleh diakses di web, berkembang bukan kerana teknologi itu sendiri, tetapi kerana orang -orang yang membinanya (dan dibina dengannya) dan apa yang mereka kongsi ketika mereka belajar di sepanjang jalan. Sejarah CSS, Meyer menyimpulkan, adalah sejarah orang yang membuatnya.

Lima belas tahun selepas ceramah itu, dan hampir tiga dekad selepas penciptaannya, itu masih benar.

Pada hari Khamis pagi, 20 Oktober 1994, hadirin persidangan lain, persidangan WWW antarabangsa kedua, melangkah masuk ke sebuah bilik di tingkat dua Hotel Ramada di Chicago. Ia dipanggil bilik emas. The Grand Hall di seberang jalan agak lebih besar -diserahkan untuk persembahan utama pada hari itu -tetapi bilik emas akan berfungsi dengan baik untuk kumpulan yang agak kecil yang berjaya membuat panel awal pagi 8:30 pagi.

Kebanyakan yang hadir pada pagi itu akan habis dan bermata, letih dari acara rangkaian lewat malam yang telah merangkumi tiga malam sebelumnya. Khamis adalah hari pemaju, hari terakhir persidangan.

Persidangan Chicago telah didahului enam bulan lebih awal oleh persidangan WWW pertama di Geneva. Sebaliknya akan jelas. Daripada sesi pelarian yang memberi tumpuan kepada piawaian dan spesifikasi, dewan -dewan berdengung dengan orang dalam industri dan upstart komersial yang menjual barangan mereka. Dalam masa yang singkat, web telah menjadi arus perdana. Persidangan di Chicago mencerminkan peralihan nada: ia adalah acara industri, dengan wakil -wakil dari Microsoft, HP, Silicon Graphics, dan banyak lagi.

Tema persidangan itu adalah "Mosaic dan Web," dan tapak penciptaan Mosaic, NCSA, telah membantu menganjurkan acara tersebut. Ia adalah fakta yang lebih dramatik oleh siaran akhbar dari Netscape, sebuah syarikat yang kebanyakannya dikendalikan oleh bekas pekerja NCSA, hanya beberapa hari lebih awal. Versi pertama penyemak imbas mereka -secara dramatik dibebankan sebagai "pembunuh mosaik" - bukan hanya dalam beta, tetapi akan bebas apabila dibebaskan (keputusan yang kemudiannya akan dibalikkan). Kebanyakan ahli pasukan Netscape hadir, dalam pembangkang komersil bekas majikan mereka dan saingan terbesar.

Intrike Grand of Commercial bentrokan agak membayangi sesi pagi pertama pada hari terakhir persidangan, "HTML dan SGML: Persembahan Teknikal." Ini, walaupun fakta bahawa pencipta web, Sir Tim Berners-Lee, mengetuai panel. Penyampai terakhir adalah Håkon Wium Lie, yang bekerja dengan Berners-Lee dan Robert Calliau di CERN. Ia adalah mengenai cadangan baru untuk bahasa reka bentuk yang berbohong memanggil lembaran gaya HTML. CHSS untuk pendek.

Cadangan itu datang bersama -sama dengan tergesa -gesa. Perbualan dengan Editor Standard Dave Ragget membantu meyakinkan kebohongan yang mendesak. Berlari ke tarikh akhir, Lie telah mencatatkan draf pertama cadangannya sepuluh hari sebelum persidangan itu.

Pembohongan telah datang ke web lebih awal dan bersemangat. Cukup awal untuk menggunakan penyemak imbas mod line Nicola Pellow untuk telnet ke laman web yang pertama. Dan cukup bersemangat untuk menyertai Berners-Lee dan pasukan web di CERN sejurus selepas menamatkan pengajian dari makmal media MIT pada tahun 1992. "Saya mendengar Big Bang dan datang berlari," adalah bagaimana kebohongan meletakkannya.

Tidak lama selepas dia bermula di CERN, bahasa web beralih. Menyedari bahawa penonton web tidak dapat menatap teks hitam pada latar belakang putih sepanjang hari, pembuat mozek memperkenalkan tag yang membiarkan pencipta laman web menambah imej inline ke laman web mereka. Sebaik sahaja pintu dibuka, lebih banyak ciri -ciri bergegas. Mosaic menambah lebih banyak tag untuk warna dan fon dan susun atur. Berbohong, dan pasukan di CERN, hanya boleh duduk di luar dan menonton, satu fakta akan memberi komen, berkata, "Ia seperti: 'Darn, kita memerlukan sesuatu yang cepat, jika tidak, mereka akan memusnahkan bahasa HTML.'"

Pelepasan Netscape yang akan berlaku pada tahun 1994 tidak memberikan kelegaan. Marc Andreessen dan pasukannya di Netscape menjanjikan pelayar web yang berfokus pada pengguna. Berners-Lee telah membangunkan HTML-bahasa tunggal web-untuk menggambarkan dokumen, bukan untuk mereka bentuknya. Untuk mengisi jurang itu, penyemak imbas memasukkan bahasa HTML dengan tag untuk membolehkan pereka membuat laman web yang dinamik dan bergaya.

Masalahnya, belum ada cara standard untuk melakukan ini. Oleh itu, setiap pelayar menambah apa yang mereka rasa perlu dan yang lain terpaksa sama ada mengikutinya atau pergi dengan cara mereka sendiri. "Sebaik sahaja imej dibenarkan sejajar dalam dokumen HTML, Web menjadi medium reka bentuk grafik baru," kata pengaturcara dan ahli W3C yang tidak lama lagi Chris Lilley yang diposkan ke WWW-Talk sekitar masa itu, "Jika helaian gaya atau maklumat yang serupa tidak ditambah kepada HTML, harga yang tidak dapat dielakkan akan menjadi dokumen yang hanya kelihatan baik pada pelayar tertentu.

Cadangan berbohong - yang dia mula bekerja hampir sebaik sahaja dia bergabung di CERN -adalah bahasa kedua. CHSS menggunakan Lembaran Gaya: Dokumen berasingan yang menggambarkan reka bentuk visual HTML tanpa menjejaskan strukturnya. Jadi anda boleh menukar HTML anda dan lembaran gaya anda tetap sama. Tukar helaian gaya dan HTML tetap sama. Kandungan tinggal di satu tempat, dan persembahan di lain.

Terdapat cadangan lembaran gaya lain. Rob Raisch dari pencipta O'Reilly dan Viola Pei-Yuan Wei masing-masing mempunyai putaran mereka sendiri. Bekerja di CERN, di mana web telah dibuat, membantu meningkatkan profil CHSS. Kesederhanaan relatifnya juga menjadikannya menarik kepada pembuat penyemak imbas. Cascade dalam cascading HEETS HEETS HTML, bagaimanapun, memisahkannya.

Setiap orang mengalami web melalui prisma pengalaman mereka sendiri. Ia dilihat melalui peranti yang berbeza, di bawah keadaan yang berbeza. Pada pembaca dan telefon skrin dan di TV skrin besar. Persepsi seseorang tentang bagaimana halaman harus dilihat berdasarkan keadaan mereka berjalan dengan sangat berbeza dengan kedua -dua niat penulis laman web dan batasan dan keupayaan pelayar. Oleh itu, web itu huru -hara. Sumber berganda bergaul dan bersaing untuk menentukan cara setiap laman web dilihat.

Cascade membawa pesanan ke web. Melalui satu set peraturan yang mudah, pelbagai pihak -pelayar, pengguna, dan pengarang laman web -boleh menentukan pembentangan HTML dalam helaian gaya berasingan. Apabila peraturan mengalir dari satu helaian gaya ke seterusnya, Cascade mengimbangi satu peraturan terhadap yang lain dan menentukan pemenang. Ia menyimpan reka bentuk untuk web yang mudah, diwarisi, dan merangkumi keadaan yang tidak stabil semulajadi. Ia telah berubah dari masa ke masa, tetapi Cascade telah menjadikan web yang boleh disesuaikan dengan persekitaran pengkomputeran baru.

Selepas berbohong memberikan persembahannya di tingkat dua Hotel Ramada di Chicago, ia adalah cascade yang memonopoli perbincangan. Pembuat web menggunakan cadangan CHSS sebagai batu loncatan untuk perbualan yang lebih luas mengenai niat pengarang dan keutamaan pengguna. Dalam keadaan apa, dalam erti kata lain, pengarang reka bentuk laman web harus mengatasi keutamaan pengguna atau penentuan pelayar. Perdebatan produktif tumpah di luar bilik dan ke senarai mel-talk WWW, di mana ia diambil oleh Bert Bos.

BOS adalah jurutera Belanda, belajar matematik di University of Groningen di Belanda. Sebelum dia menamatkan pengajian, beliau mencipta pelayar yang dipanggil Argo, alat yang terkenal dan berguna untuk beberapa jabatan universiti. Argo terkenal kerana dua sebab. Yang pertama ialah ia termasuk lelaran awal apa yang kemudiannya dikenali sebagai Applet. Yang kedua ialah ia termasuk pelaksanaan lembaran gaya BOS sendiri, yang tidak terlalu tidak seperti CHSS. Dia mengenali peluang.

"Kebanyakan kandungan CSS1 telah dibincangkan di papan putih di Sophia-Antipolis pada bulan Julai 1995 ... Setiap kali saya menghadapi masalah teknikal yang sukar, saya fikir Bert dan papan putih itu."

HAKON WIUM LIE

Lie dan Bos mula bekerja bersama -sama, menggabungkan cadangan mereka menjadi sesuatu yang lebih halus. Pada tahun berikutnya, pada musim bunga tahun 1995, persidangan WWW ketiga diadakan di Darmstadt, Jerman. Netscape, yang baru saja dikeluarkan enam bulan sebelum ini, telah memasuki gelombang populariti baru yang diketuai oleh CEO baru mereka Jim Barksdale. Beberapa bulan dari IPO yang paling berjaya dalam sejarah, Netscape akan melancarkan dirinya ke stratosfera, dengan senapang patah web, masih menambah ciri-ciri HTML yang baru dan tidak standard apabila mereka dapat.

Lie dan Bos hanya pernah berkomunikasi dari jauh. Di Jerman, mereka bertemu secara peribadi untuk kali pertama dan memberikan persembahan bersama mengenai cadangan baru untuk lembaran gaya cascading, CSS (H jatuh pada masa itu).

Ia bertentangan dengan apa yang ada pada masa itu. Dengan hanya HTML di atas pelupusan mereka, pereka web terpaksa membuat "susun atur halaman melalui jadual dan netscapisms seperti saiz fon," seperti yang ditulis oleh seorang kolumnis Suck pada masa itu, kemudian dipetik dalam disertasi yang ditulis oleh pembohongan. Laman web yang berdarah meja perlahan untuk dimuatkan, dan sukar difahami oleh peranti yang boleh diakses seperti pembaca skrin. CSS menyelesaikan masalah tersebut. Penulis yang sama, walaupun tidak mempercayai panjang umurnya, memuji CSS untuk "keanggunan mudah, tetapi juga ... superfluousness dan redundansi."

Tidak lama selepas persidangan itu, BOS menyertai terletak di W3C. Mereka mula merangka spesifikasi musim panas itu. Berbohong mengingatkan kerja -kerja yang penuh kegembiraan dan produktif yang mereka lakukan dengan sayang. "Kebanyakan kandungan CSS1 telah dibincangkan di papan putih di Sophia-Antipolis pada bulan Julai 1995 ... Setiap kali saya menghadapi masalah teknikal yang sukar, saya fikir Bert dan papan putih itu."

Chris Wilson, pada tahun 1995, sudah menjadi seorang pakar dalam pelayar. Dia telah bekerja di NCSA di pasukan Mosaic, salah satu daripada dua pengaturcara yang mencipta versi Windows. Di ruang bawah tanah makmal NCSA, Wilson adalah peserta yang bersemangat dalam perbualan yang membantu menentukan web awal.

Kebanyakan rakannya di NCSA dibungkus dan berpindah ke Silicon Valley untuk bekerja di pembunuh mozek Netscape. Wilson memilih sesuatu yang berbeza. Dia menetap jauh ke utara, di Seattle. Tugas pertamanya adalah dengan Spry, bekerja pada pelayar berlesen mozek untuk internet mereka dalam pakej kotak . Walau bagaimanapun, sebagai seorang jurutera sukar bagi Wilson untuk mengelakkan cabutan Microsoft di Seattle. Menjelang tahun 1995, beliau bekerja di sana sebagai pemaju perisian, dan pada tahun 1996, beliau dipindahkan ke pasukan Internet Explorer di hadapan pelepasan versi penyemak imbas.

Internet Explorer adalah kemasukan lewat Microsoft ke pasaran penyemak imbas. Bill Gates terkenal menghindari internet dan web selama bertahun -tahun, sebelum membalikkan kedudukan syarikatnya sepenuhnya. Pada masa itu, Netscape telah menangkap pasaran yang berkembang pesat yang tidak wujud ketika mereka mula. Mereka telah mengeluarkan dua versi liar yang berjaya dari pelayar mereka yang mesra pengguna, silang platform. Tingkap mereka ke web dihiasi dengan e-mel terbina dalam, proses pemasangan yang mudah, dan bahasa baru yang dipanggil JavaScript yang membolehkan pemaju menambah animasi yang meriah ke web yang sebelum ini tidak aktif.

Microsoft menawarkan sedikit. Internet Explorer bermula sebagai pelabuhan mozek, tetapi pada masa Wilson ditandatangani, ia terletak pada asas kod yang ditulis semula. Selain beberapa ciri asli Microsoft yang terbina dalam yang merayu kepada pasaran perusahaan, Internet Explorer tidak dapat menetapkan diri mereka selain daripada tumpuan dan kadar Netscape yang tajam.

Microsoft memerlukan pembezaan. Wilson fikir dia mempunyai satu. "Ada perkara ini yang dipanggil Lembaran Gaya," Wilson teringat memberitahu bosnya pada masa itu, "ia membolehkan anda mengawal fon dan anda dan anda dapat membuat halaman yang sangat cantik, Netscape tidak melihat perkara ini." Wilson mendapat kelulusan untuk mula bekerja di CSS di tempat.

Pada masa itu, spesifikasi CSS belum selesai. Untuk merapatkan jurang bagaimana keadaan sepatutnya berfungsi, Wilson bertemu secara teratur dengan kebohongan, BOS, dan ahli -ahli lain dari W3C. Mereka akan membuat pengeditan untuk spesifikasi draf mereka, dan Wilson akan mencubanya dalam penyemak imbasnya. Bilas dan ulangi. Kemudian, mereka juga membawa Vidur Apparao dari Netscape ke dalam perbincangan mereka, yang menjadi lebih formal. Akhirnya, mereka menjadi kumpulan kerja CSS.

Internet Explorer 3 dikeluarkan pada bulan Ogos 1996. Ia adalah pelayar pertama yang mempunyai sokongan untuk CSS, bahasa yang belum disyorkan secara rasmi oleh W3C. Kemudian, itu akan menjadi masalah. "Masih banyak IE3 di luar sana," Lie kemudiannya akan berkata beberapa tahun selepas pembebasan awalnya, "dan kerana mereka tidak mematuhi spesifikasi, sangat sukar untuk menulis lembaran gaya yang akan berfungsi dengan baik dengan IE3 sambil bekerja dengan baik dengan pelayar kemudian."

Walau bagaimanapun, pada masa itu, ia sangat diperlukan. Versi kerja CSS yang dikuasai oleh pelayar di syarikat teknologi terbesar dalam kestabilan dunia yang dipinjamkan. Susun atur berasaskan meja dan tag netscape sahaja masih lagi diterima pakai, tetapi CSS kini berpeluang.

Menjelang tahun 1997, W3C memecah kumpulan kerja HTML menjadi tiga bahagian, dengan CSS mendapatkan kumpulan khususnya yang dibentuk dari pasukan Internet Explorer 3 Hoc. Ia akan dipengerusikan oleh Chris Lilley, yang datang ke web sebagai pakar grafik komputer. Lilley telah menunjukkan beberapa tahun sebelum ini keperluan untuk teknologi web yang standard untuk reka bentuk. Di W3C, dia akan memimpin usaha untuk berbuat demikian.

Cadangan rasmi pertama CSS diterbitkan pada bulan Disember 1997. Enam bulan kemudian, CSS Versi 2 telah dikeluarkan.

Sebagai Pengerusi Kumpulan Kerja, Lilley aktif dalam senarai mel Talk WWW. Dia sering meminta nasihat atau menjawab soalan daripada pemaju. Pada satu pertukaran itu, dia menerima e -mel dari seorang Eric Meyer. "Hei, saya melemparkan halaman ujian ini, saya tidak tahu sama ada anda berminat dengan mereka," adalah bagaimana Meyer mengingati mesej itu, sambil menambah bahawa dia tidak menyedari bahawa "tidak ada yang lain seperti itu."

Eric Meyer berada di persidangan web di Chicago di mana Håkon terletak pertama kali demo CSS, walaupun tidak pada sesi itu. Dia tidak mendapat peluang untuk melihat CSS sehingga beberapa tahun kemudian, di Persidangan Web Tahunan Kelima di Paris. Dia berada di sana untuk membentangkan kertas mengenai teknologi web yang telah dikembangkannya semasa bekerja sebagai Webmaster Western Case. Walau bagaimanapun, tujuannya di sana adalah untuk menemui masa depan web yang mungkin.

Dia menghadiri satu panel yang memaparkan Håkon Lie dan Bert Bos, bersama Dave Raggett. Mereka masing -masing bercakap dengan keupayaan CSS sebagai sebahagian daripada spesifikasi W3C. Chris Wilson berada di sana juga, menyusu sedikit sejuk tetapi dengan tegas demoing versi CSS yang bekerja di Internet Explorer 3.

Meyer pulang ke rumah dan mula bereksperimen dengan CSS. Tetapi dia dengan cepat memukul dinding. Dia mempunyai sedikit lebih daripada satu spesifikasi untuk pergi -tidak ada perkara seperti dokumentasi rasmi atau tutorial CSS -tetapi sesuatu yang dirasakan. Dia akan kod sedikit CSS dan mengharapkan ia berfungsi dengan cara, dan ia akan berfungsi dengan yang lain.

Itulah ketika dia mula menarik halaman ujian. Meyer akan mengasingkan kodnya kepada satu ciri CSS. Kemudian dia akan menguji bahawa di seluruh pelayar, dan mendokumenkan ketidakkonsistenan mereka, bersama bagaimana dia fikir mereka harus bekerja. "Saya fikir ia adalah kegembiraan semata -mata merangkak melalui sistem baru, menariknya, memikirkan bagaimana ia berfungsi, dan mendokumentasikan apa yang bekerja dan apa yang tidak. Selama bertahun -tahun, Meyer telah membina kerjaya di atas percubaan jenis ini.

Halaman -halaman ujian yang disiarkan di laman web Meyer dan kemudian ke blog lain -dengan jelas disusun dan tidak disedari mendokumentasikan pelaksanaan CSS yang betul mengikut spesifikasinya. Sebaik sahaja Chris Lilley memegang mereka, Kumpulan Kerja CSS membantu Meyer mengubahnya ke suite ujian W3C CSS rasmi, alat penting untuk membantu pelayar yang bekerja untuk memperkenalkan CSS.

Halaman ujian dan tutorial di laman peribadi Meyer tidak lama lagi menjadi lajur biasa di blog popular. Kemudian O'Reilly mendekati dia tentang menulis buku, yang akhirnya menjadi CSS: Panduan Definitif . Penyelidikan untuk buku ini menghubungkan Meyer kepada orang -orang yang membina CSS di dalam W3C dan pelayar. Dia, pada gilirannya, berkongsi apa yang dia pelajari dengan komuniti pembangunan web. Tidak lama kemudian, Meyer telah menyusun warisan sebagai tokoh utama dalam sejarah CSS.

Kerjanya berterusan. Apabila projek Standard Web menjangkau pengaturcara John Allsopp untuk membentuk jawatankuasa yang didedikasikan untuk CSS, dia segera memikirkan Meyer. Meyer disertai oleh Allsopp dan beberapa yang lain: Sue Sims, Ian Hickson, David Baron, Roland Eriksson, Ken Gunderson, Brade McDaniel, Liam Quinn dan Todd Fahrner. Secara kolektif, tajuk rasmi mereka adalah Jawatankuasa Tindakan CSS, tetapi mereka sering pergi oleh CSS Samurai.

CSS adalah bahasa reka bentuk yang standard. Sekiranya dilakukan dengan betul, ia boleh menggoncang ciri-ciri netscape sahaja dan susun atur berasaskan meja masa lalu. Tetapi pelayar tidak menangkap CSS cukup cepat untuk sesetengah pemaju. Dan apabila mereka melakukannya, ia sering menjadi satu perkara. "Anda benar -benar tidak dapat bayangkan, melainkan jika anda hidup, bagaimana kereta dan sokongan penyemak imbas yang tidak konsisten dan mengecewakan untuk CSS adalah," Meyer kemudiannya akan ingat. Matlamat CSS Samurai adalah untuk membetulkannya.

Jawatankuasa ini mengambil pendekatan projek piawaian web yang biasa, menerbitkan laporan awam mengenai kekurangan sokongan pelayar di satu pihak, dan bertemu secara persendirian dengan pembuat pelayar untuk membincangkan perubahan yang lain. Objektif ketiga Jawatankuasa adalah untuk bercakap dengan pemaju secara langsung. Pendidikan rumput menjadi matlamat utama untuk kerja Samurai CSS, alat perubahan yang berkesan dari bawah ke atas.

Netscape menyediakan halangan terbesar. Selalunya bergantung kepada JavaScript, Netscape menggunakan versi CSS yang tidak standard yang dikenali sebagai JSSS, bahasa yang kini telah dilupakan. Lembaran gaya penyemak imbas secara dinamik menggunakan JavaScript untuk menjadikan halaman, yang membuat sokongannya tidak sekata dan sering lambat untuk dimuatkan. Ia tidak akan sampai pembebasan enjin rendering Gecko pada awal tahun 2000, bahawa JSSS akan dikeluarkan. Apabila Netscape berubah menjadi Mozilla berikutan perubahan itu, akhirnya ia akan datang ke pelaksanaan CSS yang berfungsi.

Tetapi dengan pelayar lain, terutamanya dengan versi Internet Explorer yang menangkap segmen pasaran yang lebih besar, WASP terbukti berjaya. Hati dan minda pemaju bersama mereka, ketika mereka memasuki era baru gaya di web.

Terdapat sekurang -kurangnya satu perbualan mengenai kopi yang menyelamatkan CSS. Mungkin ada lagi, tetapi perbualan yang dipersoalkan berlaku pada tahun 1999, antara Todd Fahrner dan Tantek Çelik. Fahrner adalah ahli Projek Standard Web dan CSS Samurai, selalunya di barisan hadapan perubahan. Antara kerja yang tidak ternilai dengan dan untuk web, dia membantu Meyer dengan suite ujian CSS dan membangunkan ujian litmus praktikal untuk sokongan CSS yang dikenali sebagai ujian asid.

Çelik bekerja di Microsoft. Dia bertanggungjawab untuk membawa sokongan piawaian web ke Internet Explorer untuk Mac, beberapa tahun sebelum pelayar utama lain akan melakukan perkara yang sama. Çelik akan mempunyai kesan yang panjang dan berkekalan terhadap pembangunan CSS. Dia tidak lama lagi akan menyertai Jawatankuasa Pemandu Projek Standard Web. Kemudian, sebagai ahli kumpulan kerja CSS, beliau akan menyumbang dan membantu mengedit beberapa spesifikasi.

Pada hari itu, lebih dari kopi, topik perbualan adalah krisis eksistensi web. Selama bertahun-tahun, pelayar telah menambah ad-hoc, tidak sekata dan versi CSS yang tidak serasi. Dengan cadangan rasmi dari W3C, akhirnya ada cara yang tepat untuk melakukan sesuatu. Tetapi jika penyemak imbas mengambil peraturan yang baru dan betul dari W3C dan memohon mereka ke semua tapak yang telah bergantung pada peraturan yang lama dan tidak betul dari sebelumnya, mereka tiba -tiba kelihatan patah.

Apa yang mereka perlukan adalah togol. Sesetengah jenis suis yang boleh dihidupkan oleh pemaju untuk memberi isyarat bahawa mereka mahu peraturan yang baru dan betul. Pada hari itu, Fahrner mencadangkan menggunakan Deklarasi Doctype. Ia adalah sedikit teks di bahagian atas halaman HTML yang menentukan definisi jenis dokumen (yang telah dibelanjakan oleh Dan Connolly di W3C Standardizing). Amalan ini dikenali sebagai pertukaran Doctype. Ini bermakna tapak baru boleh kod CSS dengan cara yang betul, dan laman web lama akan terus berfungsi dengan baik.

Apabila Internet Explorer untuk MAC versi 5 dikeluarkan, ia termasuk penukaran Doctype. Tidak lama kemudian, semua penyemak imbas dilakukan. Itu mengayunkan pintu terbuka untuk CSS patuh piawaian dalam pelayar.

"Kami tidak belajar merancang web." Oleh itu, bacalah baris pertama pengenalan buku gaya Cascading Molly Holzschlag 2003: The Designer's Edge . Ia adalah pernyataan yang berani, bukan yang pertama atau yang terakhir dari Holzschlag -yang mempunyai kesan yang mendalam dan berkekalan pada evolusi web. Sepanjang kariernya Holzschlag telah menjadi penyokong gelisah bagi orang yang menggunakan web, walaupun ketika itu telah bertembung dengan pembuat teknologi web. Sejarahnya yang panjang dengan Web telah melangkaui CSS, hampir setiap aspek perkembangan dan evolusinya.

Holzschlag terus berjalan. "Untuk sampai ke tahap ini dalam sejarah Web, kita perlu meminjam garis panduan dari media lain, hack dan penyelesaian jalan kami melalui ketidakkonsistenan pelayar, dan membengkokkan markup setakat ini dari bentuk normal yang telah kami pelanggaran."

Pada akhir tahun 2000, Netscape mengeluarkan versi keenam penyemak imbas mereka. Internet Explorer 6 keluar tidak lama kemudian. Lembaran gaya untuk penyemak imbas ini jauh lebih berkemampuan daripada apa yang telah berlaku sebelum ini. Tetapi Microsoft tidak akan melepaskan pelayar lain selama lima tahun. Netscape, semua yang dikalahkan oleh Microsoft, akan mengambil masa bertahun-tahun untuk berkumpul semula dan memperbaharui sebagai Firefox yang lebih berkebolehan dan piawai.

Kerja projek Standard Web dan W3C telah membawa versi CSS ke Web. Tetapi ia tidak lengkap, dan sering sukar difahami. Dan pemaju terpaksa mengambil kira penyemak imbas yang lebih tua, yang banyak orang masih digunakan.

Pada awal tahun 2000, pencipta web telah ditangkap di antara masa lalu yang penuh dengan ketidakkonsistenan dan masa depan yang menangkap imaginasi mereka. "Pereka dan pemaju telah menolak batas-batas yang mampu," pemaju web Eevee teringat tentang menggunakan CSS pada masa itu, "Pelayar mengendalikan semuanya agak buruk.

Kebanyakan pereka web terus bergantung pada gabungan hacks jadual HTML dan tag khusus Netscape untuk membuat reka bentuk canggih. Tahap dua CSS menawarkan lebih banyak kemungkinan, tetapi pereka teragak -agak untuk pergi dan risiko pengalaman buruk bagi pengguna Netscape. "Netscape Navigator 4 memegang semua orang kembali," pemaju Dave Shea kemudiannya akan berkata, "Ia hampir tidak menyokong CSS, dan pastinya tidak dalam apa-apa kapasiti yang kita boleh mula membina tapak yang kurang meja dan kes perniagaan untuk sokongan berterusan terlalu kuat untuk diabaikan."

Di bawah permukaan, bagaimanapun, komuniti yang bersemangat dan berpengaruh menyebarkan idea -idea baru melalui blog dan senarai mel dan buku. Komuniti itu memperkenalkan penyelesaian pintar dengan nama -nama yang sama pandai. "Holly Hack" dan "Clearfix" dari kedudukannya adalah segala -galanya , yang dikendalikan oleh Holly Bergevin dan John Gallant. Douglas Bowman's "Doors Sliding of CSS," Dan Webb dan Patrick Griffith's "Dropdowns Suckerfish" dan "Lajur Faux" Dan Ciederhhith semuanya berasal dari blog Jeffrey Zeldman. Malah Meyer dan Allsopp mencipta CSS membincangkan senarai mel sebagai bengkel untuk idea dan amalan yang inovatif.

"Ia akan menjadi orang yang menggunakan CSS dalam beberapa tahun akan datang yang akan menghasilkan idea reka bentuk yang inovatif yang kita perlukan untuk membantu memacu potensi web secara umum."

Molly Holzschlag

Walau bagaimanapun, begitu banyak tenaga komuniti itu dibelanjakan untuk hacks dan penyelesaian dan penyelesaian kreatif. Idea reka bentuk yang paling menarik datang selalu dilampirkan dengan kaveat, sedikit kod untuk menjadikannya berfungsi dalam penyemak imbas ini atau itu. Edisi pertama CSS Anthology ** oleh Rachel Andrew, yang menjadi buku panduan bagi banyak pemaju CSS, memaparkan seluruh bab mengenai apa yang perlu dilakukan mengenai Netscape 4.

Inovator CSS -Beset oleh perbezaan yang sukar diterangkan -terpaksa memilih bahasa dan mencari jalan ke reka bentuk mereka. Berikutan kebaharuan itu datang lonjakan kreatif. Beberapa reka bentuk yang paling ekspresif dan cerdik dalam sejarah web keluar dari era ini.

Walau bagaimanapun, komuniti yang sama, sering kali jatuh ke keasyikan kolektif dengan apa yang mereka boleh buat CSS. Budaya yang, kadang -kadang, hacks dan penyelesaian yang terlalu tinggi. Sebahagian besar daripada keperluan, pendidikan bersama memberi tumpuan kepada bagaimana bukannya mengapa. Teknik-teknik yang terlalu banyak yang kadang-kadang melampaui kegunaan mereka.

Itu akan mula berubah. Holzschlag mengakhiri pengenalan buku beliau di CSS dengan mengangguk ke masa depan. "Ia akan menjadi orang yang menggunakan CSS dalam beberapa tahun akan datang yang akan menghasilkan idea reka bentuk yang inovatif yang kita perlukan untuk membantu memacu potensi web secara umum."

Dave Shea adalah pengikut ideologi Projek Standard Web, ahli aktif komuniti CSS yang semakin meningkat. Dia bersetuju dengan Holzschlag. "Kami memasuki tempoh di mana individu dapat membantu membentuk masa depan web," dia kemudiannya menerangkan masa ini. Seperti orang lain, dia kecewa dengan batasan pelayar tanpa sokongan CSS.

Penawar untuk kekecewaan jenis ini sering kali bersenang -senang. Walaupun semakin besar pada hari itu, komuniti reka bentuk web adalah kecil dan biasa. Bagi sesetengah orang, ia menjadi hobi untuk menyebarkan inspirasi. Domino Shriver menyusun senarai reka bentuk CSS di laman webnya, Webnoveau, yang kemudiannya dikekalkan oleh Meryl Evans. Setiap hari, laman web baru yang direka dengan CSS akan diposkan ke laman utamanya. Keseronokan CSS harian Chris Casciano meminda pendekatan itu. Setiap hari dia akan menyiarkan lembaran gaya baru untuk fail HTML yang sama, menangkap pelbagai reka bentuk CSS yang dimungkinkan. Pada bulan Mei 2003, Shea menghasilkan sendiri mengambil format apabila dia melancarkan CSS Zen Garden. Projek ini terletak di premis mudah. Setiap halaman menggunakan fail HTML yang sama dengan kandungan yang sama. Satu -satunya perkara yang berbeza ialah lembaran gaya halaman, CSS yang digunakan untuk HTML itu. Daripada mencipta mereka sendiri, Shea memohon helaian gaya dari pemaju di seluruh dunia untuk mewujudkan galeri digital inspirasi CSS. Reka bentuk terdiri daripada minimalism yang dibina untuk menghairankan Baroque. Ia adalah taman permainan untuk meneroka apa yang mungkin.

Seketika sumber pengaruh, demonstrasi praktikal kelebihan CSS, dan pameran reka bentuk web yang hebat, Zen Garden tersebar ke hujung jauh. Apa yang bermula dengan lima reka bentuk tidak lama lagi berubah menjadi laman web yang dipenuhi dengan berpuluh -puluh reka bentuk yang berbeza. Dan kemudian lebih banyak. "Beratus -ratus pereka telah membuat tanda mereka -dan kadang -kadang reputasi mereka -dengan membuat susun atur taman Zen," pengarang Jeffrey Zeldman kemudiannya berkata dalam bukunya yang merancang dengan piawaian web , "dan puluhan ribu di seluruh dunia telah belajar untuk mencintai CSS kerana itu."

Walaupun Zen Garden akan menjadi yang paling terkenal, ia hanya satu sumbangan kepada projek inspirasi yang semakin meningkat di web. Pencipta web mahu melihat masa depan.

Pada tahun 2005, Shea menerbitkan sebuah buku berdasarkan projek dengan Molly Holzschlag yang dipanggil Zen of CSS Design . Pada masa itu, CSS mempunyai perhatian penuh pereka web.

Pada tahun 1998, dalam usaha untuk mengikuti perkembangan Microsoft, Netscape membuat keputusan untuk melepaskan pelayar mereka secara percuma, dan membuka sumber kod sumbernya di bawah projek payung yang baru dibentuk yang dikenali sebagai Mozilla yang akhirnya akan membawa kepada pelepasan pelayar Firefox pada tahun 2003.

David Baron dan Ian Hickson kedua-duanya memulakan karier mereka di Mozilla pada akhir 1990-an sebagai sukarelawan, dan kemudian pelatih, pada pasukan Jaminan Kualiti Mozilla, mengenal pasti pepijat pematuhan piawaian. Ia adalah melalui kerja mereka bahawa mereka menjadi sangat biasa bukan hanya dengan bagaimana CSS sepatutnya berfungsi, tetapi bagaimana, dalam praktiknya, ia digunakan di dalam pelayar yang didorong oleh piawaian. Pada masa itu, Hickson dan Baron menjadi sebahagian daripada komuniti CSS yang semakin meningkat, dan menyertai CSS Samurai. Mereka membantu menulis dan menjalankan ujian untuk suite ujian CSS. Mereka menjadi peserta aktif dalam senarai mel gaya WWW, dan kemudian, kumpulan kerja CSS itu sendiri.

Semasa Meyer menulis buku pertamanya, CSS: The Definitif Panduan , dia teringat meminta Baron dan Hickson untuk membantu memahami bagaimana beberapa bahagian CSS bekerja. "Saya ragu -ragu bahawa saya akan berhenti kerana mereka untuk mendapatkan dedikasi mereka untuk mendapatkan saya melalui padang gurun kesalahpahaman saya sendiri," katanya kemudian. Ia adalah perhatian mereka terhadap perincian yang akan menjadikan mereka aset yang luar biasa.

Pelayar memahami helaian gaya, bahasa CSS, berdasarkan kata -kata spesifikasi di W3C. Sekiranya bahasa itu tidak cukup khusus, atau jika tidak setiap kes kelebihan atau gabungan ciri telah dipertimbangkan, ini boleh menyebabkan ketidakcocokan di kalangan pelayar. Semasa bekerja di W3C, Hickson dan Baron membantu membawa bahasa samar -samar spesifikasi teknikalnya menjadi tumpuan yang lebih jelas. Mereka membuat definisi CSS lebih tepat, konsisten, dan lebih mudah dilaksanakan dengan betul.

Kerja mereka, bersama Bert Bos, Tantek Çelik, Håkon Lie dan lain -lain, membawa kepada semakan besar versi CSS kedua, apa yang dikatakan oleh ahli kumpulan kerja CSS Elika Etemad kemudiannya sebagai "proses yang panjang untuk memasang lubang -lubang, menetapkan kesilapan, dan membina suite untuk standard CSS CSS." Ia adalah kerja yang tidak kenal lelah, banyak tentang perbualan dengan pengaturcara pelayar sebagai kerja teknikal dan tulisan sebenar.

Ia juga pekerjaan yang tidak ada yang menganggap akan mengambil masa yang lama. There had been two versions of CSS released in a few years. A minor revision was expected to take a fraction of the time. One night at a conference a few months in, several CSS editors commented that if they stayed up late one night, they might be able to get it done before the next day. Instead, the work would take nearly a decade.

For years, Elika Etemad, then known only as 'fantasai', had been an active member of the www-style mailing list and Mozilla bug tracker. It had put her in conversations with browser makers, and members of the W3C. Though she had spoken with many different members of the CSS Working Group over the years, some of her most engaged and frequent discussions were with David Baron and Ian Hickson. Like Hickson and Baron, 'fantasai' was uncovering bugs and spec errors that no one else had noticed—and happily reporting what she found.

That work earned her an invite to the W3C Technical Plenary in 2004. Each year, members of the W3C working groups travel to shifting locations (2020 was the first year it was held virtually) for the event. W3C discussions are mostly done through emails and conference calls and editorial comments. For some members, the plenary is the only time they see each other face to face all year. In 2004, it was held in the south of France, in a town called Mandelieu-la-Napoule, overlooking the Bay of Cannes. It was there that Etemad met Baron and Hickson in person for the first time.

The CSS Working Group, several years into their work on CSS 2.1, invited Etemad to join them. Microsoft had all but pulled back from the standards process after the release of Internet Explorer 6 in 2001. The working group had to work with actively developed browsers like Mozilla and Opera while constrained by the stagnant IE6. They spent years ironing out the details, always feeling on the verge of completion. “We're almost out of issues, and the new issues we are getting are usually minor stuff like typo fixes and so forth,” Hickson posted in 2006, still years away from a final specification.

During this time, the CSS Working Group was also working on something new. Hickson and Baron had learned from CSS 2.1, an exhaustive but monolithic specification. “We succeeded,” Hickson would later comment, “but boy are they insanely complicated. What we should have done instead is just break the constraints and come up with something simpler, ideally something that more closely matched what browsers implemented at the time.” Over time, the CSS Working Group began to shift their approach. Specifications would no longer be a single, immutable document. It would change over time to accommodate real-world browser implementations.

Beginning with CSS3, also transitioned to a new format to cover a wider set of features and maintain pace with browser development. CSS3 consists of a number of modules, each that addresses a single area of functionality—including color, font, text, and more advanced concepts like media queries. “Some of the CSS3 modules out there are 'concept albums,'” 'fantasai' describes, “specs that are sketching out the future of CSS.” These “concepts” are developed independently and at a variable pace. Each CSS3 module has its own editors. Collectively, they have contributed to a bolder vision of CSS. Individually, they are developed alongside real-world browser implementations and, on their own, can more deftly adapt to change.

The modular approach to CSS3 would prove effective. The second decade of CSS would introduce sweeping changes and refreshing new features. The second decade of CSS would be different than the first. New features would lead to new designs, and eventually, a new web.

Enjoy learning about web history with stories just like this? Jay is telling the full story of the web, with new stories every 2 weeks. Sign up for his newsletter to catch up on the latest... of what's past.

Atas ialah kandungan terperinci Bab 8: CSS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!