GN⁺ 2025-04-28 | parent | ★ favorite | on: CSS Zen Garden 프로젝트(csszengarden.com)
Hacker News 의견
  • CSS가 등장하기 전, 웹 개발자들은 테이블 요소를 남용하여 그리드를 만들고 이미지를 잘라 테이블에 배치하는 방식으로 레이아웃을 구현했음

    • CSS에 대한 반발이 있었고, 많은 개발자들이 CSS를 배우기를 거부했음
    • CSS는 "지루하고 박스 같은" 디자인만 가능하다는 오해가 있었음
    • Dave Shea가 CSS Zen Garden을 통해 CSS의 가능성을 보여주며 이러한 오해를 불식시켰음
    • CSS로 멋진 디자인을 만들 수 있음을 증명하여 논쟁을 종결시켰음
  • 이 사이트는 오래되었지만 긍정적인 의미에서 좋았음

    • 2000년대 초, Microsoft ASP.NET에서 벗어나 Linux에서 앱을 개발하게 만든 계기가 되었음
    • Alex Russell이 Dojo JS를 통해 새로운 정보를 제공하며 기술 뉴스의 중요성을 일깨워줌
    • Web.py, HTML, JS, CSS로 구성된 툴킷을 사용했으며, 이후 jQuery, Backbone, Underscore, React, TS 등이 등장했음
  • CSS Zen Garden의 주요 포인트는 의미 있는 HTML을 최대한 활용하여 프레젠테이션과 콘텐츠를 완전히 독립적으로 운영할 수 있다는 것이었음

    • CSS의 한계 내에서 디자인을 구현할 수 있었음
    • 스타일을 변경하려면 DOM을 직접 수정해야 하는 경우가 많았음
    • HTML과 Javascript 수준에서 프레젠테이션과 콘텐츠 구조 결정을 혼합해야 했음
  • Zen Garden과 Eric Meyer를 통해 CSS를 배운 사람으로서, Tailwind 같은 현대 CSS 도구는 반패턴처럼 보임

  • Tailwind와 CSS-in-JS의 암흑 시대에 빛을 비추는 존재였음

    • 20년 전 CSS Zen Garden의 중요성을 깨닫기 어려움
  • 오래된 것이지만 좋은 것임

    • 저소득 고등학생들에게 웹 디자인을 가르치는 데 기초가 되었음
    • 학생들이 웹 디자인 대회에서 CSS를 설명해야 했고, 많은 학생들이 데스크탑 컴퓨터를 수상했음
    • Dave Shea, Eric Meyer, Andy Budd 등에게 질문을 보내 도움을 받았음
  • 두 가지 디자인을 제출했으며, 여전히 CSS 재사용 요청을 받음

  • 이 사이트는 과거에 큰 영향을 미쳤음

    • 동일한 HTML 콘텐츠에 CSS와 이미지를 제출할 수 있었음
    • 인상 깊었던 디자인 예시들이 있었음
  • 과거의 추억... CSS Zen Garden을 사랑했지만, 웹사이트의 주요 목적이 문서를 제공하는 것이었던 시절의 철학이었음

    • 미디어가 풍부한 세계가 이 비전을 뒤로 하게 되었음
  • CSS Zen Garden을 HN에서 보게 되어 기쁨

    • Tailwind와 같은 CSS "프레임워크"에 대한 불만이 있음
    • Tailwind는 CSS의 작동 방식을 배우지 않고도 "충분히 괜찮은" 결과를 얻을 수 있게 해줌
    • HTML이 CSS 클래스가 콘텐츠보다 많은 상태가 됨
    • 깊이와 숙달이 선택 사항으로 여겨지는 경향이 있음