Tufte-css: Поделитесь своим использованием Tufte CSS!

Я использовал TufteCSS здесь: gwydion.uk .

Я внес очень мало изменений в CSS (все в index.html), в том числе ужесточил ведущие сноски и отступы вверху, чтобы выровнять базовые линии (см. №29). Другие изменения заключались в интеграции Lightbox и, следовательно, во избежание нижних границ связанных изображений. Я также предложил альтернативный стиль подписи, поскольку (на мой взгляд) подпись с наклоном боковой панели выглядела странно с фотографиями, а не с рисунками.

В чем я менее уверен, так это в том, действительно ли TufteCSS подходит для этой страницы. Это, безусловно, искажает предполагаемый вариант использования. Однако в том, что я использую его здесь, есть элемент шутки, так что он работает для целевой аудитории… просто целевая аудитория скромна!

Поздравляю @jjsanderson! Признаюсь, я не считал объявление о рождении вариантом использования, но это довольно приятно.

Спасибо! Да, это странный вариант использования. Конечно, вы можете добавить его в документацию в качестве примера, хотя это довольно далеко от предполагаемого типа документа.

Я использую его в небольшом блоге, который начал несколько недель назад. Людям, которые читали то, что я там пишу, понравилось! Тем не менее, это в значительной степени личный проект.

Не по теме, но я сделал этот сайт около трех недель назад (22 октября ~ иш). Были ли с тех пор какие-либо существенные обновления Tufte CSS, о которых я должен знать?

Обновление: больше не используйте этот проект, поэтому я удалил ссылку.

@sotojuan приятно! Я тоже предпочитаю Палатино Бембо. : +1:

@jjsanderson Мне нравится, что вы добавили открытые графы!

@mandaris Ха! Знаешь, я забыл, что сделал это. Возможно, я против "ковровых бомбардировок" детских фотографий в Facebook, но в данном случае Facebook был в значительной степени целевой аудиторией. Так что… да, opengraph. :-)

Я использую Tufte CSS - и Tufte-LaTeX - на моем сайте _Secretary of Foreign Relations_ ( Github ). Каждая страница на этом сайте существует как в виде веб-страницы, так и в виде файла PDF в классе Tufte Handout, оба сгенерированы из одной и той же разметки с помощью Pollen .

Чтобы увидеть разметку, используемую Pollen для создания каждой страницы (кроме главной), вы можете щелкнуть ссылку «◊Pollen source» вверху ( пример ). Пыльца действительно хороша тем, что позволяет создавать собственную разметку и настраивать таргетинг на любой текстовый формат. Таким образом, даже несмотря на то, что разметка HTML в Tufte CSS немного неудобна, ее довольно легко использовать на практике: например, ◊numbered-note{Sidenote text} сгенерирует всю разметку для боковой заметки.

Кроме того, Pollen используется для сшивания отдельных страниц в готовый к печати PDF-файл книги «Flatland», также в стиле Tufte.

Я использую последнюю версию Tufte CSS без реальных изменений; Я сохранил свой собственный CSS в отдельной таблице стилей.

@otherjoel Очень хороший материал. Спасибо, что поделился!

У меня есть интересная комбинация с бутстрапом, которую я использую на странице проекта: http://frostbitten.github.io/ByeBox/

Я также сделал вилку, которая разделяет формат tufte-css, поэтому я могу создавать такие модульные блоки контента:

Я просто поставил перед всеми селекторами CSS собственный идентификатор .tufte-body

Еще одна итерация:
Он включает в себя настраиваемые элементы формы:

Рабочий стол: Мобильный:

Я использовал его для рейтингового ситуационного неистовства , который в основном состоит из списков слов, их определений и источников их определений.

Я начал вести новый блог с Tufte CSS. Мне очень нравится, как это выглядит. Ранее я делал свой собственный CSS для другого сайта, который был довольно близок к Tufte CSS, поэтому я решил, что могу просто использовать Tufte вместо того, чтобы переносить старый код в новый генератор статических сайтов.

Сейчас я использую Lekor, который IMO исправил некоторые проблемы всех предыдущих генераторов статических сайтов (например, hexo и т. Д.).

Я заметил одну вещь: нет никакого CSS для печатных СМИ. Не могли бы вы что-нибудь добавить?

@steckerhalter На самом деле в самом начале был некоторый базовый CSS для печатных СМИ. Я не уверен, был ли он удален при большом обновлении в прошлом ~ июне / июле или раньше, но причина заключалась в отсутствии желания QA в совершенно другом варианте использования. Я предлагаю проверить историю коммитов из прошлого. Ура!

Я создал тему Jekyll, которая реализует Tufte CSS! Он также совместим с AMP, поэтому работает очень быстро. Проверьте это: Безупречный .

Я использовал TufteCSS для своего сайта, и мне это нравится. До сих пор никаких настроек не требовалось и не производилось (для главной страницы и некоторых других), и я использовал фреймворк как есть. Отличная работа!

Я использую его в своем блоге на markbucciarelli.com . Работой очень доволен, спасибо! (Я использую его с запросом на перенос кода.)

Я использую TufteCSS для своего личного сайта через созданный мной проект под названием ox-tufte, который экспортирует документы Emacs Org-mode в HTML, совместимый с TufteCSS.

@siawyoung (и @ Clayh53 ) частично опередили меня, но я также скомпилировал небольшую тему Jekyll. Он пытается максимально приблизиться к tufte-css. https://github.com/sdruskat/tufte-css-jekyll.

Я создал проект под названием tufte-markdown, чтобы вы могли просто писать свои статьи с помощью Markdown, а затем преобразовывать их в красивые статьи в HTML и PDF, используя стиль Tufte.

Вы можете узнать, как это происходит на tufte-markdown .

Я использую Tufte CSS в исходный код ).

Работа над ним продолжается, но я использую свою собственную адаптацию Tufte CSS на

Я только что закончил перестраивать свой личный сайт для использования 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

Я пытаюсь создать макет Tufte CSS с помощью Bootstrap 4.
https://github.com/dylan-k/tufte-bootstrap
Авторы приветствуются.

Я пытаюсь создать макет Tufte CSS с помощью Bootstrap 4.
https://github.com/dylan-k/tufte-bootstrap
Авторы приветствуются.

Я посмотрел на вашу ошибку в инструментах инспектора и не смог понять, что толкает абзац вниз. Исходный CSS Tufte использует правое поплавок для добавления боковых и полевых заметок. Ваше решение более элегантное - надеюсь, вы сможете его исправить!

Недавно я перестроил свой сайт с помощью Tufte CSS, включив его в Jekyll, используя его как есть. Основные моменты:

• Хорошо сочетается с MathJax.
• Вверху каждой страницы добавлена ​​простая горизонтальная навигация.
• На домашней странице перечислены 5 последних сообщений.
• На странице "Архивы" есть постоянные ссылки на все сообщения в обратном хронологическом порядке.
• Каждое сообщение написано в html-разметке, и Jekyll заключает каждое сообщение в тег <article> .
• Возможность использования Markdown для сообщений с этой темой сомнительна.

https://juliuso.com

Привет, ребята, после долгого сбора информации об использовании Tufte CSS здесь, я решил переместить все в вики , где он подходит немного лучше. Я думаю, что скопировал все заново; Если я что-то пропустил, пожалуйста, отредактируйте вики самостоятельно.

Спасибо, что поделился :)

У меня есть несколько нетрадиционное использование Tufte CSS на моем небольшом сайте для палиндромов, который я написал на финском языке: palindromi.fi

Другой сайт, на котором я только что использовал Tufte CSS, - это игре на музыкальных инструментах, а также настройку его уникальной способности обеспечивать хорошее качество звука для музыку вместо оптимизации для речи.