Kapitel 8: CSS

Im Juni 2006 kamen Webentwickler und Designer aus der ganzen Welt zur zweiten jährlichen @media -Konferenz nach London. Der erste war ein großer Erfolg gewesen, und @Media 2006 hatte noch vielversprechender. Die Lautsprecheraufstellung wurde von einigen der aufregendsten und energischsten Stimmen in der Webdesign- und Browser -Community gezogen.

Chris Wilson war dort, um die erste große Veröffentlichung für Microsofts Internet Explorer seit fast einem halben Jahrzehnt bekannt zu geben. Rachel Andrew und Dave Shea tauschten praktische Tipps zu CSS und Projektmanagement aus. Tantek Çelik teilte einige seiner jüngsten Arbeiten an Mikroformaten. Molly Holzschlag, das zu dieser Zeit führend das Web -Standard -Projekt, erstellte einen aufschlussreichen Vortrag über die Internationalisierung und plante, sich einem Gremium über die neuesten Entwicklungen von CSS anzuschließen.

Die Konferenz begann am Donnerstag mit einem Keynote -Vortrag von Eric Meyer, einem Pionier und Early Adopter von CSS. Die Titel Folie der Keynote lautete "Ein Jahrzehnt des Stils". In einem faszinierenden und persönlichen Vortrag erzählte Meyer die inzwischen jahrzehntelange Geschichte von Kaskadenstilblättern oder CSS. Seine eigene professionelle Geschichte, die von der von CSS miteinander verbunden und untrennbar mit dem von CSS verbunden war, nutzte seine Zeit auf der Bühne, um die Wurzeln der Sprache zu betrachten und die Entscheidungen und Kompromisse, die zu heute geführt hatten, besser zu verstehen.

Im Zentrum seines Gesprächs stellte Meyer das Geheimnis des Erfolgs von CSS vor: „Unterschätzen Sie niemals die Auswirkungen einer kleinen, ausgewählten Gruppe leidenschaftlicher Experten.“ CSS, die offene und zugängliche Designsprache des Webs, gedieh nicht wegen der Technologie selbst, sondern wegen Menschen - den Menschen, die es aufgebaut haben (und damit gebaut) und was sie auf dem Weg gelernt haben. Die Geschichte von CSS, schloss Meyer, ist die Geschichte der Menschen, die es geschafft haben.

Fünfzehn Jahre nach diesem Vortrag und fast drei Jahrzehnte nach seiner Schöpfung ist das immer noch wahr.

Am Donnerstagmorgen, dem 20. Oktober 1994, machte sich die Teilnehmer einer anderen Konferenz, der zweiten internationalen WWW -Konferenz, in ein Zimmer im zweiten Stock des Ramada Hotel in Chicago. Es hieß den goldenen Raum. Die Grand Hall auf der anderen Seite des Weges war ein bisschen größer - für die Keynote -Präsentationen an diesem Tag erhalten -, aber der Goldraum würde gut für die relativ kleinere Gruppe funktionieren, die es geschafft hatte, am frühen Morgen 8:30 Uhr Panel zu machen.

Die meisten an diesem Morgen wären erschöpft und düstere Augen, müde von nächtlichen Networking-Events, die sich in den letzten drei Nächten überspannt hatten. Donnerstag war der Entwicklertag, der letzte Tag der Konferenz.

Die Chicagoer Konferenz war sechs Monate zuvor von der ersten WWW -Konferenz in Genf vorausgegangen. Der Kontrast wäre sofort erkennbar gewesen. Anstelle von Breakout -Sitzungen, die sich auf Standards und Spezifikationen konzentrierten, summten die Hallen mit Branchenkennern und kommerziellen Anstiegsstarts, die ihre Waren verkauften. In kurzer Zeit war das Web Mainstream geworden. Die Konferenz in Chicago spiegelte die Tonverschiebung: Es war ein Branchenereignis mit Vertretern von Microsoft, HP, Silicon Graphics und vielen anderen.

Das Thema der Konferenz war „Mosaic and the Web“, und die Website der Kreation von Mosaic, NCSA, hatte zur Organisation der Veranstaltung beigetragen. Es war eine Tatsache, dass eine Pressemitteilung von Netscape, einem Unternehmen, das hauptsächlich von ehemaligen NCSA -Mitarbeitern besetzt ist, nur wenige Tage zuvor dramatischer wurde. Die erste Version ihres Browsers - dramatisch als „Mosaikmörder“ bezeichnet - war nicht nur in Beta, sondern bei der Veröffentlichung frei (eine Entscheidung, die später rückgängig gemacht wird). Die meisten Mitglieder des NetScape -Teams waren anwesend, in der kommerziellen Opposition ihres ehemaligen Arbeitgebers und des größten Konkurrenten.

Die große Intrigen von kommerziellen Zusammenstößen überschattete die erste morgendliche Sitzung am letzten Tag der Konferenz „HTML und SGML: Eine technische Präsentation“. Trotz der Tatsache, dass der Schöpfer des Webs, Sir Tim Berners-Lee, das Panel leitete. Der letzte Moderator war Håkon Wium Lie, der mit Berners-Lee und Robert Calliau bei Cern zusammenarbeitete. Es handelte sich um einen neuen Vorschlag für eine Designsprache, dass Lüge Cascading HTML -Stilblätter nannte. Kurz CHS.

Der Vorschlag war in Eile zusammengekommen. Ein Gespräch mit dem Editor von Standards, Dave Ragget, half, die Lüge der Dringlichkeit zu überzeugen. Lie lief bis zur Frist und hatte den ersten Entwurf seines Vorschlags zehn Tage vor der Konferenz veröffentlicht.

Lüge war früh und enthusiastisch ins Web gekommen. Früh genug, um Nicola Pellows Linien-Mode-Browser für Telnet in die allererste Website zu verwenden. Und enthusiastisch genug, sich Berners-Lee und dem Web-Team von Cern kurz nach dem Abschluss des MIT Media Lab im Jahr 1992 anzuschließen.

Kurz nachdem er in Cern begann, verlagerte sich die Sprache des Netzes. Als die Macher von Mosaic ein Tag mit der Aufschrift des Webs den ganzen Tag über den ganzen Tag über den ganzen Tag über einen Tag auf den weißen Hintergrund starren konnten, starteten sie ein Tag, mit dem Website -Ersteller der Website Inline -Bilder hinzufügen konnten. Sobald das Tor geöffnet war, eilten weitere Features heraus. Mosaic fügte noch mehr Tags für Farben und Schriftarten und Layout hinzu. Lüge und das Team von Cern konnten nur am Rande sitzen und zuschauen. Eine Tatsache würde später kommentieren und sagen: "Es war wie:" Verdammt, wir brauchen etwas Schnelles, sonst werden sie die HTML -Sprache zerstören. "

Die bevorstehende Veröffentlichung von Netscape im Jahr 1994 bot keine Erleichterung. Marc Andreessen und sein Team von Netscape versprachen einen auf den Verbraucher ausgerichteten Webbrowser. Berners-Lee hatte HTML-die einzigartige Sprache des Web-entwickelt, um Dokumente zu beschreiben, um sie nicht zu entwerfen. Um diese Lücke zu füllen, haben Browser die Sprache von HTML mit Tags gestoppt, damit Designer dynamische und stilisierte Websites erstellen können.

Das Problem war, dass es noch keine Standardmethode gab. So fügte jeder Browser hinzu, was er für notwendig hielt, und andere mussten entweder dem Beispiel folgen oder ihren eigenen Weg gehen. "Sobald die Bilder in HTML-Dokumenten inline zugelassen durften, wurde das Web zu einem neuen grafischen Designmedium.

Der Vorschlag von Lüge, an dem er fast arbeitete, als er sich in Cern anschloss - war für eine zweite Sprache. CHSS verwendeten Stilblätter: getrennte Dokumente, die das visuelle Design von HTML beschrieben haben, ohne die Struktur zu beeinflussen. Sie können also Ihre HTML ändern und Ihr Stylesheet blieb gleich. Ändern Sie das Stilblatt und HTML blieb gleich. Inhalte lebten an einem Ort und Präsentation in einem anderen.

Es gab andere Vorschläge im Stilblatt. Rob Raisch von O'Reilly und Viola-Schöpfer Pei-Yuan Wei hatte jeweils ihren eigenen Dreh. Die Arbeit bei CERN, wo das Web erstellt worden war, trug dazu bei, das Profil von CHSS zu steigern. Seine relative Einfachheit machte es auch für Browserhersteller ansprechend. Die Kaskade im kaskadierenden HTML -Stilblätter zeichnete sie jedoch aus.

Jede Person erlebt das Web durch ein Prisma seiner eigenen Erfahrung. Es wird unter verschiedenen Bedingungen durch verschiedene Geräte betrachtet. Auf Lesern und Telefonen und auf großen Bildfernsehern. Die Wahrnehmung, wie eine Seite nach ihrer Situation aussehen sollte, beruht in starkem Kontrast sowohl zu der Absicht des Autors der Website als auch der Einschränkungen und Funktionen von Browsern. Das Web ist daher chaotisch. Mehrere Quellen mischen sich und konkurrieren um die Art und Weise, wie jede Webseite wahrgenommen wird.

Die Kaskade bringt Bestellung in das Web. Durch einen einfachen Regeln können mehrere Parteien - der Browser, der Benutzer und der Website -Autor - die Präsentation von HTML in separaten Stilblättern definieren. Wenn Regeln von einem Stylesheet zum nächsten fließen, gleicht die Kaskade eine Regel gegen einen anderen aus und bestimmt den Gewinner. Es bleibt das Design für das Web einfach, vererbt und umfasst seinen natürlichen instabilen Zustand. Es hat sich im Laufe der Zeit geändert, aber die Kaskade hat das Web an neue Computerumgebungen anpassbar gemacht.

Nachdem Lüge seine Präsentation im zweiten Stock des Ramada Hotel in Chicago gegeben hatte, war es die Kaskade, die die Diskussionen monopolisierte. Die Hersteller des Webs verwendeten den CHSS -Vorschlag als Sprungbrett für ein viel größeres Gespräch über die Absicht der Autoren und die Benutzerpräferenzen. In welcher Situation sollte der Autor des Designs einer Website die Präferenz eines Benutzers oder die Bestimmung eines Browsers außer Kraft setzen. Die produktive Debatte wurde außerhalb des Raumes und auf die mailing-Liste der WWW-Talk verschüttet, wo sie von Bert Bos abgeholt wurde.

BOS war ein niederländischer Ingenieur und studierte Mathematik an der Universität Groningen in den Niederlanden. Bevor er seinen Abschluss machte, schuf er einen Browser namens Argo, ein bekanntes und nützliches Instrument für einige Abteilungen der Universität. Argo war aus zwei Gründen bemerkenswert. Das erste war, dass es eine frühzeitige Iteration dessen beinhaltete, was später als Applets bekannt war. Das zweite war, dass es die Implementierung von Bos 'eigener Stilblatt umfasste, die nicht zu unähnlich zu CHS war. Er erkannte eine Gelegenheit.

"Der größte Teil des Inhalts von CSS1 wurde im Juli 1995 auf dem Whiteboard in Sophia-Antipolis besprochen. Wenn ich schwierige technische Probleme habe, denke ich an Bert und dieses Whiteboard."

Hakon Wium Lüge

Lüge und Bos begannen zusammenzuarbeiten und ihre Vorschläge in etwas Raffinierteres zusammenzuführen. Im folgenden Jahr, im Frühjahr 1995, fand die dritte WWW -Konferenz in Darmstadt statt. Netscape, der erst sechs Monate zuvor veröffentlicht worden war, ließ bereits eine neue Welle der Popularität unter der Leitung ihres neuen CEO Jim Barksdale aus. Ein paar Monate vor dem erfolgreichsten Börsengang in der Geschichte würde Netscape sich bald in die Stratosphäre starten, wobei die Web-Reit-Schrotflinte immer noch neue, nicht standardmäßige HTML-Funktionen hinzufügt, wann immer sie konnten.

Lüge und Bos hatten immer nur aus der Ferne kommuniziert. In Deutschland trafen sie sich zum ersten Mal persönlich und hielten eine gemeinsame Präsentation über einen neuen Vorschlag für Cascading -Stilblätter CSS (der H wurde bis dahin fallen).

Es stand im Gegensatz zu dem, was zu dieser Zeit verfügbar war. Da nur HTML zur Verfügung stand, mussten Webdesigner „Seitenlayout über Tabellen und NetScapismen wie Schriftartengröße“ erstellen, wie ein Saugkolumnist zu der Zeit schrieb, die später in einer von Lie geschriebenen Dissertation zitiert wurde. Die Tabellenwebseiten laden nur langsam und von zugänglichen Geräten wie Bildschirmlesern schwer zu verstehen. CSS löste diese Probleme. Der gleiche Schriftsteller lobte, obwohl er nicht an seine Langlebigkeit glaubte, CSS für seine „einfache Eleganz, aber auch… seine Überflüssigkeit und Redundanz“.

Kurz nach der Konferenz trat BOS bei der W3C an. Sie begannen in diesem Sommer eine Spezifikation. Lüge erinnert sich an die rasende und produktive Arbeit, die sie liebevoll geleistet haben. "Der größte Teil des Inhalts von CSS1 wurde im Juli 1995 auf dem Whiteboard in Sophia-Antipolis besprochen. Wenn ich schwierige technische Probleme habe, denke ich an Bert und dieses Whiteboard."

Chris Wilson war 1995 bereits ein Experte in Browsern. Er hatte bei NCSA im Mosaic -Team gearbeitet, einem von zwei Programmierern, die die Windows -Version erstellt haben. Im Keller des NCSA -Labors war Wilson ein eifriger Teilnehmer an den Gesprächen, die dazu beitrugen, das frühe Web zu definieren.

Die meisten seiner Kollegen von NCSA packten und zogen nach Silicon Valley, um am Mosaikmörder von Netscape zu arbeiten. Wilson wählte etwas anderes. Er ließ sich weiter nördlich in Seattle nieder. Sein erster Job war bei Spy und arbeitete in einem Boxpaket an einem Mosaik-lizenzierten Browser für ihr Internet . Als Ingenieur war es jedoch schwierig für Wilson, die Auslosung von Microsoft in Seattle zu vermeiden. Bis 1995 arbeitete er dort als Softwareentwickler und wurde 1996 kurz vor der Version 2 des Browsers in das Internet Explorer -Team verlegt.

Internet Explorer war Microsofts verspäteter Einstieg zum Browsermarkt. Bill Gates hatte das Internet und das Web jahrelang notorisch umsetzt, bevor er die Position seines Unternehmens vollständig umgekehrt hatte. In dieser Zeit hatte Netscape einen schnell expandierenden Markt erobert, der zu Beginn nicht existierte. Sie hatten zwei äußerst erfolgreiche Versionen ihres benutzerfreundlichen, plattformübergreifenden Browsers veröffentlicht. Ihr Fenster zum Web war mit integrierten E-Mails, einem einfachen Installationsprozess und einer neuen Sprache namens JavaScript geschmückt, mit der Entwickler einem Web, das zuvor inert war, lebhafte Animationen hinzufügen konnte.

Microsoft bot vergleichsweise wenig an. Internet Explorer begann als Hafen von Mosaik, aber als Wilson sich anmeldete, ruhte es auf einer umgeschriebenen Codebasis. Neben einigen integrierten nativen Microsoft-Funktionen, die den Unternehmensmarkt ansprachen, war Internet Explorer nicht in der Lage, sich von dem scharfen Fokus und dem Tempo von Netscape abzuheben.

Microsoft brauchte ein Unterscheidungsmerkmal. Wilson dachte, er hätte einen. "Es gibt dieses Ding namens Style Sheets", erinnert sich Wilson daran, seinem Chef zu der Zeit zu sagen, "es lässt Sie die Schriftarten und Sie kontrollieren und Sie können wirklich ziemlich aussehende Seiten machen, Netscape schaut sich dieses Zeug nicht einmal an." Wilson erhielt die Genehmigung, an der Stelle an CSS zu arbeiten.

Zu dieser Zeit war die CSS -Spezifikation noch nicht vollständig. Um die Lücke zu schließen, wie die Dinge funktionieren sollten, traf sich Wilson regelmäßig mit Lüge, Bos und anderen Mitgliedern des W3C. Sie würden Änderungen zu ihrer Entwurfsspezifikation vornehmen, und Wilson würde es in seinem Browser ausprobieren. Spülen und wiederholen. Später brachten sie sogar Vidur Appuao aus Netscape in ihre Diskussionen, die formeller wurden. Schließlich wurden sie zur CSS -Arbeitsgruppe.

Internet Explorer 3 wurde im August 1996 veröffentlicht. Es war der erste Browser, der CSS unterstützte, eine Sprache, die vom W3C noch nicht offiziell empfohlen worden war. Später würde das ein Problem werden. "Es gibt immer noch viele IE3s da draußen", sagte Lüge später einige Jahre nach seiner ersten Veröffentlichung, "und da sie nicht der Spezifikation entsprechen, ist es sehr schwierig, ein Stylesheet zu schreiben, das gut mit IE3 funktioniert und gleichzeitig mit späteren Browsern gut funktioniert."

Zu dieser Zeit war es jedoch unmittelbar notwendig. Eine funktionierende Version von CSS, die von einem Browser des größten Tech -Unternehmens der Weltstabilität der Welt angetrieben wird. Tabellenbasierte Layouts und Netscape-Tags wurden noch immer häufiger eingesetzt, aber CSS hatte jetzt eine Chance.

Bis 1997 teilte die W3C die HTML-Arbeitsgruppe in drei Teile auf, wobei CSS eine eigene engagierte Gruppe aus dem Ad-hoc Internet Explorer 3-Team bildet. Es würde von Chris Lilley geleitet, der als Computergrafikspezialist ins Web kam. Lilley hatte Jahre früher darauf hingewiesen, dass eine standardisierte Web -Technologie für das Design erforderlich war. Bei der W3C würde er die Bemühungen leiten, genau das zu tun.

Die erste formale Empfehlung von CSS wurde im Dezember 1997 veröffentlicht. Sechs Monate später wurde CSS Version 2 veröffentlicht.

Als Vorsitzender der Arbeitsgruppe war Lilley auf der Mailingliste www-talk aktiv. Er würde oft Ratschläge anfordern oder Fragen von Entwicklern beantworten. An einem solchen Austausch erhielt er eine E -Mail von einem Eric Meyer. "Hey, ich habe diese Testseiten zusammengeworfen, ich weiß nicht, ob Sie sich für sie interessieren würden.

Eric Meyer war auf der Webkonferenz in Chicago, wo Håkon das erste CSS -Demo -CSS lag, jedoch nicht auf der Sitzung. Er hatte erst einige Jahre später die Chance, CSS auf der fünften jährlichen Webkonferenz in Paris zu sehen. Er war dort, um ein Papier über Web -Technologie zu präsentieren, das er als der Fall Western Webmaster entwickelt hatte. Sein wahrer Zweck dort war es jedoch, die wahrscheinliche Zukunft des Webs zu entdecken.

Er besuchte ein Panel mit Håkon Lie und Bert Bos neben Dave Raggett. Sie sprachen jeweils als Teil der W3C -Spezifikation mit den Fähigkeiten von CSS. Chris Wilson war auch da und pflegte ein bisschen kalt, aber dennoch nachdrücklich eine funktionierende Version von CSS in Internet Explorer 3. "Ich hatte noch nie zuvor von CSS gehört, aber als das Panel vorbei war, fühlte sich die Spitze meines Kopfes so wie abgeblasen."

Meyer kam nach Hause und begann mit CSS zu experimentieren. Aber er traf schnell eine Wand. Er hatte ein bisschen mehr als eine Spezifikation zu gehen - es gab nicht so etwas wie formelle Dokumentation oder CSS -Tutorials -, aber etwas fühlte sich aus. Er würde ein bisschen CSS codieren und erwarten, dass es in eine Richtung funktioniert, und es würde ein anderes funktionieren.

Dann begann er, Testseiten zusammenzubringen. Meyer würde seinen Code auf ein einzelnes Merkmal von CSS isolieren. Dann testete er das in den Browsern und dokumentieren ihre Inkonsistenzen, auch wie er glaubte, dass sie funktionieren sollten. "Ich denke, es war hauptsächlich die schiere Freude, durch ein neues System zu kriechen, es auseinander zu ziehen, herauszufinden, wie es funktioniert hat, und zu dokumentieren, was funktioniert und was nicht. Ich weiß nicht genau, warum diese Dinge mich erregen, aber sie tun es." Im Laufe der Jahre hat Meyer eine Karriere auf diese Art von Experimenten aufgebaut.

Diese Testseiten, die auf die Website von Meyer und später auf andere Blogs verteilt sind, haben die ordnungsgemäße Implementierung von CSS nach ihrer Spezifikation möglicherweise die ordnungsgemäße Implementierung von CSS dokumentiert und unwissentlich dokumentiert. Sobald Chris Lilley sie in den Griff hatte, half die CSS -Arbeitsgruppe Meyer sie in die offizielle W3C CSS -Testsuite, ein wichtiges Instrument, um Browser bei der Einführung von CSS zu unterstützen.

Die Testseiten und Tutorials auf Meyers persönlicher Website wurden bald zu regelmäßigen Kolumnen in beliebten Blogs. Dann trat O'Reilly auf ihn zu, um ein Buch zu schreiben, das schließlich zu CSS: The Definitive Guide wurde. Die Forschung für das Buch verband Meyer mit den Menschen, die CSS im Inneren des W3C und in den Browsern bauten. Er teilte wiederum mit, was er mit der Webentwicklungsgemeinschaft gelernt hat. Bald hatte Meyer ein Vermächtnis als zentrale Figur in der Geschichte von CSS gefestigt.

Seine Arbeit ging weiter. Als das Webstandards -Projekt den Programmierer John Allsopp wandte, um ein dem CSS gewidmetes Komitee zu bilden, dachte er sofort an Meyer. Meyer wurde von Allsopp und mehreren anderen begleitet: Sue Sims, Ian Hickson, David Baron, Roland Eriksson, Ken Gunderson, Brade McDaniel, Liam Quinn und Todd Fahrner. Insgesamt war ihr offizieller Titel das CSS -Aktionskomitee, aber sie gingen oft von CSS Samurai.

CSS war eine richtig standardisierte Designsprache. Wenn es richtig gemacht wird, kann es die Netscape-Funktionen und tischbasierte Layouts der Vergangenheit erschüttern. Aber Browser holten CSS nicht schnell genug für einige Entwickler ein. Und als sie es taten, war es häufig ein nachträglicher Gedanke. "Sie können sich wirklich nicht vorstellen, es sei denn, Sie haben es durchlebt, wie fehlerhaft und inkonsistent und frustrierend Browser -Unterstützung für CSS war", erinnert sich Meyer später. Das Ziel des CSS Samurai war es, das zu beheben.

Das Komitee verfolgte einen vertrauten Webstandard -Projektansatz, veröffentlichte einerseits öffentliche Berichte über den Mangel an Browserunterstützung und trifft sich privat mit Browserherstellern, um Änderungen andererseits zu erörtern. Ein drittes Ziel des Komitees war es, direkt mit Entwicklern zu sprechen. Die Basisausbildung wurde zu einem zentralen Ziel für die Arbeit des CSS Samurai, einem wirksamen Instrument der Veränderung von Grund auf.

Netscape bot die größte Hürde. Netscape war ganz abhängig von JavaScript und verwendete eine nicht standardmäßige Version von CSS, die als JSSS bekannt ist, eine Sprache, die inzwischen weitgehend vergessen wurde. Der Browser verarbeitete Stilblätter dynamisch mit JavaScript, um die Seite zu rendern, wodurch ihre Unterstützung ungleichmäßig und oft langsam geladen wurde. Erst bis zur Veröffentlichung des Gecko -Rendering -Motors in den frühen 2000er Jahren würde JSSS entfernt. Als Netscape nach dieser Veränderung in Mozilla verwandelt wurde, würde es schließlich zu einer funktionellen CSS -Implementierung kommen.

Aber mit anderen Browsern, insbesondere bei Versionen von Internet Explorer, die größere Marktsegmente erfassten, erwies sich WASP als erfolgreich. Die Herzen und Köpfe der Entwickler waren bei ihnen, als sie in eine neue Ära des Stylings im Internet eintraten.

Es gab mindestens ein Gespräch über Kaffee, das CSS rettete. Es mag mehr gegeben haben, aber das fragliche Gespräch geschah 1999 zwischen Todd Fahrner und Tantek Çelik. Fahrner war Mitglied des Webstandards-Projekts und eines CSS Samurai, oft an den Frontlinien des Wandels. Unter der unzähligen Arbeit mit und für das Web half er Meyer bei der CSS -Testsuite und entwickelte einen praktischen Lackmus -Test für CSS -Unterstützung, der als Säuretest bekannt ist.

Çelik arbeitete bei Microsoft. Er war größtenteils dafür verantwortlich, die Unterstützung von Webstandards für Mac für den Internet Explorer zu bringen, Jahre bevor andere große Browser dasselbe tun würden. Çelik würde einen langen und dauerhaften Einfluss auf die Entwicklung von CSS haben. Er würde bald dem Lenkungsausschuss des Web Standards Project eintreten. Später, als Mitglied der CSS -Arbeitsgruppe, leistete er dazu bei, mehrere Spezifikationen zu bearbeiten.

An diesem Tag war das Gesprächsthema über Kaffee die existenzielle Krise des Webs. Seit Jahren hatten Browser Ad-hoc-, ungleiche und inkompatible Versionen von CSS hinzugefügt. Mit einer formalisierten Empfehlung aus dem W3C gab es endlich eine objektiv korrekte Art, Dinge zu tun. Aber wenn die Browser die neuen, korrekten Regeln aus dem W3C nahmen und sie auf alle Websites, die sich auf die alten, falschen Regeln stützten, angewendet hatten, würden sie plötzlich gebrochen aussehen.

Was sie brauchten, war ein Umschalten. Eine Art Schalter, den Entwickler sich einschalten konnten, um zu signalisieren, dass sie die neuen, richtigen Regeln haben wollten. An diesem Tag schlug Fahrner mit der Erklärung der DocType vor. Es ist ein bisschen Text oben auf der HTML -Seite, die eine Definition des Dokumenttyps angibt (die One, die Dan Connolly Jahre bei der W3C -Standardisierung verbracht hatte). Die Praxis wurde als DOCTYPE -Switching bekannt. Dies bedeutete, dass neue Websites CSS richtig codieren konnten, und alte Websites würden weiterhin gut funktionieren.

Als Internet Explorer für Mac Version 5 veröffentlicht wurde, enthielt es docType -Schaltungen. Es dauerte nicht lange, bis alle Browser. Das schwang die Tür für Standards-konforme CSS in Browsern auf.

"Wir haben nicht gelernt, das Web zu entwerfen." Lesen Sie also die erste Zeile der Einführung von Molly Holzschlags 2003er Buch Cascading Style Sheets: The Designer's Edge . Es war eine mutige Aussage, nicht die erste oder die letzte von Holzschlag - die einen tiefgreifenden und dauerhaften Einfluss auf die Entwicklung des Netzes hatte. Während ihrer Karriere war Holzschlag ein unruhiger Verfechter von Menschen, die das Web nutzen, auch wenn dies mit Herstellern der Web -Technologie in Konflikt geraten ist. Ihre jahrzehntelange Geschichte mit dem Web hat sich weit über CSS hinaus bis zu fast allen Aspekten seiner Entwicklung und Entwicklung überschritten.

Holzschlag geht weiter. "Um diesen Punkt in der Geschichte des Webs zu erreichen, mussten wir uns Richtlinien aus anderen Medien, Hack und Workaround durch Browser -Inkonsistenzen ausleihen und das Markup so weit aus seiner normalen Form beugen, dass wir sie gebrochen haben."

Ende 2000 veröffentlichte Netscape die sechste Version ihres Browsers. Internet Explorer 6 kam nicht lange danach heraus. Die Stilblätter für diese Browser waren weitaus fähiger als alle, die zuvor gekommen waren. Aber Microsoft würde fünf Jahre lang keinen weiteren Browser veröffentlichen. Netscape, das von Microsoft so gut wie besiegt war, würde Jahre dauern, um sich als fähiger und standardischere Firefox neu zu gruppieren und zu reformieren.

Die Arbeit des Webstandards -Projekts und des W3C hatte eine funktionierende Version von CSS ins Web gebracht. Aber es war unvollständig und oft schwer zu verstehen. Und Entwickler mussten ältere Browser berücksichtigen, die viele Menschen noch benutzten.

In den frühen 2000er Jahren waren die Entwickler des Web zwischen einer vergangenen Inkonsistenz und einer Zukunft gefangen, die ihre Fantasie erfasste. „Designer und Entwickler haben die Grenzen dessen überschritten, wozu Browser fähig waren“, erinnert sich Webentwickler Eevee über die Verwendung von CSS zu dieser Zeit.

Die meisten Webdesigner stützten sich weiterhin auf eine Kombination aus HTML-Tabellen-Hacks und netscape-spezifischen Tags, um erweiterte Designs zu erstellen. Die zweite Stufe von CSS bot noch mehr Möglichkeiten, aber Designer zögerten, alles in die Netscape -Benutzer zu gehen und eine schlechte Erfahrung zu riskieren. "Netscape Navigator 4 hat alle zurückgehalten", sagte der Entwickler Dave Shea später: "Es unterstützte CSS nur kaum, und sicherlich nicht in irgendeiner Eigenschaft, dass wir vollständig tischlose Standorte aufbauen konnten. Und das Business Case für fortgesetzte Unterstützung war zu stark, um zu ignorieren."

Unter der Oberfläche verbreitete jedoch eine lebendige und einflussreiche Community neue Ideen über Blogs und Mailinglisten und Bücher. Diese Community führte clevere Lösungen mit ebenso cleveren Namen ein. Der "Holly Hack" und "ClearFix" aus der Position ist alles , das von Holly Bergevin und John Gallant gepflegt wird. Douglas Bowmans „Sliding Doors of CSS“, Dan Webb und Patrick Griffiths „Suckerfish Dropdowns“ und Dan Ciederholms „Faux Columns“ stammten alle von Jeffrey Zeldmans A List Apart Blog. Sogar Meyer und Allsopp haben die CSS -Diskussions -Mailingliste als Workshop für innovative Ideen und Praxis erstellt.

"Es wird die Menschen sein, die in den nächsten Jahren CSS verwenden, die die innovativen Designideen entwickeln werden, die wir benötigen, um das Potenzial des Webs im Allgemeinen zu verbessern."

Molly Holzschlag

Und doch wurde so viel Energie dieser Community für Hacks und Problemumgehungen und kreative Lösungen ausgegeben. Die interessantesten Designideen wurden immer mit einer Einschränkung verbunden, ein bisschen Code, damit es in diesem oder dem Browser funktioniert. Die erste Ausgabe der CSS -Anthologie ** von Rachel Andrew, die für viele CSS -Entwickler zu einem Handbuch wurde, enthielt ein ganzes Kapitel darüber, was sie über Netscape 4 tun sollten.

Die Innovatoren von CSS - von den Unterschieden schwer zu erklären - waren gezwungen, die Sprache auseinanderzusetzen und einen Weg zu ihren Entwürfen zu finden. Nach dieser Neuheit kam ein kreativer Anstieg. Einige der ausdrucksstärksten und schlausten Designs in der Geschichte des Web stammten aus dieser Zeit.

Die gleiche Gemeinschaft fiel jedoch oft auf eine kollektive Beschäftigung mit dem, was sie CSS machen konnten. Eine Kultur, die zuweilen Hacks und Problemumgehungen überbewertet hat. Die gemeinsame Bildung konzentrierte sich weitgehend aus der Notwendigkeit und konzentrierte sich eher auf das Wie und nicht um das Warum. Zu-clever-Techniken, die ihre Nützlichkeit manchmal übertroffen haben.

Das würde sich ändern. Holzschlag beendete die Einführung in ihr Buch über CSS mit einer Anspielung auf die Zukunft. "Es wird die Menschen sein, die in den nächsten Jahren CSS verwenden, die die innovativen Designideen entwickeln werden, die wir benötigen, um das Potenzial des Webs im Allgemeinen zu verbessern."

Dave Shea war ein ideologischer Schüler des Webstandards -Projekts, ein aktives Mitglied einer wachsenden CSS -Community. Er stimmte Holzschlag zu. „Wir haben in eine Zeit eingetreten, in der Einzelpersonen dazu beitragen konnten, die Zukunft des Netzes zu gestalten“, beschrieben er später den Moment. Wie andere war er frustriert über die Grenzen von Browsern ohne CSS -Unterstützung.

Das Gegenmittel gegen diese Art von Frustration war oft ein bisschen Spaß. Obwohl die Webdesign -Community von Tag zu Tag größer wurde, war sie klein und vertraut. Für einige wurde es zu einem Hobby, Inspiration zu verbreiten. Domino Shriver stellte eine Liste von CSS -Designs auf seiner Website WebNoveau zusammen, die später von Meryl Evans gepflegt wurde. Jeden Tag würden neue Webseiten mit CSS auf der Homepage veröffentlicht. Chris Cascianos tägliches CSS -Spaß hat diesen Ansatz geändert. Jeden Tag würde er ein neues Stilblatt für die gleiche HTML -Datei veröffentlichen und die breite Palette von Designs erfassen, die CSS ermöglicht haben. Im Mai 2003 produzierte Shea seine eigene Einstellung des Formats, als er den CSS Zen Garden startete. Das Projekt beruhte auf einer einfachen Prämisse. Jede Seite verwendete genau die gleiche HTML -Datei mit genau dem gleichen Inhalt. Das einzige, was anders war, war das Stilblatt der Seite, das CSS, das auf diese HTML angewendet wurde. Anstatt sie selbst zu kreieren, forderte Shea Stilblätter von Entwicklern auf der ganzen Welt ein, um eine digitale Galerie der CSS -Inspiration zu erstellen. Die Entwürfe reichten vom konstruierten Minimalismus bis zu erstaunlich Barock. Es war ein Spielplatz, um zu untersuchen, was möglich war.

Sofort eine Einflussquelle, eine praktische Demonstration von CSS -Vorteilen und ein Schaufenster des großartigen Webdesigns verbreiteten sich der Zen -Garten auf die fernen Enden des Netzes. Was mit fünf Designs begann, verwandelte sich bald zu einer Website mit Dutzenden verschiedener Designs. Und dann mehr. "Hunderte von Designern haben sich - und manchmal ihren Ruf - einen Namen gemacht, indem sie Zen -Gartenlayouts erstellt haben", sagte der Autor Jeffrey Zeldman später in seinem Buchdesign mit Webstandards , "und Zehntausende auf der ganzen Welt haben gelernt, CSS deswegen zu lieben."

Obwohl Zen Garden das bekannteste werden würde, war es nur ein Beitrag zu einem wachsenden Werk von Inspirationsprojekten im Internet. Web -Ersteller wollten in die Zukunft schauen.

Im Jahr 2005 veröffentlichte Shea ein Buch, das auf dem Projekt mit Molly Holzschlag namens Zen of CSS Design basiert. Bis dahin hatte CSS die volle Aufmerksamkeit der Webdesigner.

In dem Versuch, mit Microsoft mit Microsoft Schritt zu halten, entschied sich Netscape 1998, ihren Browser kostenlos freizugeben und seinen Quellcode unter einem neu gebildeten Dachprojekt bekannt als Mozilla, das letztendlich zur Veröffentlichung des Firefox -Browsers 2003 führen würde.

David Baron und Ian Hickson begannen beide in den späten neunziger Jahren ihre Karriere in Mozilla als Freiwillige und spätere Praktikanten im Mozilla Quality Assurance Team und identifizierten Standards für Standards. Im Laufe ihrer Arbeit wurden sie nicht nur mit der Art und Weise, wie CSS funktionieren sollte, zutiefst vertraut, sondern wie es in der Praxis innerhalb eines standardgesteuerten Browsers verwendet wurde. In dieser Zeit wurden Hickson und Baron ein wesentlicher Bestandteil einer wachsenden CSS -Community und schlossen sich dem CSS Samurai an. Sie halfen, die Tests für die CSS -Testsuite zu schreiben und durchzuführen. Sie wurden aktive Teilnehmer an der Mailingliste im WWW-Stil und später in der CSS-Arbeitsgruppe selbst.

Während Meyer sein erstes Buch, CSS: The Definitive Guide , schrieb, erinnert er sich daran, Baron und Hickson um Hilfe zu bitten, um zu verstehen, wie einige Teile von CSS funktionierten. "Ich bezweifle, dass ich ihnen jemals aufhören werde, sie für ihr Engagement zu schulden, mich durch die Wildnis meiner eigenen Missverständnisse zu bringen", würde er später sagen. Es war ihre Liebe zum Detail, die sie bald zu einem unglaublichen Kapital machen würde.

Browser verstehen Stilblätter, die Sprache von CSS, basierend auf den Worten der Spezifikationen am W3C. Wenn die Sprache nicht spezifisch genug ist oder wenn nicht jeder Rand- oder Feature -Kombination in Betracht gezogen wurde, kann dies zu Inkompatibilitäten unter den Browsern führen. Während seiner Arbeit bei der W3C half Hickson und Baron dazu, die vage Sprache seiner technischen Spezifikationen in klarerer Fokus zu bringen. Sie machten die Definition von CSS präziser, konsistenter und leichter zu implementieren.

Ihre Arbeiten neben Bert Bos, Tantek çelik, Håkon Lüge und anderen führten zu einer erheblichen Überarbeitung der zweiten Version von CSS, was das CSS -Arbeitsgruppenmitglied Elika Etemad später als „ein langer Prozess des Verstopfens der Löcher, der Behebung von Fehlern und dem Erstellen von Testsuiten für den Kern -CSS -Standard“ bezeichnen würde. Es war eine unermüdliche Arbeit, ebenso wie das Gespräch mit Browser -Programmierern wie technische Arbeit und Schreiben.

Es war auch ein Job, der niemand dachte, sehr lange dauern würde. 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.

Das obige ist der detaillierte Inhalt vonKapitel 8: CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!