▲GN⁺ 2024-03-04 | parent | ★ favorite | on: 종이에 인쇄하기 위한 CSS 정리(voussoir.net)Hacker News 의견 개인 웹사이트에서 선호하는 인쇄 스타일에 대한 설명: 섹션 헤더가 페이지 하단에 인쇄되어 다음 페이지 상단에 내용이 헤더 없이 남지 않도록 함. 그래픽과 도표가 페이지를 넘어가지 않고 전체 페이지에 인쇄되도록 함. 하이퍼링크의 URL을 인쇄하여 링크가 단순히 밑줄이 그어진 텍스트로만 남지 않도록 함. Pagedjs.org를 사용하여 책을 편집한 경험: 미리보기에 몇 가지 버그가 있었지만 최종 출력물은 완벽했으며, InDesign을 사용하는 것보다 시간을 4분의 1만큼 절약함. HTML/CSS와 InDesign에 모두 익숙하다면 Pagedjs가 장문 레이아웃에 더 나은 선택임. 인쇄용 CSS에 대한 브라우저 지원의 문제점: CSS에서 페이지마다 각주를 넣는 것과 같은 일부 기능에 대한 동등한 기능이 없음. 사용자 정의 CSS 속성을 실험하고 이러한 격차를 메울 수 있는 쉬운 HTML 레이아웃 엔진이 있는지 질문. CSS를 사용한 인쇄의 용이성: 어떤 앱에서도 HTML+CSS를 출력하여 깔끔하고 예쁜 인쇄 문서를 쉽게 준비할 수 있음. PostScript나 TeX를 배우는 것보다 CSS 타이포그래피를 몇 분 만에 작성하는 것이 더 쉬움. 인쇄를 위한 브라우저 지원이 너무 나빠서 네이티브 앱을 만들어야 하는 상황: 현재는 PDF를 다운로드하여 인쇄해야 함. Chrome/Blink, Safari/Webkit, Firefox/Mozilla 개발자들에게 적어도 해킹이 작동하도록 요청. CSS의 역사와 현재 상황에 대한 고찰: CSS는 처음에 인쇄 미디어를 염두에 두고 시작되었으나 브라우저 지원이 뒤처짐. HTML & CSS를 사용하여 인보이스와 일부 전자책을 만드는 방법: print-css.rocks와 Weasyprint을 활용하는 방법을 소개. 브라우저를 통해 PDF를 생성하기 위해 사용한 paper-css에 대한 언급. HTML/CSS를 사용한 인쇄 자료 제작의 장점: 인쇄 자료 제작에 필요한 모든 것을 HTML/CSS로 사용함. CSS 기술을 활용하여 소셜 네트워크의 프로필을 인쇄 형식으로 제공한 경험: 공장 노동자를 대상으로 한 소셜 네트워크에서 프로필을 인쇄할 수 있도록 함. 워크샵과 코스 인증서를 만드는 온라인 에디터를 만든 경험도 공유.
Hacker News 의견
개인 웹사이트에서 선호하는 인쇄 스타일에 대한 설명:
Pagedjs.org를 사용하여 책을 편집한 경험:
인쇄용 CSS에 대한 브라우저 지원의 문제점:
CSS를 사용한 인쇄의 용이성:
인쇄를 위한 브라우저 지원이 너무 나빠서 네이티브 앱을 만들어야 하는 상황:
CSS의 역사와 현재 상황에 대한 고찰:
HTML & CSS를 사용하여 인보이스와 일부 전자책을 만드는 방법:
브라우저를 통해 PDF를 생성하기 위해 사용한 paper-css에 대한 언급.
HTML/CSS를 사용한 인쇄 자료 제작의 장점:
CSS 기술을 활용하여 소셜 네트워크의 프로필을 인쇄 형식으로 제공한 경험: