网页文章内容排版工具:Type Nugget
2016-08-19 14:34
246 查看
每一个新闻、博客等阅读类网站都应该注意文章的内容排版,并且能让用户友好的阅读,比如一些小说网站,会把内容文字变得比较大,高级一点还可以让用户调整字号、背景。
今天设计达人网为大家分享一个网页文章内容排版工具 Type
Nugget,有了它,设计师将能很方便设置文章段落、标题、行距、文字颜色、链接颜色、背景等功能,当设置好后,还能生成 CSS 样式代码,相当便捷,比起在 PS 或其它设计工具上调整会快很多。建议网页设计师们收藏此工具。
工具名称:Type Nugget
工具地址: http://www.typenugget.com/
下图中,左边为文字演示(用户可以手动删除和输入新文字),右边为设置样式,样式有文字大小、页面背景、H1-H6、Margin、line-height 值等等均可设置。
![](http://images.shejidaren.com/wp-content/uploads/2016/08/070437GlG.jpg)
当设置完成后,点击「GENERATE CODE」按钮,然后会生成一个 CSS 文件链接,把链接粘贴到浏览器即可看到该样式代码。
![](http://images.shejidaren.com/wp-content/uploads/2016/08/070437nP0.jpg)
生成CSS代码链接,将该链接复制到浏览器打开就可以看到代码了,另外你还可以点击「download the CSS」链接来下载这个 CSS 样式文件。
![](http://images.shejidaren.com/wp-content/uploads/2016/08/070437iTe.jpg)
目前该工具仅支持桌面预览,但后继还会推出平板、手机等平台预览方式。
更多详细信息请关注http://it.lindukj.cn/archives/2163,这里也就不过多说明!
今天设计达人网为大家分享一个网页文章内容排版工具 Type
Nugget,有了它,设计师将能很方便设置文章段落、标题、行距、文字颜色、链接颜色、背景等功能,当设置好后,还能生成 CSS 样式代码,相当便捷,比起在 PS 或其它设计工具上调整会快很多。建议网页设计师们收藏此工具。
工具名称:Type Nugget
工具地址: http://www.typenugget.com/
下图中,左边为文字演示(用户可以手动删除和输入新文字),右边为设置样式,样式有文字大小、页面背景、H1-H6、Margin、line-height 值等等均可设置。
![](http://images.shejidaren.com/wp-content/uploads/2016/08/070437GlG.jpg)
当设置完成后,点击「GENERATE CODE」按钮,然后会生成一个 CSS 文件链接,把链接粘贴到浏览器即可看到该样式代码。
![](http://images.shejidaren.com/wp-content/uploads/2016/08/070437nP0.jpg)
生成CSS代码链接,将该链接复制到浏览器打开就可以看到代码了,另外你还可以点击「download the CSS」链接来下载这个 CSS 样式文件。
![](http://images.shejidaren.com/wp-content/uploads/2016/08/070437iTe.jpg)
目前该工具仅支持桌面预览,但后继还会推出平板、手机等平台预览方式。
更多详细信息请关注http://it.lindukj.cn/archives/2163,这里也就不过多说明!
相关文章推荐
- DeepWeb搜索文章-《查找"看不见的网页"的途径与工具》
- 文章自动排版工具(附截图)
- 【开源一个小工具】一键将网页内容推送到Kindle
- 【开源一个小工具】一键将网页内容推送到Kindle
- 网页格式化排版代码,专用信息采集后的内容整理
- 如何用java实现在网页中保存html编辑器 编辑好的 html 文件?!(如blog里发文章的时候把要发表的内容以html文件的形式保存到服务器上?)
- 【Java Utility】Jsoup网页爬虫工具--从元素/元素集中提取属性、文本和HTML内容【九】
- Bootstrap_之网页内容排版
- 网页中文章内容文字右端不对齐,有的不满一行便拐行
- Python获取网页指定内容(BeautifulSoup工具的使用方法)
- Wix: 基于 Flash 的网页内容创建工具
- [Web] Eot (Embedded OpenType)字体转换工具及网页嵌入
- 网页设计工具-灰盒排版方法 很有意思
- 可视化的网页内容抓取工具 Portia
- SEO页面价值-内容质量、页面元素丰富度及文章排版规范
- 文章自动排版工具(附截图)
- javascript: 加亮指定的文章内容关键字网页特效代码
- apache httpclient 客户端HTTP抓取网页内容工具
- Type.js – 帮助你更好的控制网页字体排版
- 微信浏览网页时内容被重新排版