Edward Tufte uses a distinctive style in his handouts: simple, with well-set
typography, extensive sidenotes, and tight integration of graphics and
tufte-css brings that style to HTML documents.
The file index.html is a self-describing demonstration document that walks through the features of Tufte CSS. The live version at https://edwardtufte.github.io/tufte-css/ is the best overview of the project.
To use Tufte CSS, just copy
tufte.css and the
directory to your project and add the following to your HTML doc's
<link rel="stylesheet" href="tufte.css"/>
All other files in the repository can be ignored, as they are merely used by the demonstration document.
Project Scope and Status
Tufte CSS is specifically a CSS-only solution for styling HTML for the web.
This project is maintained but not under active development. It is considered essentially feature-complete. Refactoring and new functionality are a very low priority. However, contributions are still welcome to fix bugs or add functionality.
- Make changes
- From shell, invoke clean-css-cli:
cleancss -o tufte.min.css tufte.css
- Bump version in package.json
- From shell:
If you notice something wrong or broken, let us know by opening an issue, or better yet, a pull request with how you think it should be fixed.
Please document your issues and fixes thoroughly. This means a clear description of the concern, steps on how to reproduce it, and (if possible) before and after screenshots and links to prior discussions or commits. Please keep pull requests to one change at a time.
Fixes and new functionality should be tested against
screens as small as an iPhone 4 and as big as, well, as big as you use
normally. (If you don't have a mobile device handy, fake different
devices with your browser's developer tools.)
See the Issues page, especially Help Wanted, for opportunities to contribute.
- Dave Liepmann (creator, project maintainer, design)
- Edward Tufte (editing, direction, design)
- Adam Schwartz (ET Book font, descender-clearing link underlines)
- Clay Harmon (media queries, rem units)
- Linjie Ding (italic typeface)
- Stephen A Thomas (automagically numbered sidenotes)
- Ben Newman (sidenote numbering style)
- Kevin Godby (booktabs tables)
- James Kolce (sidenote fixes)
- Chris MacKay (sidenote toggling on small screens)
- Paul Rodriguez (sidenote style tweaks)
- Claudiu-Vlad Ursache (HTML5 conformity)
Released under the MIT license. See LICENSE.