Hacker News 의견

• 테이블을 레이아웃으로 사용하는 것은 이해할 수 있음.

  테이블이 유행을 따르지 않게 되면서 몇 년간 레이아웃을 위해 float 사용이 대세였음. 이 방법이 리스트에서 빠진 것에 대해 놀람. MDN 문서에 따르면, float 속성은 원래 텍스트 블록 내 이미지를 띄우기 위해 사용되었으나, 웹페이지의 다중 컬럼 레이아웃을 만드는 데에 자주 사용되었음. 이제 flexbox와 grid의 등장으로 원래의 목적으로 돌아감.

• spacer.gif에 대한 존중이 없음.

  HN에서 여전히 사용 중이며, 모든 페이지 요청에 포함됨: s.gif

• 가장 좋아하는 기술들:

  • 사이드바가 내용만큼 길어 보이게 하기 위한 'Faux columns'
  • 아홉 개의 패치와 9개의 div 또는 3x3 테이블을 사용하여 경계를 해킹하고, 배경을 일부 축에서 반복함. CSS3에서는 이를 돕는 border-image가 등장함. 하지만 이러한 경계 스타일은 더 이상 선호되지 않음.
  • 둥근 경계를 만들기 위해 아홉 개의 패치를 사용할 수 있으나, 많은 사람들이 HTML을 생성하는 제너레이터를 사용하여 둥근 경계를 시뮬레이션함. 기사에서 설명하듯, 추가 마크업이 이미지보다 더 많은 바이트를 차지할 것이라는 전통적인 지혜가 있었으나, 라운드트립이 적고 실행하기 쉬움.

• HN이 오늘날에도 이러한 기술 중 하나를 사용함:

  • HTML 테이블을 레이아웃으로 사용함
  • 이 리스트는 표준 없는 개발이 어떻게 다양한 용인 가능한 부수적인 채널에 제어 정보를 인코딩하는지 강조함.
  • 이로 인한 잠재적인 혼란과 충돌은 때때로 W3C 프로세스에 대해 느껴지는 경멸을 부각시킴. 이 프로세스는 표준 기반의 웹 기술 진화와 브라우저 주도의 혁신을 결합함. 때로는 서로를 이끌거나 동시에 진행됨.
  • 종종 비판받지만, 이 프로세스는 이전 것보다 더 지속 가능하고 안정적으로 해석될 수 있음.
  • 새로운 W3C-벤더 규범을 비판하는 이들 중 몇 명이 이 10가지 이상한 해킹을 회상하며 그 시절로 돌아가고 싶어할지 궁금함.

• 접근성을 위한 제목을 화면에 표시되지 않게 -10000 위치에 두는 것을 포함하지 않음.

• HTML5 shiv를 CSS 이전에 설치하여 모든 브라우저의 특이점을 제거하는 것에 대한 언급이 없음.

  HTML5 shiv의 역사

• 투명한 1×1 픽셀 gif를 사용하여 테이블 셀을 제어하던 좋은 옛날을 기억함.

• 초기에 널리 사용된  , 즉 공백을 끊지 않는 공간 문자 엔터티에 대한 추가 언급:

  텍스트를 컨테이너 내에서 오른쪽 또는 왼쪽으로 이동하기 위해 사용됨. 또는 테이블 셀이 제대로 동작하도록 하기 위해 1x1 스페이서 gif와 유사하게 사용됨. 일부 페이지에는 수백 개의  가 사용됨. 일반적으로 여백이나 패딩을 추가하는 방법으로 사용됨.

• 현대 웹 개발자들이 CSS Grid와 IE의 종말로 인해 버릇없어졌는지, 아니면 복잡한 현대 프레임워크와 빌드 프로세스를 다루지 않아서 그 시절에 버릇없었는지 가끔 구분이 안 됨.

• 반응형 디자인이 정말 해킹인지에 대한 의문:

  미디어 쿼리는 놀라움. 조건부 로직을 자바스크립트에 넣는 것 대신 CSS에 넣는 것은 서버 사이드 렌더링을 원할 때 큰 이점임.