<p><strong>1. 在线文本生成器</strong>
</p>
<p>BlindTextGenerator:对设计师来说,这是一个简单又好用的文本生成小工具。内含许多种字体,可设置字符的大小,数量,样式,段落的数量及对齐方式等,还可以很方便且精确地调节文本区块的大小。</p>
<p style="text-align: center;"><img style="cursor: pointer; width: 430px; height: 430px;" src="http://articles.csdn.net/uploads/allimg/110114/89_110114093323_1.jpg" border="0" alt=""></p>
<p style="text-align: left;">详细内容:<a href="http://www.blindtextgenerator.com/lorem-ipsum" target="_blank">http://www.blindtextgenerator.com/lorem-ipsum</a>
</p>
<p>Fillerati:很有设计感和风格现代的文本生成器。</p>
<p style="text-align: center;"><img style="cursor: pointer; width: 400px; height: 400px;" src="http://articles.csdn.net/uploads/allimg/110114/89_110114093342_1.jpg" border="0" alt=""></p>
<p>详细内容:<a href="http://www.fillerati.com/" target="_blank">http://www.fillerati.com/</a>
</p>
<p><strong>2. CSS生成器</strong>
</p>
<p>Border Radius:没有比它更简单的了。进入网站在矩形一角的输入框里输入数值,就可以生成圆角矩形的CSS代码。</p>
<p style="text-align: center;"><img style="cursor: pointer; width: 372px; height: 372px;" src="http://articles.csdn.net/uploads/allimg/110114/89_110114093429_1.jpg" border="0" alt=""></p>
<p style="text-align: left;">详细内容:<a href="http://border-radius.com/" target="_blank">http://border-radius.com/</a>
</p>
<p>CSS3 Gradient Generator:超好用的CSS渐变代码生成器,也很容易上手。</p>
<p style="text-align: center;"><img style="cursor: pointer; width: 373px; height: 373px;" src="http://articles.csdn.net/uploads/allimg/110114/89_110114093448_1.jpg" border="0" alt=""></p>
<p>详细内容:<a href="http://gradients.glrzad.com/" target="_blank">http://gradients.glrzad.com/</a>
</p>
<p>Ultimate CSS Gradient Generator:熟悉Photoshop的话,对这款CSS渐变代码生成器会感到很亲切,当然它的功能也很强大。</p>
<p style="text-align: center;"><img style="cursor: pointer; width: 390px; height: 390px;" src="http://articles.csdn.net/uploads/allimg/110114/89_110114093610_1.jpg" border="0" alt=""></p>
<p>详细内容:<a href="http://www.colorzilla.com/gradient-editor/" target="_blank">http://www.colorzilla.com/gradient-editor/</a>
</p>
<p>CSS Tricks Button Maker:一个按钮CSS代码生成器,没说的,实在是太方便了!</p>
<p>你可以自如定义按钮大小,颜色,边界半径,渐变,背景,边界,悬停,活动状态,设置好之后点击你的按钮,就可以拷贝CSS代码了。</p>
<p style="text-align: center;"><img style="cursor: pointer; width: 387px; height: 387px;" src="http://articles.csdn.net/uploads/allimg/110114/89_110114093645_1.jpg" border="0" alt=""></p>
<p>详细内容:<a href="http://css-tricks.com/examples/ButtonMaker/" target="_blank">http://css-tricks.com/examples/ButtonMaker/</a>
</p>
<p><strong>3.排版工具</strong>
</p>
<p>Baseline CSS:对于包含大量文本的网站它是一个非常得力的工具。</p>
<p style="text-align: center;"><img style="cursor: pointer; width: 427px; height: 427px;" src="http://articles.csdn.net/uploads/allimg/110114/89_110114093723_1.jpg" border="0" alt=""></p>
<p>详细内容:<a href="http://baselinecss.com/" target="_blank">http://baselinecss.com/</a>
</p>
<p>TypeTester:可以方便快捷地测试最佳字体排版的工具!提供三种方案对照,并有安全字体列表。当你找到了完美的设置方案,还可以获取相应的CSS。</p>
<p style="text-align: center;"><img style="cursor: pointer; width: 373px; height: 373px;" src="http://articles.csdn.net/uploads/allimg/110114/89_110114093745_1.jpg" border="0" alt=""></p>
<p>详细内容:<a href="http://www.typetester.org/" target="_blank">http://www.typetester.org/</a>
</p>
<p><strong>4.其它工具</strong>
</p>
<p>Favicon.cc:这是个用于生成通常出现在浏览器状态栏或浏览器标签上的小图标(用于识别一个网站)的工具。完成后只需下载.ico文件并把它拖到Web服务器根目录下即可。很快很方便。</p>
<p style="text-align: center;"><img style="cursor: pointer; width: 359px; height: 359px;" src="http://articles.csdn.net/uploads/allimg/110114/89_110114093818_1.jpg" border="0" alt=""></p>
<p>详细内容:<a href="http://www.favicon.cc/" target="_blank">http://www.favicon.cc/</a>
</p>
<p>JSONLint:简单易用的JSON验证器。只需把代码拷贝粘贴到文本区域即可。它甚至还可以支持仅输入网址(而不是代码)的验证。</p>
<p style="text-align: center;"><img style="cursor: pointer; width: 395px; height: 395px;" src="http://articles.csdn.net/uploads/allimg/110114/89_110114093850_1.jpg" border="0" alt=""></p>
<p>详细内容:<a href="http://www.jsonlint.com/" target="_blank">http://www.jsonlint.com/</a>
</p>
<p>原文链接:<a href="http://www.javaeye.com/news/19474" target="_blank">http://www.javaeye.com/news/19474</a>
</p>
<div class="page">
</div>
分享到:
相关推荐
10个在线Web设计开发工具介绍,web开发的朋友可以参考下。
基于EXTJS的可视化Web页面设计工具的研究与开发基于EXTJS的可视化Web页面设计工具的研究与开发基于EXTJS的可视化Web页面设计工具的研究与开发基于EXTJS的可视化Web页面设计工具的研究与开发
本项目是基于Flask开发的Web程序插件开发工具包设计源码,主要使用Python进行开发。项目共包含92个文件,其中ReStructuredText文档文件rst 28个,PO翻译文件po 25个,Python源代码文件py 18个,PNG图片文件png 6个,...
可视化Web开发工具由Visual Web Developer开发环境, WebFramework运行环境 2大部分组成, Visual Web Developer是基于Windows的一个开发工具,提供了一系列控件, 让您的模块实现只需要通过拖沓控件,指定控件的...
Block3D是专为3D设计师打造的零代码Web3D开发工具,用于帮助用户实现可交互的3D网页。其中,拼图是实现交互的主要工具,它具有直观、易用、模块化、结构化等优点,通过拖拽就能实现编程,极大地降低了用户的学习成本...
Flex2.0开发的Flex UI拖拽设计工具,本事就是一个Flex Web Application。
web的喀什旅游网站设计与开发-web的喀什旅游网站设计与开发系统-web的喀什旅游网站设计与开发系统源码-web的喀什旅游网站设计与开发管理系统-web的喀什旅游网站设计与开发管理系统java代码-web的喀什旅游网站设计与...
本课题利用Vue.js框架开发了一款前端开发工具,该工具可以辅助UI设计师和前端工程师进行页面设计工作,提髙前端开发的效率,减少前端工程师的工作量。 本文论述了该工具的设计和实现过程,该工具提供了页面...
Web开发者欣喜若狂的40个UI设计工具和资源
web的喀什旅游网站设计与开发-web的喀什旅游网站设计与开发系统-web的喀什旅游网站设计与开发系统源码-web的喀什旅游网站设计与开发管理系统-web的喀什旅游网站设计与开发管理系统java代码-web的喀什旅游网站设计与...
web开发设计方案人员不可不用的在线web工具网站和应用(20211215113959).pdf
前端工程师最新款Web设计和开发工具.docx
ASP/asp.net/jsp 程序设计 Web开发技术--图片与代码
WEB设计可能用到的几款三方软件收录,如SWiSHmax(文字特效);皮肤面板软件;ColorPix(取色工具)
深入探索了以Google Maps为代表的主流GIS Web应用的原理、设计和实践,阐述开发GIS Web应用的技术和最佳实践,理论结合实际案例,深入浅出,主要内容包括Web免费GIS信息的挖掘和利用、通过开源工具查看Web上的GIS...
3.1 开发工具及关键技术的介绍 3.2 系统流程 3.3 系统模块设计 3.3.1在线学习 3.3.2在线考试 3.3.3在线答疑 4 数据库的设计 4.1 数据库设计原则 4.2 数据库实体设计 4.2.1 数据库结构设计 4.2.2 数据库表的...
依据教学大纲,面向技术发展方向,选取主流的java web开发技术和开发工具,内容涵盖了jsp基础、jdbc、setvlet、filter、listener、mvc和dao等设计模式、struts2、spring以及hibernate框架技术。书中全面系统地介绍了...
在webUI和界面设计时会用到,里面集合多种功能,包含:测量长度、取颜色、截图、截取长图等等。
本书用通俗易懂的语言和丰富多彩的实例,通过对Ajax、...另外,附录中还介绍了实用工具、MyEclipse开发工具和HTTP状态码及头信息。 本书所有知识均以实用性为主,讲解的是开发的核心内容,几乎全部用实例和代码讲解。
《Web程序设计(第5版)》全面介绍了建立和维护Web站点必需的工具和技术,包括Internet和万维网的起源与演变、Web客户端和服务器端开发中的基本概念,以及与Web开发相关的主要编程语言和工具等。《Web程序设计(第5版)...