가장 큰 CSS 트릭 Vol. I eBook (PDF 및 EPUB)

처음에는 "가장 큰 CSS Tricks Vol. I"은 온라인 리소스로만 존재했으며 웹 사이트 회원에게만 액세스 할 수 있습니다. 그러나 이제 PDF 및 EPUB 버전은 회원에게 무료로 다운로드 할 수 있습니다. 이 전체 프로젝트는 디지털 서적 제작 실험으로 사용되었습니다. 저자는 블로그 포스트 스타일의 온라인 쓰기를 선호하여 대화 형 컨텐츠와 제어 액세스를 허용합니다. 이 접근법은 작문 생산성을 높이고 잠재적으로 Volume II 및 기타 미래 프로젝트로 이어질 수 있습니다. 저자는 이제 글쓰기, 출판 및 배포를위한 간소화 된 시스템을 가지고 있습니다.

디지털 에디션 제작

초기 기대는 PDF 생성이 간단 할 것이라는 점입니다. 깨끗한 HTML 템플릿을 사용하고 인쇄 친화적 인 CSS를 적용한 다음 인쇄 to-PDF 기능을 사용합니다. 이 방법은 허용 가능한 결과 (배경 그래픽 조정)를 산출했지만 헤더/바닥 글에 대한 제어가 부족했으며 수동 프로세스였습니다.

보다 프로그래밍 방식이 필요했습니다. 저자는 Baldur Bjarnason의 블로그 게시물 인 책과 같은 웹 사이트를 만들고 다양한 파일 형식 (PDF, DOCX, EPUB)으로 변환하기위한 광고 서비스를 발견했습니다.

프로그래밍 방식 전자 책 생성

Baldur Bjarnason은 단일 로컬 HTML 파일을 PDF, EPUB 및 MOBI 형식으로 변환하는 자동화 된 시스템을 개발했습니다. 이 시스템은 오픈 소스 도구를 사용하며 명령 줄 스크립트를 통해 활성화됩니다. 이 과정에는 인쇄 최적화 스타일링으로 원시 콘텐츠를 출력하는 특수 URL을 사용하여 세심한 HTML 준비가 필요했습니다.

사용 된 도구

기술 스택에는 다음이 포함되었습니다.

• PDF 생성 : paged.js (비교 후 weasyprint 이상 선택).
• Epub Creation : Pandoc.
• Mobi Creation : Caliber의 ebook-convert 명령 줄 도구.

다양한 소프트웨어 의존성 (Python, Pango, Libffi 등)도 필요했지만 Baldur의 스크립트는 관리를 단순화했습니다. 저자는 Percollate가 새로운 대안이지만이 프로젝트에서는 탐구되지 않았다고 지적했다.

오픈 소스 저장소

Baldur Bjarnason은 단순화 된 버전의 도구와 Makefile을 포함하는 공개 저장소 (책 트릭)를 만들어 비슷한 전자 책 제작 문제에 직면 한 다른 사람들에게 귀중한 리소스를 제공합니다.

빌드 미리보기

PDF는 Preview.app (Mac), Books.app (Mac)가있는 Epubs 및 구경이있는 Mobis를 사용하여 쉽게 미리 볼 수 있습니다. CSS 조정 및 재건의 반복 프로세스는 시간이 많이 걸렸으며, 라이브 미리보기 기능 향상이 필요하다는 것을 강조했습니다.

웹 대 전자 책 컨텐츠 차이

처음에 저자는 인쇄 또는 디지털 버전의 아이디어를 포기했습니다. 온라인 버전은 내장 된 코피 펜 데모를 크게 활용하여 웹 상호 작용에 이상적이지만 eBook에는 적합하지 않습니다. eBook은 일부 상호 작용 (애니메이션 GIF, 링크)을 지원하는 반면, JavaScript 및 Iframes는 신뢰성을 피했습니다. 이를 해결하기 위해, 내장 된 펜은 display: none; . Custom WordPress 블록은 전자 책 별 컨텐츠 생성을 단순화하여 사용하여 표시되었습니다.<div> 온라인 버전에 숨겨져 있고 인쇄 CSS를 통해 표시되는 요소. eBook CSS는 링크 후 URL 추가와 같은 일반적인 인쇄 스타일 시트 기술을 피하고 클릭 가능한 파란색 링크에 의존했습니다.<p> 이 프로젝트는 특히 디지털 캔버스 렌더링 분야에서 귀중한 학습 경험으로 판명되었습니다. 저자는 이러한 유형의 전자 책 생성과 관련된 가파른 학습 곡선을 인정합니다.</p> <p> Vol. 1 eBook</p> </div>

위 내용은 가장 큰 CSS 트릭 Vol. I eBook (PDF 및 EPUB)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!