Comments (9)
Have you tried https://stackoverflow.com/a/21270036
from tufte-css.
This does not work as it should.
This might be related to the dynamically defined font sizes.
On 07 Aug 2015, at 12:08, Nic [email protected] wrote:
Have you tried https://stackoverflow.com/a/21270036 https://stackoverflow.com/a/21270036
—
Reply to this email directly or view it on GitHub #30 (comment).
from tufte-css.
Works great for me. I just tested it.
from tufte-css.
Here is a gist to demonstrate how to do it: https://gist.github.com/xHN35RQ/c9cd616acc4b9bfb93ac
from tufte-css.
Thanks for that gist, @xhn35rq.
I'd like to add this functionality to tufte.css
, and an example to index.html
, but for me to feel OK doing so we'd need to also fix some other considerations for print. For instance, revert to pure black for text and pure white for the background. I'm tagging this help-wanted for anyone who wants to do that work; I don't have the desire to do the necessary testing right now.
from tufte-css.
I don't see any reason to add this. If you want to print to physical printer or to PDF, then you're much better off using pandoc's Tufte template and writing your content in Latex, Markdown, or any other input that pandoc accepts. tufte.css
should probably remain a web centric project. Otherwise you're re-inventing the wheel.
Here's an example of using Pandoc to convert from Multi-Markdown to PDF using Tufte Latex to create Tufte styled PDF's - http://plaintextadventure.com/blog/instant-pdfs-via-right-click.html
Much better option than printing HTML/CSS from web browser.
from tufte-css.
All excellent points.
from tufte-css.
👍
from tufte-css.
It turns out the problem was with Safari. Somehow, Safari does not get the correct information about the page size of the printer. Things work nicely with Firefox.
from tufte-css.
Related Issues (20)
- No styling for table elements anymore? HOT 1
- Tables are all black HOT 2
- navbar support/advice? HOT 1
- links look weird when highlighted HOT 2
- tufte.css and tufte.min.css have different update dates HOT 1
- Inconsistent spacing due to inline labels as sidenote numbers HOT 1
- dark mode HOT 4
- Sidenotes on list items are misaligned
- Lists in sidenotes have body-sized fonts.
- Figcaption text overlays the image on fullwidth iframe-wrapper
- Apply section style to header and footer elements, too
- Embedding superscripts breaks line height.
- Anything in the margin disappears with narrow browser window HOT 2
- Sidenote indexing HOT 8
- .margin-toggle:checked + .sidenote ... {vertical-align: ...}
- Underlines missing at certain zoom levels HOT 8
- sidenote becomes footnote
- Using srcset inside fullwidth figure renders an image that is not full width
- Darkmode background is too dark HOT 2
- Does tufte-css play nicely with screen readers? HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from tufte-css.