设计网页文章的工具 Tufte CSS

MIT
HTML/CSS
跨平台
2017-11-06
ismdeep

Tufte CSS 提供了使用 Edward Tufte 书籍和讲义展示的想法来设计网页文章的工具。 Tufte 的风格以其简洁,广泛使用的注释,图形与文本的紧密结合以及精心挑选的版式而闻名。

Tufte CSS旨在清晰,简洁和统一。 以下是我们的CSS约定的基本示例:

p { font-size: 1.4rem;
    line-height: 2rem;
    margin-top: 1.4rem;
    margin-bottom: 1.4rem;
    width: 55%;
    padding-right: 0;
    vertical-align: baseline; }
    
@media screen and (max-width: 600px) { p { width: 70%; }}
@media screen and (max-width: 400px) { p { width: 90%; }}
的码云指数为
超过 的项目
加载中

评论(0)

暂无评论

暂无资讯

暂无问答

2015年50+ CSS 工具、框架、库合集

在过去的一年中,我们已经看到了Flexbox布局人气大增、CSS动画的微妙变化、SVG动画的应用、Instagram风格的影响,这里我们列出了50多个今年发布的开源资源,可以帮你节省很多时间。...

2015/12/15 14:20
120
0
Sparklines for iOS

Sparklines 实现了 Edward Tufte 的 sparkline 概念,是一个小型的、大小跟一行字差不多的图标趋势图展示,支持 iPhone/iPad/iTouch。 转载:http://www.adobex.com/ios/source/details/00001...

2013/02/01 23:30
52
0
Sparklines for iOS

Sparklines 实现了 Edward Tufte 的 sparkline 概念,是一个小型的、大小跟一行字差不多的图标趋势图展示,支持 iPhone/iPad/iTouch。 转载:http://www.adobex.com/ios/source/details/00001...

2013/02/01 23:56
48
0
数据墨水与图表设计

图表的应用已经有上千年的历史。在近几十年,也有很多深入的研究。比如贝尔实验室的Cleveland在七十年代开始的一系列著作,对图表及其所涉及到的不同方面做了很详尽的分析。 但作为实际操作中...

2010/12/20 09:40
136
0
北美18名校的数据挖掘,数据分析,人工智能及机器学习课程汇总

问答 http://www.quora.com/What-is-data-science 数据科学是什么? http://www.quora.com/How-do-I-become-a-data-scientist 我怎样才能成为一个数据科学家? http://www.quora.com/Data-Sc...

2016/06/15 10:25
1
0
北美18名校的数据挖掘,数据分析,人工智能及机器学习课程汇总

问答 http://www.quora.com/What-is-data-science 数据科学是什么? http://www.quora.com/How-do-I-become-a-data-scientist 我怎样才能成为一个数据科学家? http://www.quora.com/Data-Sc...

2016/06/15 10:54
2
0
北美18名校的数据挖掘,数据分析,人工智能及机器学习课程汇总

http://www.quora.com/What-is-data-science 数据科学是什么? http://www.quora.com/How-do-I-become-a-data-scientist 我怎样才能成为一个数据科学家? http://www.quora.com/Data-Scienc...

2016/06/15 10:25
3
0
北美18名校的数据挖掘,数据分析,人工智能及机器学习课程汇总

http://www.quora.com/What-is-data-science 数据科学是什么? http://www.quora.com/How-do-I-become-a-data-scientist 我怎样才能成为一个数据科学家? http://www.quora.com/Data-Scienc...

2016/06/15 10:54
5
0
表格设计基础

1 表格需求 讨论一个事物的优劣,是一个很容易变得情绪化的事情。因为很多时候,不同观点是建立在不同的标准上的。比如我们比较不同的跑车: 对决 对于日常的使用,上班购物旅游等,我想大部...

2010/08/18 10:37
163
0
Coding and Paper Letter(四十)

资源整理。 1 Coding: 1.Tomislav Hengl撰写的非官方作者指南:Michael Gould•Wouter Gerritsma。 UnofficialGuide4Authors 2.R语言包rwrfhydro,社区贡献的工具箱,用于管理,分析和可视化...

2018/10/21 23:42
12
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部