Tufte-css: Tufte CSS 사용을 공유하십시오!

여기에서 TufteCSS를 사용했습니다 : gwydion.uk .

사이드 노트 앞부분을 강화하고 상단을 패딩하여 기준선을 재정렬하는 등 CSS를 거의 변경하지 않았습니다 (모두 index.html). 다른 변경 사항은 Lightbox를 통합하여 연결된 이미지의 하단 테두리를 방지하는 것입니다. 나는 또한 (내 눈에) 사이드 바에 기울어 진 캡션이 그림보다는 사진에서 이상하게 보였기 때문에 대체 캡션 스타일을 피했습니다.

내가 덜 확신하는 것은 이것이 TufteCSS가 정말로 적절한 페이지인지 여부입니다. 확실히 의도 된 사용 사례를 구부리고 있습니다. 그러나 여기에서 그것을 사용하는 데는 농담 요소가 있으므로 의도 한 청중을 위해 작동합니다 ... 의도 한 청중이 겸손하다는 것입니다!

@jjsanderson 축하합니다! 나는 출생 공고를 유스 케이스로 생각하지 않았지만 꽤 좋습니다.

감사! 예, 이상한 사용 사례입니다. 물론 의도 된 유형의 문서와는 거리가 멀지 만 예를 들어 문서에 추가 할 수 있습니다.

나는 몇 주 전에 시작한 작은 블로그 같은 일에 그것을 사용합니다. 내가 쓴 것을 읽는 사람들은 그것을 좋아했습니다! 즉, 그것은 거의 개인적인 프로젝트입니다.

주제에서 벗어 났지만 3 주 전 (10 월 22 일 ~ ish) 전에 만든 사이트입니다. 그 이후로 내가 알아야 할 Tufte CSS에 대한 중요한 업데이트가 있었습니까?

업데이트 : 해당 프로젝트를 더 이상 사용하지 않으므로 링크를 제거했습니다.

@sotojuan 좋네요! 나도 Bembo보다 Palatino를 선호합니다. : +1 :

@jjsanderson 나는 당신이 오픈 그래프 물건을 추가

@mandaris 하! 내가 그랬다는 걸 잊었 어. 나는 페이스 북 전체에서 카펫을 폭파하는 아기 사진에 반대 할 수 있지만,이 경우 페이스 북은 거의 의도 된 청중이었다. 그래서 ... 예, 오픈 그래프입니다. :-)

저는 제 사이트 _Secretary of Foreign Relations_ ( Github repo )에서 Tufte CSS와 Tufte-LaTeX를 사용하고 있습니다. 해당 사이트의 각 페이지는 Tufte 유인물 클래스의 웹 페이지 및 PDF 파일로 존재하며 둘 다 Pollen 과 동일한 마크 업에서 생성됩니다.

Pollen이 각 페이지를 생성하는 데 사용하는 마크 업을 보려면 (메인 페이지 제외) 상단의 "◊ 꽃가루 소스"링크를 클릭 할 수 있습니다 ( 예 ). 꽃가루는 자신 만의 마크 업을 디자인하고 모든 텍스트 소스 형식을 대상으로 할 수 있다는 점에서 정말 좋습니다. 따라서 Tufte CSS의 HTML 마크 업이 약간 까다 롭지 만 실제로는 사용하기가 매우 쉽습니다. 예를 들어 ◊numbered-note{Sidenote text} 는 사이드 노트에 대한 모든 마크 업을 생성합니다.

또한 Pollen은 개별 페이지를 Tufte 스타일의 'Flatland'책의 완전한 인쇄용 PDF로 연결하는 데 사용됩니다.

실제 변경 사항없이 최신 버전의 Tufte CSS를 사용하고 있습니다. 별도의 스타일 시트에 자체 CSS를 보관했습니다.

@otherjoel 아주 좋은 물건. 공유해 주셔서 감사합니다!

프로젝트 페이지에서 사용중인 부트 스트랩과 흥미로운 조합이 있습니다. http://frostbitten.github.io/ByeBox/

또한 tufte-css 형식을 구획화하는 포크를 만들었으므로 다음과 같이 모듈 식 콘텐츠 블록을 만들 수 있습니다.

모든 CSS 선택기에 사용자 지정 식별자 .tufte-body 접두사를 붙

또 다른 반복 :
이것은 사용자 정의 된 양식 요소를 통합합니다.

데스크탑 : 변하기 쉬운:

나는 주로 단어 목록, 정의 및 정의 소스 인 Ranked Situational Fury에 사용했습니다.

Tufte CSS로 새 블로그를 작성하기 시작했습니다. 나는 그것이 어떻게 보이는지 정말 좋아합니다. 이전에 Tufte CSS에 매우 가까운 다른 사이트에 대해 자체 CSS를 작성 했으므로 이전 코드를 새 정적 사이트 생성기로 이식하는 대신 Tufte를 사용할 수 있다고 생각했습니다.

IMO가 이전의 모든 정적 사이트 생성기 (hexo 등)의 일부 문제를 수정 한 Lekor를 지금 사용하고 있습니다.

내가 알아 차린 한 가지는 인쇄 매체 CSS가 없다는 것입니다. 추가 할 수있는 것이 있습니까?

@steckerhalter 실제로

Tufte CSS를 구현하는 Jekyll 테마를 만들었습니다! AMP를 준수하므로 매우 빠릅니다. 그것을 확인하십시오 : Immaculate .

나는 내 사이트에 TufteCSS를 채택했고 그것을 좋아합니다. 지금까지 조정이 필요하지도 않고 수행되지도 않았으며 (메인 페이지 및 기타 몇 가지) 프레임 워크를 그대로 사용했습니다. 훌륭한 일!

markbucciarelli.com의 내 블로그에 사용합니다. 작업에 매우 만족합니다, 감사합니다! (코드 래핑 풀 요청과 함께 사용하고 있습니다.)

나는 TufteCSS와 호환되는 HTML로 Emacs의 조직 모드 문서를 내보내는 ox-tufte 라는 프로젝트를 통해 개인 사이트에 TufteCSS를 사용하고 있습니다.

@siawyoung (및 @ clayh53 )이 부분적으로 나를 https://github.com/sdruskat/tufte-css-jekyll.

저는 tufte-markdown 이라는 프로젝트를 만들었으므로 Markdown으로 기사를 작성하고 Tufte의 스타일을 사용하여 아름다운 HTML 및 PDF 기사로 변환 할 수 있습니다.

tufte-markdown 에 어떻게 있는지 알 수 있습니다.

mplewis.com ( 소스 코드 )에서 Tufte CSS를 사용합니다.

진행중인 작업이지만 mercury.photo 에서 Tufte CSS를 직접 적용하고 있습니다. 나중에 워크 플로 속도를 높이기 위해 만든 여백 노트 및 보조 노트 Wordpress 단축 코드를 사용하는 방법에 대한 기사를 게시 할 것입니다. 준비되면 링크하겠습니다.

tufte-css를 사용하기 위해 개인 웹 사이트를 다시 구축했습니다.

https://jasonpeacock.com

Pandoc, Pandocomatic, pandoc-sidenote 및 tufte-pandoc-css를 사용하여 마크 다운에서 웹 사이트를 생성하는 데 사용되는 학습 내용과 도구를 작성했습니다.

https://jasonpeacock.com/projects/markdown-websites/

내 저장소에서 모든 것을 사용할 수 있습니다.

https://github.com/jasonpeacock/websites/tree/master/jasonpeacock.markdown

Bootstrap 4를 사용하여 Tufte CSS 레이아웃을 구축하려고합니다.
https://github.com/dylan-k/tufte-bootstrap
기고자를 환영합니다.

Bootstrap 4를 사용하여 Tufte CSS 레이아웃을 구축하려고합니다.
https://github.com/dylan-k/tufte-bootstrap
기고자를 환영합니다.

검사 도구에서 귀하의 버그를 살펴 보았지만 단락을 아래로 밀어 넣는 원인을 파악할 수 없었습니다. 원본 Tufte CSS는 사이드 노트와 마진 노트를 완성하기 위해 오른쪽 부동을 사용합니다. 귀하의 솔루션이 더 우아합니다. 문제를 해결할 수 있기를 바랍니다.

저는 최근에 Tufte CSS로 사이트를 Jekyll에 넣어 그대로 사용하여 다시 구축했습니다. 주요 포인트는 다음과 같습니다.

• MathJax와 잘 어울립니다.
• 각 페이지 상단에 간단한 가로 탐색이 추가되었습니다.
• 홈페이지에는 최근 게시물 5 개가 나열됩니다.
• 아카이브 페이지에는 모든 게시물에 대한 영구 링크가 시간 역순으로 포함됩니다.
• 각 게시물은 html 마크 업으로 작성되며 Jekyll은 각 게시물을 <article> 태그로 래핑합니다.
• 테마가있는 게시물에 Markdown을 사용할 수 있는지 여부는 불확실합니다.

https://juliuso.com

안녕하세요 여러분, 여기에서 Tufte CSS 사용을 오랫동안 수집 한 후, 저는 좀 더 잘 맞는 위키 로 옮기기로 결정했습니다. 나는 모든 것을 복사했다고 생각한다. 내가 뭔가를 놓친 경우 자유롭게 위키를 편집하십시오.

공유해 주셔서 감사합니다 :)

핀란드어로 작성한 palindromes의 작은 사이트에서 Tufte CSS에 대해 다소 색다른 사용이 있습니다. palindromi.fi

방금 Tufte CSS를 사용한 또 다른 사이트는 etätunnit.taiteilijat.fi (지금까지 핀란드어로만