2006 년 6 월, 전 세계의 웹 개발자와 디자이너가 두 번째 연례 @Media 컨퍼런스를 위해 런던으로 왔습니다. 첫 번째는 큰 성공을 거두었고 @Media 2006은 더 많은 약속을 가졌습니다. 스피커 라인업은 웹 디자인 및 브라우저 커뮤니티에서 가장 흥미롭고 활기 넘치는 목소리에서 나왔습니다.
Chris Wilson은 거의 반 10 년 만에 Microsoft의 Internet Explorer에 대한 첫 번째 주요 릴리스를 발표했습니다. Rachel Andrew와 Dave Shea는 CSS 및 프로젝트 관리에 대한 실질적인 팁을 교환하고있었습니다. Tantek Çelik은 최근 마이크로 기유에 대한 그의 작품 중 일부를 공유하고있었습니다. 당시 웹 표준 프로젝트 리드 인 Molly Holzschlag는 국제화에 대한 조명 대화를 준비했으며 CSS의 최신 개발에 대한 패널에 가입 할 계획이었습니다.
이 회의는 목요일 CSS의 선구자이자 얼리 어답터 인 에릭 메이어 (Eric Meyer)의 기조 연설로 시작되었습니다. 기조 연의 타이틀 슬라이드는“10 년의 스타일”을 읽습니다. 매력적이고 개인적인 대화에서 Meyer는 현재 10 년 동안 계단식 스타일 시트 또는 CSS의 역사를 이야기했습니다. Meyer는 CSS와 얽히고 분리 할 수없는 자신의 전문적인 역사를 통해 무대에서 자신의 시간을 사용하여 언어의 뿌리를보고 오늘날의 결정과 타협을 더 잘 이해했습니다.
그의 대화의 중심에서 Meyer는 CSS의 성공에 대한 비밀을 공개했다. 웹의 개방적이고 접근 가능한 디자인 언어 인 CSS는 기술 자체가 아니라 사람들, 즉 그것을 구축 한 사람들과 그 길을 따라 배운대로 공유 한 사람들 때문에 번성했습니다. Meyer는 CSS의 역사는 그것을 만든 사람들의 역사라고 결론 지었다.
그 대화 15 년 후, 창조 후 거의 30 년이 지난 지금도 마찬가지입니다.
1994 년 10 월 20 일 목요일 아침, 또 다른 회의 참석자 인 두 번째 국제 www 컨퍼런스의 참석자들은 시카고의 라마다 호텔 2 층에있는 방으로 섞었습니다. 골드 룸이라고 불렀습니다. 길을 가로 지르는 그랜드 홀은 당일 기조 연설을 위해 보존되어 있지만, 금 방은 이른 아침 오전 8시 30 분 패널을 만들었던 비교적 작은 그룹에게는 잘 작동 할 것입니다.
그날 아침 대부분의 참석자는 지난 3 일 밤에 걸친 심야 네트워킹 이벤트에 지쳤을 것입니다. 목요일은 회의 마지막 날인 개발자의 날이었습니다.
시카고 컨퍼런스는 제네바에서 열린 첫 번째 www 컨퍼런스가 6 개월 전에 시작되었습니다. 대비는 즉시 분명했을 것입니다. 홀은 표준과 사양에 중점을 둔 브레이크 아웃 세션보다는 산업 내부자와 상업용 신생 기업이 자신의 도자기를 판매하는 상업용 신생 기업으로 윙윙 거렸다. 짧은 시간에 웹은 주류가되었습니다. 시카고에서 열린 회의는 톤의 전환을 반영했습니다. Microsoft, HP, Silicon Graphics 등의 대표자들과 함께 업계 행사였습니다.
회의의 주제는“Mosaic and the Web”이었고 Mosaic의 창조 사이트 인 NCSA는 행사를 조직하는 데 도움이되었습니다. 그것은 며칠 전에 전 NCSA 직원들이 주로 직원 인 Netscape의 보도 자료에 의해 더욱 극적으로 만든 사실이었습니다. 브라우저의 첫 번째 버전 (“모자이크 살인자”로 드라미어로 청구 된 것은 베타에있을뿐만 아니라 석방시 무료 일 것입니다 (나중에 반전 될 결정). Netscape 팀의 대부분의 구성원은 이전 고용주와 가장 큰 라이벌의 상업적 반대에 참석했습니다.
상업적 충돌의 웅장한 음모는 회의 마지막 날“HTML 및 SGML : 기술 프레젠테이션”의 첫 오전 세션을 다소 어두워졌습니다. 이것은 웹 제작자 인 Tim Berners-Lee 경이 패널을 이끌고 있다는 사실에도 불구하고. 마지막 발표자는 Håkon Wium Lie로, Cern의 Berners-Lee 및 Robert Calliau와 함께 일했습니다. 거짓말이 HTML 스타일 시트를 거짓말이라고 부르는 디자인 언어에 대한 새로운 제안에 관한 것이 었습니다. 짧은 CHS.
제안은 서둘러 모였습니다. 표준 편집자 인 Dave Ragget과의 대화는 거짓말이 긴급 성을 설득하는 데 도움이되었습니다. 마감일까지 바로 달리면서 Lie는 회의 10 일 전에 제안의 첫 번째 초안을 게시했습니다.
거짓말은 일찍 그리고 열정적으로 웹에 왔습니다. Nicola Pellow의 라인 모드 브라우저를 사용하여 첫 번째 웹 사이트에 Telnet을 사용했습니다. 그리고 1992 년 MIT 미디어 실험실을 졸업 한 직후 Berners-Lee와 Cern의 웹 팀에 합류 할만 큼 열광적입니다.“빅뱅을 들었고 달리기가되었습니다.
그가 CERN에서 시작한 지 얼마되지 않아 웹 언어가 바뀌 었습니다. 웹의 청중이 하루 종일 흰색 배경에 검은 색 텍스트를 응시할 수 없다는 것을 깨닫고 모자이크 제작자들은 웹 사이트 제작자가 웹 사이트에 인라인 이미지를 추가 할 수있는 태그를 소개했습니다. 게이트가 열리면 더 많은 기능이 돌진했습니다. 모자이크는 색상과 글꼴 및 레이아웃에 대한 더 많은 태그를 추가했습니다. 거짓말과 CERN의 팀은 부업에만 앉아서 시청할 수있었습니다. 사실 거짓말은 나중에 다음과 같이 말했습니다.“이것은 '우리는 빨리 무언가가 필요합니다. 그렇지 않으면 HTML 언어를 파괴 할 것입니다.”
1994 년 Netscape의 임박한 출시는 구호를 제공하지 않았습니다. Netscape의 Marc Andreessen과 그의 팀은 소비자 중심의 웹 브라우저를 약속했습니다. Berners-Lee는 웹의 단일 언어 인 HTML을 개발하여 문서를 설계하지 않고 문서를 설명했습니다. 그 차이를 메우기 위해 브라우저는 HTML의 언어를 태그로 채워서 디자이너가 동적 및 양식화 된 웹 사이트를 만들 수 있도록했습니다.
문제는 아직이 작업을 수행하는 표준 방법이 없다는 것입니다. 그래서 각 브라우저는 필요한 것을 추가했으며 다른 브라우저는 소송을 따르거나 자신의 길을 가야했습니다. “HTML 문서에서 이미지가 인라인으로 허용 되 자마자 웹은 새로운 그래픽 디자인 매체가되었습니다.”프로그래머와 곧 W3C 회원 인 Chris Lilley는 그 당시 WWW-Talk에 게시했습니다.
그가 CERN에 합류하자마자 일을 시작한 Lie의 제안은 제 2 언어로 이루어졌습니다. CHSS 중고 스타일 시트 : 구조에 영향을 미치지 않고 HTML의 시각적 설계를 설명하는 별도의 문서. 따라서 HTML을 변경할 수 있고 스타일 시트는 동일하게 유지되었습니다. 스타일 시트를 변경하고 HTML은 동일하게 유지되었습니다. 콘텐츠는 한 곳에서 살았으며 다른 곳에서는 프레젠테이션을했습니다.
다른 스타일의 시트 제안이있었습니다. O'Reilly와 Viola Creator Pei-Yuan Wei의 Rob Raisch는 각각 자신의 스핀을 가졌습니다. 웹이 생성 된 CERN에서 작업하면 CHS의 프로필을 높이는 데 도움이되었습니다. 상대적 단순성으로 인해 브라우저 제작자에게 호소력이있었습니다. 그러나 계단식 HTML 스타일 시트의 캐스케이드는 차별화되었습니다.
각 사람은 자신의 경험의 프리즘을 통해 웹을 경험합니다. 다른 조건에서 다른 장치를 통해 볼 수 있습니다. 스크린 독자와 전화 및 대형 스크린 TV. 상황에 따라 페이지가 어떻게 보이는지에 대한 인식은 웹 사이트 저자의 의도와 브라우저의 한계와 기능과는 대조적으로 대조됩니다. 그러므로 웹은 혼란 스럽습니다. 여러 소스가 각 웹 페이지가 인식되는 방식을 결정하기 위해 어울리고 경쟁합니다.
캐스케이드는 웹에 주문을 제공합니다. 간단한 규칙 세트를 통해 여러 당사자 (브라우저, 사용자 및 웹 사이트 저자)를 통해 HTML의 프레젠테이션을 별도의 스타일 시트로 정의 할 수 있습니다. 규칙이 한 스타일 시트에서 다음 시트로 흐르면 캐스케이드는 한 규칙에 따라 다른 규칙을 균형을 잡고 승자를 결정합니다. 웹 디자인을 단순하고 상속 할 수 있으며 자연스러운 불안정한 상태를 수용합니다. 시간이 지남에 따라 변경되었지만 캐스케이드는 웹을 새로운 컴퓨팅 환경에 적응할 수있게 만들었습니다.
Lie가 시카고에있는 Ramada Hotel의 2 층에서 프레젠테이션을 한 후, 토론을 독점하는 것은 캐스케이드였습니다. 웹 제작자들은 CHSS 제안을 스프링 보드로 사용하여 저자 의도 및 사용자 선호도에 대한 훨씬 더 광범위한 대화를 사용했습니다. 다시 말해, 웹 사이트 디자인의 저자는 사용자의 선호도 또는 브라우저 결정을 무시해야합니다. 생산적인 토론은 방 바깥과 WWW-Talk 메일 링리스트에 쏟아져 Bert Bos가 픽업했습니다.
BOS는 네덜란드의 Groningen 대학에서 수학을 공부하는 네덜란드 엔지니어였습니다. 그는 졸업하기 전에 여러 대학 부서에 유명하고 유용한 도구 인 Argo라는 브라우저를 만들었습니다. Argo는 두 가지 이유로 주목할 만했습니다. 첫 번째는 나중에 애플릿으로 알려진 것의 초기 반복을 포함했다는 것입니다. 두 번째는 BOS 자체 스타일 시트 구현이 포함되었다는 것이 었습니다. 그는 기회를 인식했다.
"CSS1의 대부분의 내용은 1995 년 7 월 Sophia-Antipolis의 화이트 보드에서 논의되었습니다. 어려운 기술적 인 문제가 발생할 때마다 Bert와 그 화이트 보드를 생각합니다."
Hakon Wium 거짓말
거짓말과 보스는 함께 일하기 시작하여 제안을보다 세련된 것으로 병합했습니다. 이듬해, 1995 년 봄, 제 3 차 www 컨퍼런스는 독일 Darmstadt에서 열렸습니다. 6 개월 전에 방금 석방 된 Netscape는 이미 새로운 CEO Jim Barksdale이 이끄는 새로운 인기를 얻었습니다. 역사상 가장 성공적인 IPO에서 몇 달 떨어진 Netscape는 웹 라이딩 샷건을 통해 곧 성층권으로 시작하여 여전히 새로운 비표준 HTML 기능을 추가 할 수 있습니다.
거짓말과 보스는 원격으로 만 의사 소통 한 적이 있습니다. 독일에서 그들은 처음으로 직접 만났고, 계단식 스타일 시트, CSS에 대한 새로운 제안에 대한 공동 프레젠테이션을했다 (그때까지 H는 떨어졌다).
당시에 사용할 수있는 것과는 대조적이었습니다. HTML 만 처분 할 때만 웹 디자이너는“Font Size와 같은 테이블 및 Netscapism을 통해 페이지 레이아웃”을 만들어야했습니다. 테이블 블로 된 웹 페이지는로드가 느리고 화면 리더와 같은 액세스 가능한 장치에서는 이해하기가 어렵습니다. CSS는 이러한 문제를 해결했습니다. 같은 작가는 수명을 믿지 않지만 CSS는“단순한 우아함뿐만 아니라 불필요함과 중복성”에 대해 칭찬했습니다.
회의 직후, BOS는 W3C에서 LIE에 합류했습니다. 그들은 그 여름에 사양을 작성하기 시작했습니다. 거짓말은 그들이 좋아하는 열광적이고 생산적인 일을 회상합니다. "CSS1의 대부분의 내용은 1995 년 7 월 Sophia-Antipolis의 화이트 보드에서 논의되었습니다. 어려운 기술적 인 문제가 발생할 때마다 Bert와 그 화이트 보드를 생각합니다."
1995 년 Chris Wilson은 이미 브라우저 전문가였습니다. 그는 Windows 버전을 만든 두 명의 프로그래머 중 하나 인 Mosaic Team에서 NCSA에서 근무했습니다. NCSA 실험실의 지하실에서 Wilson은 초기 웹을 정의하는 데 도움이되는 대화에 열렬한 참가자였습니다.
NCSA의 대부분의 동료들은 Netscape의 모자이크 살인자를 위해 일하기 위해 실리콘 밸리로 이사했습니다. 윌슨은 다른 것을 선택했습니다. 그는 시애틀에 북쪽으로 더 정착했다. 그의 첫 번째 직업은 Spry와의 것이었고, 상자 패키지로 인터넷을 위해 모자이크 라이센스 브라우저를 연구했습니다. 그러나 엔지니어로서 윌슨은 시애틀의 마이크로 소프트 추첨을 피하기가 어려웠다. 1995 년까지 그는 소프트웨어 개발자로 일했으며 1996 년에는 브라우저 버전 2 릴리스 직전에 인터넷 익스플로러 팀으로 옮겨졌습니다.
Internet Explorer는 Microsoft가 브라우저 시장에 늦게 진입했습니다. Bill Gates는 회사의 입장을 완전히 역전시키기 전에 인터넷과 웹을 몇 년 동안 악명 높게 회피했습니다. 그 당시 Netscape는 시작했을 때 존재하지 않은 신속하게 확장 된 시장을 포착했습니다. 그들은 사용자 친화적 인 크로스 플랫폼 브라우저의 두 가지 성공적인 버전을 출시했습니다. 웹에 대한 그들의 창은 내장 이메일, 쉬운 설치 프로세스 및 JavaScript라는 새로운 언어로 장식되어 개발자가 이전에 비활성화 된 웹에 활기찬 애니메이션을 추가 할 수있게되었습니다.
Microsoft는 비교적 적게 제안했습니다. Internet Explorer는 모자이크 항으로 시작했지만 Wilson이 서명 할 때까지 다시 작성된 코드베이스에 놓여있었습니다. Enterprise Market에 호소하는 몇 가지 내장 된 기본 Microsoft 기능 외에도 Internet Explorer는 Netscape의 급격한 초점과 속도와 차별화 할 수 없었습니다.
Microsoft에는 차별화 요소가 필요했습니다. 윌슨은 자신이 하나 있다고 생각했다. 윌슨은 당시 상사에게“스타일 시트라는 것이 있습니다.”라고 회상합니다. 윌슨은 그 자리에서 CSS 작업을 시작하기로 승인을 받았습니다.
당시 CSS 사양은 아직 완성되지 않았습니다. 윌슨은 일이 어떻게 작동해야했는지에 대한 격차를 해소하기 위해 Lie, Bos 및 W3C의 다른 회원들과 정기적으로 만났다. 그들은 드래프트 사양을 편집 할 것이고 윌슨은 그의 브라우저에서 시도해 볼 것입니다. 헹구고 반복하십시오. 나중에 그들은 심지어 Vidur Apparao를 Netscape의 토론으로 가져 왔으며, 이는 더 형식적으로되었습니다. 결국, 그들은 CSS 작업 그룹이되었습니다.
Internet Explorer 3은 1996 년 8 월에 출시되었습니다. W3C가 공식적으로 권장하지 않은 언어 인 CSS를 지원 한 최초의 브라우저였습니다. 나중에 그것은 문제가 될 것입니다. "Lie는 나중에 초기 출시 후 몇 년 후에"아직도 IE3가 많이 있습니다. ""사양을 준수하지 않기 때문에 나중에 브라우저와 잘 작동하면서 IE3와 잘 작동하는 스타일 시트를 작성하는 것은 매우 어렵습니다. "
그러나 당시에는 임박한 것이 필요했습니다. 세계 최대의 기술 회사에서 브라우저로 구동되는 CSS의 작업 버전. 테이블 기반 레이아웃과 Netscape 전용 태그는 여전히 더 널리 채택되었지만 CSS는 이제 기회가되었습니다.
1997 년까지 W3C는 HTML Working Group을 세 부분으로 나누고 CSS는 Ad-Hoc Internet Explorer 3 팀에서 자체 전용 그룹을 구성했습니다. 컴퓨터 그래픽 전문가로 웹에 온 Chris Lilley가 의장을 맡을 것입니다. Lilley는 몇 년 전 설계를위한 표준화 된 웹 기술의 필요성을 지적했습니다. W3C에서 그는 그렇게하려는 노력을 이끌 것입니다.
CSS의 첫 번째 공식 권장 사항은 1997 년 12 월에 출판되었으며 6 개월 후 CSS 버전 2가 출시되었습니다.
실무 그룹의 의장으로서 Lilley는 WWW-Talk 메일 링리스트에서 활동했습니다. 그는 종종 개발자들의 조언이나 질문에 대한 질문에 대답했습니다. 그러한 교환으로 그는 한 명의 Eric Meyer로부터 이메일을 받았습니다. "이봐, 나는이 테스트 페이지를 함께 던졌다. 당신이 그들에게 관심을 가질 지 모르겠다."Meyer가 메시지를 기억하는 방법이었다. 그는 "존재하는 다른 것이 없다"고 덧붙였다.
에릭 메이어 (Eric Meyer)는 시카고에서 열린 웹 컨퍼런스 (Web Conference)에서 Håkon이 처음으로 CSS를 시연했지만 세션은 아니지만 거짓말을했습니다. 그는 파리에서 열린 다섯 번째 연례 웹 컨퍼런스에서 몇 년 후 CSS를 실제로 볼 기회를 얻지 못했습니다. 그는 Case Western Webmaster로 일하면서 개발 한 웹 기술에 관한 논문을 발표하기 위해 그곳에있었습니다. 그러나 그의 실제 목적은 웹의 가능한 미래를 발견하는 것이 었습니다.
그는 Dave Raggett와 함께 Håkon Lie와 Bert Bos가 등장하는 패널에 참석했습니다. 그들은 각각 W3C 사양의 일부로 CSS의 기능에 대해 말했습니다. Chris Wilson도 거기에 있었지만 약간의 추위를 간호했지만 그럼에도 불구하고 인터넷 익스플로러 3에서 CSS의 작업 버전을 강조 적으로 강조했습니다.“이전에 CSS에 대해 들어 본 적이 없지만 패널의 꼭대기가 날아간 것처럼 느껴졌습니다.”Meyer는 말했습니다.
Meyer는 집에 돌아와 CSS 실험을 시작했습니다. 그러나 그는 빨리 벽을 쳤다. 그는 공식적인 문서 나 CSS 튜토리얼과 같은 것이 아니었지만 무언가가 느껴졌습니다. 그는 약간의 CSS를 코딩하고 한 방향으로 작동 할 것으로 기대하며 다른 방법으로 작동 할 것입니다.
그때 그는 테스트 페이지를 하나로 묶기 시작했습니다. Meyer는 그의 코드를 CSS의 단일 기능으로 분리했습니다. 그런 다음 브라우저 전체에서 테스트하고 자신의 불일치를 문서화하고 자신이 작동해야한다고 생각한 방법과 함께 문서화했습니다. "나는 그것이 새로운 시스템을 통해 크롤링하고, 그것을 뽑아 내고, 어떻게 작동하는지 알아 내고, 무엇이 효과가 있었는지, 그렇지 않은 것을 문서화하는 것이 대부분 기쁨이라고 생각합니다. 나는 왜 그런 종류의 것들이 나를 흥분시키는 지 정확히 알지 못합니다." 수년에 걸쳐 Meyer는 이러한 유형의 실험 위에 경력을 쌓았습니다.
Meyer의 웹 사이트 및 나중에 다른 블로그에 게시 된이 테스트 페이지는 사양에 따라 CSS의 적절한 구현을 간절히 정리하고 무의식적으로 문서화했습니다. Chris Lilley가 그들을 잡으면 CSS 실무 그룹은 Meyer가 공식 W3C CSS 테스트 스위트로 전환하도록 도와주었습니다.
Meyer의 개인 사이트에 대한 테스트 페이지 및 튜토리얼은 곧 인기있는 블로그의 일반 칼럼이되었습니다. 그런 다음 O'Reilly는 그에게 책을 쓰는 것에 대해 그에게 다가 갔는데, 결국 CSS : The Deconitive Guide 가되었습니다. 이 책에 대한 연구는 Meyer를 W3C 및 브라우저 내부에 CS를 구축 한 사람들과 연결했습니다. 그는 웹 개발 커뮤니티와 배운 내용을 공유했습니다. 얼마 지나지 않아 Meyer는 CSS의 역사에서 중심 인물로 유산을 강화했습니다.
그의 작품은 계속되었습니다. 웹 표준 프로젝트가 프로그래머 인 John Allsopp에게 연락하여 CSS 전용위원회를 구성했을 때, 그는 즉시 Meyer를 생각했습니다. Meyer는 Allsopp 및 기타 여러 사람들과 합류했습니다 : Sue Sims, Ian Hickson, David Baron, Roland Eriksson, Ken Gunderson, Brade McDaniel, Liam Quinn 및 Todd Fahrner. 공식적으로 그들의 공식 타이틀은 CSS 행동위원회 였지만 종종 CSS 사무라이가 갔다.
CSS는 제대로 표준화 된 디자인 언어였습니다. 제대로 완료되면 Netscape 전용 기능과 과거의 테이블 기반 레이아웃이 느슨해 질 수 있습니다. 그러나 일부 개발자는 브라우저가 CSS까지 빨리 따라 잡지 못했습니다. 그리고 그들이했을 때, 그것은 종종 사후 생각이었습니다. Meyer는 나중에 회상 할 것입니다. CSS 사무라이의 목표는 그것을 고치는 것이 었습니다.
위원회는 친숙한 웹 표준 프로젝트 접근 방식을 취하고 한편으로는 브라우저 지원 부족에 대한 공개 보고서를 게시하고 브라우저 제작자와 개인적으로 회의를 통해 다른 사람에 대한 변경 사항을 논의했습니다. 위원회의 세 번째 목표는 개발자와 직접 대화하는 것이 었습니다. 풀뿌리 교육은 CSS Samurai의 작업의 핵심 목표가되었으며, 이는 처음부터의 효과적인 변화 도구입니다.
Netscape는 가장 큰 장애물을 제공했습니다. JavaScript에 전적으로 의존하는 NetScape는 JSSS로 알려진 비표준 버전의 CS를 사용했으며, 현재는 크게 잊혀진 언어입니다. 브라우저는 JavaScript를 사용하여 동적으로 스타일 시트를 처리하여 페이지를 렌더링하여 지원이 고르지 않고 종종로드 속도가 느려집니다. 2000 년대 초반에 Gecko 렌더링 엔진이 출시 될 때까지 JSSS가 제거 될 때까지는 아닙니다. Netscape가 그 변화의 결과로 Mozilla로 변형되면서 마침내 기능적 CSS 구현으로 돌아올 것입니다.
그러나 다른 브라우저, 특히 시장의 더 큰 세그먼트를 캡처 한 인터넷 익스플로러 버전을 사용하면 WASP가 성공적으로 입증되었습니다. 개발자의 마음과 생각은 웹에서 새로운 스타일의 시대에 들어서면서 그들과 함께있었습니다.
CSS를 구한 커피에 대한 대화가 적어도 한 번있었습니다. 더 많은 것이 있었을 수도 있지만, 문제의 대화는 1999 년에 Todd Fahrner와 Tantek Çelik 사이에서 일어났습니다. Fahrner는 웹 표준 프로젝트의 회원이자 CSS Samurai의 회원으로 종종 변화의 최전선에있었습니다. Untold Work and the Web 중에서 그는 CSS 테스트 스위트를 사용하여 Meyer를 도왔으며 Acid Test로 알려진 CSS 지원에 대한 실질적인 리트머스 테스트를 개발했습니다.
Çelik은 Microsoft에서 근무했습니다. 그는 다른 주요 브라우저가 동일한 작업을 수행하기 몇 년 전에 웹 표준 지원을 MAC의 Internet Explorer에 가져 오는 책임을 맡았습니다. Çelik은 CS의 개발에 길고 지속적인 영향을 미칠 것입니다. 그는 곧 웹 표준 프로젝트 조향위원회에 가입 할 것입니다. 나중에 CSS 실무 그룹의 일원으로서 그는 여러 사양에 기여하고 편집하는 데 도움을 줄 것입니다.
그 날에는 커피를 통해 대화 주제는 웹의 실존 위기였습니다. 수년 동안 브라우저는 CSS의 임시, 고르지 못하고 호환되지 않는 버전을 추가했습니다. W3C의 공식적인 추천으로 마침내 객관적으로 올바른 일을하는 방법이있었습니다. 그러나 브라우저가 W3C에서 새롭고 올바른 규칙을 가져 와서 이전의 기존의 잘못된 규칙에 의존 한 모든 사이트에 적용하면 갑자기 깨진 것처럼 보일 것입니다.
그들이 필요로하는 것은 토글이었습니다. 개발자가 새롭고 올바른 규칙을 원한다는 신호를 내기 위해 개발자가 켜질 수 있습니다. 그날 Fahrner는 Doctype 선언을 사용하여 제안했습니다. 문서 유형 정의를 지정하는 HTML 페이지 상단의 약간의 텍스트입니다 (Dan Connolly는 W3C Standardizing에서 몇 년을 보냈습니다). 이 연습은 Doctype Switching으로 알려졌습니다. 그것은 새로운 사이트가 CSS를 올바른 방법으로 코딩 할 수 있으며 오래된 사이트는 계속 잘 작동 할 것임을 의미했습니다.
MAC 버전 5의 Internet Explorer가 출시되면 DocType Switching이 포함되었습니다. 얼마 지나지 않아 모든 브라우저가 그랬습니다. 그로 인해 브라우저에서 표준 호환 CSS를 위해 문이 열렸습니다.
"우리는 웹을 디자인하는 법을 배웠습니다." Molly Holzschlag의 2003 년 책 캐스케이딩 스타일 시트 : The Designer 's Edge 의 첫 번째 줄을 읽으십시오. 그것은 Holzschlag의 첫 번째 또는 마지막이 아닌 대담한 진술이었습니다. 웹의 진화에 중대한 영향을 미쳤습니다. 그녀의 경력 전반에 걸쳐 Holzschlag는 웹을 사용하는 사람들을위한 불안한 옹호자였습니다. 웹과의 수십 년 동안의 역사는 CSS를 넘어서서 개발과 진화의 거의 모든 측면에 걸쳐 있습니다.
Holzschlag가 계속됩니다. "웹 역사상이 시점에 도달하기 위해, 우리는 다른 미디어에서 지침을 빌려 브라우저 불일치를 통해 우리의 다른 미디어로부터 지침을 빌려야했으며, 우리가 그것을 깨뜨린 정상적인 모양에서 마크 업을 구부려 야했습니다."
2000 년 말, Netscape는 브라우저의 여섯 번째 버전을 출시했습니다. 인터넷 익스플로러 6은 얼마 지나지 않아 나왔습니다. 이 브라우저의 스타일 시트는 이전에 온 것보다 훨씬 능력이있었습니다. 그러나 Microsoft는 5 년 동안 다른 브라우저를 출시하지 않았습니다. Microsoft가 패배 한 Netscape는 더 유능하고 표준 준수 Firefox로 재편성하고 개혁하는 데 몇 년이 걸릴 것입니다.
웹 표준 프로젝트와 W3C의 작업은 CSS의 작업 버전을 웹에 가져 왔습니다. 그러나 불완전했고 종종 이해하기 어려웠습니다. 그리고 개발자들은 오래된 브라우저를 고려해야했는데, 많은 사람들이 여전히 사용했습니다.
2000 년대 초, 웹 제작자들은 불일치로 과거의 수수께끼와 상상력을 사로 잡는 미래 사이에 잡혔습니다. 웹 개발자 인 Eevee는 당시 CSS를 사용하는 것에 대한 웹 개발자는“디자이너와 개발자는 브라우저가 할 수있는 범위의 한계를 밀고 있었다”고 말했다.
대부분의 웹 디자이너는 고급 디자인을 만들기 위해 HTML 테이블 해킹과 Netscape 관련 태그의 조합에 계속 의존했습니다. CSS의 레벨 2는 더 많은 가능성을 제공했지만 디자이너는 모두 Netscape 사용자에게 나쁜 경험을 할 위험이있었습니다. 개발자 인 Dave Shea는“Netscape Navigator 4는 모든 사람을 막고있었습니다. Dave Shea는 나중에 CSS를 간신히 지원하지 않았으며, 완전히 테이블이없는 사이트를 구축 할 수있는 능력은 없었습니다. 그리고 지속적인 지원을위한 비즈니스 사례는 무시하기에는 너무 강했습니다.”
그러나 표면 아래에서 활기차고 영향력있는 커뮤니티는 블로그와 메일 링리스트 및 책을 통해 새로운 아이디어를 전파합니다. 그 커뮤니티는 똑같이 영리한 이름으로 영리한 솔루션을 소개했습니다. Holly Bergevin과 John Gallant가 관리하는“Holly Hack”과“Clearfix”는 모든 것입니다 . Douglas Bowman의“CSS의 슬라이딩 도어”, Dan Webb 및 Patrick Griffith의“Suckerfish Dropdowns”및 Dan Ciederholm의“Faux Columns”는 모두 Jeffrey Zeldman의 A List Apart Blog에서 나왔습니다. Meyer와 AllSopp조차도 CSS 토론 메일 링리스트를 혁신적인 아이디어와 연습을위한 워크숍으로 만들었습니다.
"향후 몇 년간 CSS를 사용하는 사람들이 웹의 잠재력을 주도하는 데 필요한 혁신적인 디자인 아이디어를 제시 할 것입니다."
Molly Holzschlag
그럼에도 불구하고 그 커뮤니티의 많은 에너지는 해킹과 해결 방법 및 창의적인 솔루션에 사용되었습니다. 가장 흥미로운 디자인 아이디어는 항상 경고,이 브라우저에서 작동하도록 약간의 코드로 첨부되었습니다. 많은 CSS 개발자들을위한 핸드북이 된 Rachel Andrew의 CSS Anthology **의 첫 번째 판은 Netscape 4에 대한 무엇을 해야하는지에 대한 전체 장을 소개했습니다.
CSS의 혁신가 (설명하기 어려운 불균형에 의한 Beset)는 언어를 구분하고 디자인을 통해 길을 찾아야했습니다. 그 새로운 결과로 창조적 인 급증이 생겼습니다. 웹 역사상 가장 표현력이 풍부하고 날카로운 디자인 중 일부는이 시대에 나왔습니다.
그러나 그 동일한 커뮤니티는 종종 CSS를 만들 수있는 일에 집중된 선입견에 빠졌습니다. 때때로 해킹과 해결 방법을 과대 평가 한 문화. 공유 교육은 크게 필요하지 않은 이유보다는 방법에 중점을 두었습니다. 때때로 그들의 유용성을 능가하는 너무 많은 기술 기술.
그것은 변하기 시작할 것입니다. Holzschlag는 미래에 대한 끄덕임으로 CSS에 관한 그녀의 책을 소개했습니다. "향후 몇 년간 CSS를 사용하는 사람들이 웹의 잠재력을 주도하는 데 필요한 혁신적인 디자인 아이디어를 제시 할 것입니다."
Dave Shea는 성장하는 CSS 커뮤니티의 활발한 회원 인 웹 표준 프로젝트의 이데올로기 적 제자였습니다. 그는 Holzschlag에 동의했다. “우리는 개인이 웹의 미래를 형성하는 데 도움이 될 수있는 기간에 들어갔다.”그는 나중에 그 순간을 설명 할 것이다. 다른 사람들과 마찬가지로, 그는 CSS 지원이없는 브라우저의 한계에 좌절했습니다.
이러한 유형의 좌절에 대한 해독제는 종종 약간의 재미를 가져야했습니다. 하루 종일 커지고 있지만 웹 디자인 커뮤니티는 작고 친숙했습니다. 어떤 사람들에게는 영감을 전파하는 것이 취미가되었습니다. Domino Shriver는 그의 사이트 인 Webnoveau에서 CSS 디자인 목록을 작성했으며 나중에 Meryl Evans가 관리했습니다. 매일 CSS로 설계된 새로운 웹 페이지가 홈페이지에 게시됩니다. Chris Casciano의 Daily CSS 재미는 그 접근법을 수정했습니다. 매일 그는 동일한 HTML 파일에 대한 새로운 스타일 시트를 게시하여 CSS가 가능한 다양한 디자인을 캡처했습니다. 2003 년 5 월, Shea는 CSS Zen Garden을 출시했을 때 자신의 형식을 제작했습니다. 이 프로젝트는 간단한 전제에 달려있었습니다. 각 페이지는 정확히 동일한 컨텐츠와 동일한 HTML 파일을 사용했습니다. 다른 유일한 것은 페이지의 스타일 시트, 해당 HTML에 적용 된 CSS였습니다. Shea는 자신을 만들기보다는 CSS 영감의 디지털 갤러리를 만들기 위해 전 세계 개발자의 스타일 시트를 요청했습니다. 디자인은 구성된 미니멀리즘에서 놀랍게도 바로크에 이르기까지 다양합니다. 가능한 것을 탐구하는 것은 놀이터였습니다.
한 번에 영향의 원천, CSS 장점에 대한 실질적인 시연 및 훌륭한 웹 디자인의 쇼케이스 인 Zen Garden은 웹의 맨 끝으로 퍼졌습니다. 5 개의 디자인으로 시작한 것은 곧 수십 개의 다른 디자인으로 가득 찬 웹 사이트로 바뀌 었습니다. 그리고 더. 저자 제프리 젤드만 (Jeffrey Zeldman)은 나중에 웹 표준을 가진 그의 책에서“전 세계의 수만 명이 CSS를 사랑하는 법을 배웠다”고 말했다.
Zen Garden은 가장 잘 알려진 사람이 될 것이지만 웹에서 점점 더 많은 영감 프로젝트에 참여하는 것은 단 하나의 기여였습니다. 웹 제작자는 미래를 바라보고 싶었습니다.
2005 년 Shea는 Molly Holzschlag와 함께 The Zen of CSS Design 이라는 프로젝트를 기반으로 한 책을 출판했습니다. 그때까지 CSS는 웹 디자이너의 모든 관심을 가졌습니다.
1998 년, Microsoft와의 보조금을 유지하기 위해 Netscape는 브라우저를 무료로 출시하고 Mozilla로 알려진 새로 형성된 우산 프로젝트에서 소스 코드를 개방하기로 결정하여 2003 년에 Firefox 브라우저가 출시 될 것입니다.
David Baron과 Ian Hickson은 1990 년대 후반 Mozilla에서 자원 봉사자, 그리고 나중에 Mozilla 품질 보증 팀에서 표준 준수 버그를 식별하는 인턴으로 경력을 시작했습니다. CSS가 어떻게 작동하는지에 대해서도 친숙해 졌을뿐만 아니라 실제로 표준 중심 브라우저에서 어떻게 사용되고 있는지에 대해서도 친숙해졌습니다. 그 기간 동안 Hickson과 Baron은 성장하는 CSS 커뮤니티의 필수 부분이되어 CSS Samurai에 합류했습니다. 그들은 CSS 테스트 스위트 테스트를 작성하고 실행하는 데 도움이되었습니다. 그들은 WWW 스타일 메일 링리스트에 적극적으로 참여했으며 나중에 CSS 작업 그룹 자체가되었습니다.
Meyer는 그의 첫 번째 책인 CSS : The Deconitive Guide 를 작성하는 동안 Baron과 Hickson에게 CSS의 일부 부분을 이해하는 데 도움을 요청하는 것을 회상합니다. "나는 나중에 오해의 광야를 통해 나를 데려 오기 위해 그들의 헌신으로 그들을 멈출 것이라고 의심한다"고 그는 말했다. 세부 사항에 대한 관심은 곧 그들을 놀라운 자산으로 만들었습니다.
브라우저는 W3C의 사양의 단어를 기반으로 CSS의 언어 인 스타일 시트를 이해합니다. 언어가 충분히 구체적이지 않거나 모든 에지 케이스 또는 기능 조합이 고려되지 않은 경우 브라우저 간의 비 호환성으로 이어질 수 있습니다. W3C에서 일하는 동안 Hickson과 Baron은 기술 사양의 모호한 언어를 더 명확하게 초점으로 만들었습니다. 그들은 CSS의 정의를보다 정확하고 일관되며 올바르게 구현하기가 더 쉬워졌습니다.
Bert Bos, Tantek Çelik, Håkon Lie 등과 함께 그들의 작업은 CSS의 두 번째 버전의 CSS 회원 인 Elika Etemad의 두 번째 버전을 상당히 개정했습니다. 나중에 홀을 막고, 오류를 고정하고, 핵심 CSS 표준을위한 테스트 소송을 구축하는 오랜 프로세스 "라고 설명했습니다. 실제 기술 작업 및 작문만큼 브라우저 프로그래머와의 대화에 관한 많은 지칠 줄 모르는 작업이었습니다.
또한 아무도 오래 걸리지 않을 것이라고 생각하는 일이었습니다. 몇 년 안에 두 가지 버전의 CSS가 출시되었습니다. 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.
위 내용은 8 장 : CSS의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
