Internet Explorer가 만든 기괴한 CSS 핵의 역사
CSS Curiosities of the Past
CSS는 원래 스타일링 언어였지만, Internet Explorer 시절에는 브라우저별 핵과 비표준 기능으로 얼룩졌다. 별표 핵, !important 대체, hasLayout, CSS Expressions, 필터, HTML Components 등 당시 개발자들은 기발하지만 위험한 편법으로 IE의 버그를 우회해야 했다. 이 글은 그 잊힌 기술들의 유래와 작동 방식을 흥미롭게 조명한다.
Internet Explorer 7 이하에서는 느낌표로 시작하는 거의 모든 텍스트 문자열을 !important로 처리했다. 가장 흔히 사람들은 !ie를 작성해 Internet Explorer에서만 스타일이 명시도를 덮어쓰도록 했다.
HN 토론
47- tiborsaas
둥근 모서리 기억하시나요? 정말 고통스러웠죠, border-radius: 16px;처럼 간단한 걸 구현하려고 온갖 핵이 난무했으니까요.
제가 또 좋아했던 건 sIFR 폰트 로딩이었어요 :) 폰트 지원이... 들쭉날쭉했기 때문에, 헤더를 Flash 임베드로 대체해서 원하는 폰트를 렌더링하는 기법이 고안됐죠:
https://www.webdesignmuseum.org/web-design-history/sifr-2004
- zetanor
벤더 트릭 말고도, 시간에 따른 페이지 레이아웃 패턴의 진화에 관한 쇼케이스나 글을 보고 싶어요. 즉, 미학이 아니라 근본적인 기법들 말이죠; 테이블, 고정 이미지 크기, float/clear, flex 등등. https://code-literacy.medium.com/css-layout-evolution-detail... 를 찾긴 했는데 꽤 뼈대만 있고 불완전하네요. 여기 계신 분 중에 더 완전한 글을 본 적 있나요?
- VCFundedGenYer
제가 CSS를 마지막으로 많이 다룬 게 2010/2011년이었어요. 이것들 아직도 안 낡아 보여요.
W3C 검증을 통과하는 좋은 HTML/CSS를 작성하면 거의 모든 기기에서 문제없던 시점이 있었죠. 이건 오늘날에도 여전히 유효해요.
- QuadrupleA
IE는 정말 재앙이었고, 인류(적어도 웹사이트를 만드는 인류 부분)에게 부담이었죠. 마이크로소프트의 큰 악행 중 하나로 - 시장을 독점하자 제품을 수년간 정체시켰어요.
Windows도 이제 그렇게 된 것 같아요, 관성과 독점 전술로 사람들에게 강요되는 저품질의 사용자 적대적 제품이요.
- meerita
이 CSS 괴상한 것들 덕분에 고통스러웠던 시절이 떠올라서 평화로운 하루가 깨졌네요. 이런 핵이나 벤더별 기능을 더 이상 다룰 필요가 없다니 정말 좋아요. 제가 구형 브라우저를 타겟으로 한 프로젝트에 마지막으로 참여한 게 2018년이었어요!