질문 1
Russ: 당신의 새 책 "Cascading Style Sheets: The Definitive Guide"의 두 번째 판이 막 작성되었습니다. 이 책의 세부 사항을 설명하기 전에 질문하고 싶습니다. 책을 몇 권이나 출판하셨나요? 제가 사는 지역 도서관에 귀하의 도서 전용 카테고리가 있다고 맹세합니다.
에릭: 아뇨, 아뇨, 그거 다 Molly Holzschlag 책들이었는데 저는 그냥 보조적인 존재였어요. 나는 5권의 책을 썼는데, 그 중 하나는 요약본인데, 내 생각에는 책으로 인정받을 수도 있고 아닐 수도 있습니다(제 아내는 그렇다고 주장합니다). 첫 번째는 "The Definitive Guide to CSS"입니다. 이 두 번째 판을 독립형 버전으로 간주하면 6권의 책이 있습니다. 나는 개인적으로 이 제2판이 한 권의 책으로 간주된다고 생각한다. 그 작업량은 새 책을 쓰는 것과 같기 때문이다.
질문 2
Russ: 첫 번째 버전과 비교하여 새로운 Definitive Guide에는 어떤 내용이 추가되거나 업데이트됩니까?
Eric: 거의 모든 것이 업데이트되었습니다. 변경할 필요가 없는 부분은 첫 번째 장과 글꼴에 관한 장뿐입니다. 나머지 내용은 대부분 또는 완전히 업데이트되었습니다. 원래의 챕터 배열을 완전히 분해하여 텍스트 상태에서 재배열하였습니다. 예를 들어, 첫 번째 판에는 "시각적 서식에 떠 있는" 장과 "자체적인 위치 지정"이 있었습니다. 새 판에서는 이 장들을 하나의 장으로 병합하고 대부분의 서식 장을 다시 썼습니다. 같은 방식으로 "목록에 관한 부분"이 원래 장으로 이동되었고 많은 내용이 추가되었습니다. 세 개의 장이 새로 추가되었습니다: 테이블 레이아웃, 사용자 인터페이스 스타일, 비스크린 미디어.
질문 3
Russ: "Eric Meyer on CSS"에도 새 버전이 있다는 소문을 들었습니다. 새 버전에서는 몇 가지 디자인 방법을 제공합니까?
에릭: 그 소문은 사실이에요. 우리는 "창의적인 천재의 눈부신 섬광 속에서 'CSS에 대한 더 많은 Eric Meyer'"라는 이름을 붙였습니다. 첫 번째 버전에 비해 약간의 개선이 있었지만 그다지 많지는 않았습니다. 제가 말씀드리고 싶은 것은 이 두 권의 책은 전후의 연관성이 없다는 것입니다. (두 권을 모두 소유하고 있더라도) 초판을 읽을 필요는 없습니다. 테이블 기반 레이아웃을 간단한 테이블과 CSS로 변환하는 방법. 신간에서는 HTML 로고와 빈 GIF로만 디자인된 해당 페이지를 테이블 레이아웃을 대체하기 위해 순수 CSS를 사용한 페이지로 변환하는 것이 첫 번째 디자인 방식이다.
마찬가지로 사진 갤러리 스타일을 표시하는 다양한 방법, 깔끔한 재무 보고서를 얻기 위해 표 형식 데이터 사용, IE/Win을 포함한 여러 브라우저에서 반투명 효과를 얻기 위해 배경 레이아웃을 사용하는 등 다양한 디자인 방법이 있습니다.
목록 중첩 및 이를 "드롭다운" 메뉴로 변환하는 방법을 포함하여 3단계 목록을 표시하는 설계 방법이 있으며 Doug Bowman의 슬라이딩 도어(슬라이딩 도어)처럼 대부분의 브라우저(IE/Win 포함)에서 작동할 수 있습니다. 문) 기술도 마찬가지로 좋습니다.
위의 방법 외에도 웹로그 항목 스타일의 문제를 해결하기 위한 결합된 방법이 있습니다. 책의 마지막 방법은 CSS Zen Garden(Dave가 만든)에서 임의의 디자인을 가져와 CSS로 구현하는 것입니다. 기본적으로 Dave는 나에게 포토샵 디자인 파일을 제공하고 나는 그것을 필요한 부분으로 잘라서 CSS와 함께 작동하도록 만듭니다. 이렇게 하면 디자인부터 최종 코드까지 전체 프로세스를 볼 수 있습니다. 또한 IE/win에서는 보기 흉해 보이지 않는 PNG 이미지 사용도 고려했습니다.
질문 4
Russ: 2년 전에는 CSS에 대해 거의 논의되지 않았지만 이제는 모든 곳에서 논의되는 것 같습니다! 당신이 그것을 주류 의식으로 전환하는 데 도움을 주었다고 생각합니까?
에릭: 정말 자연스러운 일이에요. 먼저 IE6는 DOCTYPE 스위치를 지원하기 시작했고 나중에는 더 이상 새로운 IE 버전을 출시하지 않겠다고 발표해 모두에게 안정감을 주었다. 둘째, 디자이너에게는 책과 튜토리얼을 읽고 자신의 사이트에서 CSS를 실험할 충분한 시간이 있습니다. 이러한 맥락에서 수많은 우수한 디자인 사이트가 등장했습니다. 셋째, 디자인 기술이 발전함에 따라 디자인 천재를 갖고 CSS의 이점을 진정으로 이해한 웹 디자이너(Doug Bowman, Dave Shea, Jeffrey Zeldman 등)가 발전을 이루었기 때문이라고 생각합니다. Wired 잡지 웹사이트, CSS Zen Garden 및 기타 사이트의 재설계는 효과가 있을 뿐만 아니라 아름답고 놀랍게 보이는 CSS 기반 디자인을 선보이기 시작했습니다.
실용적이고 따라하기 쉬운 리소스(예: Listutorial 및 Floatutorial)의 증가도 큰 역할을 합니다.
질문 5 Russ: 이제 막 웹 표준을 접하고 사용하기 시작한 디자이너와 개발자에게 CSS의 어떤 측면이 가장 중요합니까?
에릭:가장 중요한 건요? 계단식 부분을 말해야 할 것입니다. 계단식 배열뿐만 아니라 상속, 특이성 및 선택기 구성도 일단 익숙해지면 나머지는 세부 사항의 문제입니다.
다음으로는 블록과 인라인을 포함한 시각적 효과에 대한 철저한 이해도 중요하다고 생각합니다. 디자인이 어떻게 보일지 안다면 많은 골치 아픈 일(CSS가 예상대로 작동하지 않음)을 피할 수 있습니다. 많은 언어와 마찬가지로 CSS에는 규칙이 있으며 이를 무시하면 혼란이 발생할 수 있습니다.
질문 6
Russ: 지난 12개월 동안 이미지 교체 기술이 도입되었습니다. 그것에 대한 전반적인 느낌은 어떻습니까? 꼭 사용해야 한다면 어떤 모델을 사용하시겠습니까?
Eric: 저는 콘텐츠를 'content' 속성으로 바꾸는 CSS3 접근 방식을 선호합니다. 이는 가능한 한 가볍고 해킹적이지 않습니다. 현재 Opera에서만 이미지 교체를 지원하므로 지원이 부족한 상황에서도 이 방법을 사용할 수 있습니다.
또한, 그림 대체 기술에는 장점과 단점이 모두 있다는 사실을 알게 되었습니다. 장점은 일부 텍스트를 아름답게 보이게 한다는 것이고, 단점은 오디오 리더기에 사용성 문제를 일으킨다는 것입니다. 솔직히 진짜 문제는 독자들 자신에게 있습니다. 그들은 실제 페이지와 읽기 결과를 보여주려고 노력하지만 정확히 잘못된 일을 하고 있습니다. 페이지가 화면 중간 스타일로 설정된 경우 대부분의 브라우저를 복구하지 않는 한 브라우저는 해당 스타일을 완전히 무시합니다.
질문 7
Russ: "글꼴 크기"에 대한 단순한 언급이 CSS 논쟁, 즉 글꼴 순수주의자와 웹 디자이너 간의 전쟁을 촉발시키는 것 같습니다. 모든 사용자에게 적용되는 솔루션이 있다고 생각하시나요?
에릭: 아니요, 다른 방법이 있었으면 좋겠지만 그렇지 않아요. 글꼴을 설정하는 각 방법에는 장점과 단점이 있습니다. 당신이 할 수 있는 최선은 이전에 가장 좋았고 앞으로도 바뀔 가능성이 가장 적은 방법을 찾는 것이며, 이는 지속적인 설계별 프로세스에서 수행되어야 합니다. 디자이너의 목표는 ems 또는 키워드(예: x-small)를 사용하여 더 나은 결과를 얻을 수 있지만 가능한 최상의 성능을 얻기 위해 텍스트 글꼴을 픽셀 단위로 제어하는 것입니다. 누군가가 모든 사이트에 맞는 글꼴 크기를 정의하는 방법이 있다고 말할 때마다 그들은 단순히 해결책이 아니라 원칙을 말하는 것입니다.
질문 8
Russ: 항상 논란의 여지가 있는 질문이 있습니다. CSS 해킹에 대해 어떻게 생각하시나요?
에릭: 언젠가 우리 브라우저가 CSS를 완벽하게 지원하고 실행할 수 있는 날이 오면 CSS 해킹이 중단되는 것은 불가피합니다. 그때까지 우리는 그것을 고수할 것입니다. 지적하자면, 이는 CSS용이든 Microsoft의 조건부 주석과 같은 다른 용도이든 모든 해킹에 적용된다는 의미입니다.
질문 9
Russ: 브라우저 시장이 CSS3를 수용할 준비가 되면 새로운 시대로 접어들 것이라고 생각하십니까? Microsoft의 Longhorn 운영 체제의 타임라인을 기억해 보십시오.
에릭: 그런 것 같아요. 그러나 이 성명에 따르면 CSS2 비주얼 미디어(visual-medium)에 대한 완전한 지원은 이르면 2003년에 완료된 것으로 보인다. 나의 예언 기록은 항상 남들보다 나빴기 때문에 장기적인 계획에는 적합하지 않을 수도 있습니다.
질문 10
Russ: 마지막 질문입니다. 점점 더 많은 웹 디자이너들이 CSS2 대세에 동참하고 있습니다. CSS3의 복잡성으로 인해 CSS3의 매력이 줄어들 것이라고 생각하시나요? 아니면 CSS3를 두려워하는 일부 디자이너들이 CSS를 완전히 포기하게 될까요?
Eric: 그보다 더 나쁜 것은 대부분의 웹 디자이너가 CSS2의 본질을 제대로 이해하지 못한 채 CSS2의 일부만 배운다는 것입니다.
마치 CSS1의 "복잡성"(자신의 지식에 비해)에 겁을 먹은 디자이너가 있는 것처럼 어떤 일이든 일어날 수 있습니다.
CSS3의 좋은 점 중 하나는 분리되어 모듈로 통합되어 있어서 신경쓰지 않는 부분은 무시하고 알고 싶은 부분에만 집중할 수 있다는 점입니다. 인쇄 스타일을 정말로 자세히 알아보고 싶다면 인쇄 모듈을 읽어서 알아볼 수 있습니다. 국제화에 관심이 있다면 I18N 모듈을 찾으세요. 모든 사람이 알아야 할 부분(선택기 및 캐스케이드 등)이 있지만 관심과 함께 거대한 사양 시트를 살펴보아야 합니다.