Comments (13)
👍 good work!!
from tufte-css.
Yes, It makes the whole thing usable using Markdown and a few special Liquid tags. For instance:
## Some H2 Heading
Some content with [links](http://somewhere.com) and *emphasis* and **Strong**....
{% marginnote 'mn-id-1' 'Some Marginnote content *with* all the markdown goodness' %}
etc..
Is how content is created.
from tufte-css.
I have made some modifications to the CSS to bring the typography into more of a Bringhurst-ian vertical scale.
I looked through your documentation but could find no explanation of what you mean by this. I'm somewhat familiar with Bringhurst's work, but am curious what changes you made to achieve a "Bringhurst-ian" vertical scale.
from tufte-css.
I have adjusted line heights on text elements using the techniques outline on Web Typography so that all text elements have the same vertical rhythm. It amounted to small differences in headings and paragraphs, but where you really notice it is when you look at the longer sidenotes on both versions. You can slap a screen ruler between the paragraph text and the sidenote text, and the baselines on mine will align over multiple lines, where the tufte.css has tighter line spacing.
tufte.css:
versus tufte-jekyll:
from tufte-css.
Thanks for the explanation, and the image, that's helpful to see the difference. Do you think it would be good to pull your changes back into tufte-css
?
from tufte-css.
Personally, I think it looks a little cleaner that way. I'm not sure who the maintainer is now, but they of course are welcome to incorporate any changes that they feel are improvements. I started with the tufte.css and scrubbed through all the text elements including table elements, list elements and blockquotes to put them all on the same vertical measure.
On Oct 7, 2015, at 3:31 PM, Nic [email protected] wrote:
Thanks for the explanation, and the image, that's helpful to see the difference. Do you think it would be good to pull your changes back into tufte-css?
—
Reply to this email directly or view it on GitHub.
from tufte-css.
Cool. @daveliepmann is still the maintainer.
from tufte-css.
Great thing, 👍 for pulling changes into tufte-css, but not 'as is'. Looks like tufte.css can adopt this nice top navigation, credits footer and other blocks.
from tufte-css.
The tufte-jekyll theme looks great! I'm working on a template/theme for hugo (another en vogue static-site generator written in go
).
However, I think the large leading on the sidenotes looks a bit off-putting. If you insist on maintaining vertical rhythm you could still do so with a more proportional leading: take a look at Mark Boulton's approach (he aligns every 5th sidenote line with a main column line instead of aligning every line).
from tufte-css.
@crmackay Thank you for working on hugo templates. Looking forward to seeing your work!
from tufte-css.
I'll take a look at making that sidenote leading an option in the scss file. Thanks for that link.
-Clay
On Oct 15, 2015, at 8:45 AM, Chris MacKay [email protected] wrote:
The tufte-jekyll theme looks great! I'm working on a template/theme for hugo (another en vogue static-site generator written in go).
However, I think the large leading on the sidenotes looks a bit off-putting. If you insist on maintaining vertical rhythm you could still do so with a more proportional leading: take a look at Mark Boulton's approach (he aligns every 5th sidenote line with a main column line instead of aligning every line).
—
Reply to this email directly or view it on GitHub.
from tufte-css.
Wow, this is awesome! Going to convert my existing jekyll site to this over the weekend.
from tufte-css.
See #31 for links to other applications.
Since there's nothing actionable on this ticket, I will close it. The information will remain for anyone who looks or asks for Jekyll applications. Thanks.
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.