每一个新闻、博客等阅读类网站都应该注意文章的内容排版,并且能让用户友好的阅读,比如一些小说网站,会把内容文字变得比较大,高级一点还可以让用户调整字号、背景。
今天为大家分享一个网页文章内容排版工具 Type Nugget,有了它,设计师将能很方便设置文章段落、标题、行距、文字颜色、链接颜色、背景等功能,当设置好后,还能生成 CSS 样式代码,相当便捷,比起在 PS 或其它设计工具上调整会快很多。建议网页设计师们收藏此工具。
工具名称:Type Nugget
’工具地址: http://www.typenugget.com/
下图中,左边为文字演示(用户可以手动删除和输入新文字),右边为设置样式,样式有文字大小、页面背景、H1-H6、Margin、line-height 值等等均可设置。
当设置完成后,点击「GENERATE CODE」按钮,然后会生成一个 CSS 文件链接,把链接粘贴到浏览器即可看到该样式代码。
生成CSS代码链接,将该链接复制到浏览器打开就可以看到代码了,另外你还可以点击「download the CSS」链接来下载这个 CSS 样式文件。
目前该工具仅支持桌面预览,但后继还会推出平板、手机等平台预览方式。