网页文章内容排版工具—TypeNugget

  • A+
所属分类:wordpress插件

每一个新闻、博客等阅读类网站都应该注意文章的内容排版,并且能让用户友好的阅读,比如一些小说网站,会把内容文字变得比较大,高级一点还可以让用户调整字号、背景。

今天为大家分享一个网页文章内容排版工具 Type Nugget,有了它,设计师将能很方便设置文章段落、标题、行距、文字颜色、链接颜色、背景等功能,当设置好后,还能生成 CSS 样式代码,相当便捷,比起在 PS 或其它设计工具上调整会快很多。建议网页设计师们收藏此工具。

网页文章内容排版工具—TypeNugget

工具名称:Type Nugget

工具地址: http://www.typenugget.com/

下图中,左边为文字演示(用户可以手动删除和输入新文字),右边为设置样式,样式有文字大小、页面背景、H1-H6、Margin、line-height 值等等均可设置。

网页文章内容排版工具—TypeNugget

当设置完成后,点击「GENERATE CODE」按钮,然后会生成一个 CSS 文件链接,把链接粘贴到浏览器即可看到该样式代码。

网页文章内容排版工具—TypeNugget
生成CSS代码链接,将该链接复制到浏览器打开就可以看到代码了,另外你还可以点击「download the CSS」链接来下载这个 CSS 样式文件。
 

网页文章内容排版工具—TypeNugget
目前该工具仅支持桌面预览,但后继还会推出平板、手机等平台预览方式。

weinxin
我的微信
分享学习和工作过程中总结出来的一些经验与技巧,关注前端设计与网站制作。

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: