Code Monkey home page Code Monkey logo

Comments (13)

 avatar commented on June 26, 2024

👍 good work!!

from tufte-css.

clayh53 avatar clayh53 commented on June 26, 2024

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.

 avatar commented on June 26, 2024

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.

clayh53 avatar clayh53 commented on June 26, 2024

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:

tufte-css

versus tufte-jekyll:

tufte-jekyll

from tufte-css.

 avatar commented on June 26, 2024

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.

clayh53 avatar clayh53 commented on June 26, 2024

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.

 avatar commented on June 26, 2024

Cool. @daveliepmann is still the maintainer.

from tufte-css.

devgru avatar devgru commented on June 26, 2024

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.

crmackay avatar crmackay commented on June 26, 2024

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.

 avatar commented on June 26, 2024

@crmackay Thank you for working on hugo templates. Looking forward to seeing your work!

from tufte-css.

clayh53 avatar clayh53 commented on June 26, 2024

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.

sotojuan avatar sotojuan commented on June 26, 2024

Wow, this is awesome! Going to convert my existing jekyll site to this over the weekend.

from tufte-css.

daveliepmann avatar daveliepmann commented on June 26, 2024

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)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.