10个在线Web设计开发工具介绍

1. 在线文本生成器

BlindTextGenerator:对设计师来说,这是一个简单又好用的文本生成小工具。内含许多种字体,可设置字符的大小,数量,样式,段落的数量及对齐方式等,还可以很方便且精确地调节文本区块的大小。

详细内容:http://www.blindtextgenerator.com/lorem-ipsum

Fillerati:很有设计感和风格现代的文本生成器。

详细内容:http://www.fillerati.com/

2. CSS生成器

Border Radius:没有比它更简单的了。进入网站在矩形一角的输入框里输入数值,就可以生成圆角矩形的CSS代码。

详细内容:http://border-radius.com/

CSS3 Gradient Generator:超好用的CSS渐变代码生成器,也很容易上手。

详细内容:http://gradients.glrzad.com/

Ultimate CSS Gradient Generator:熟悉Photoshop的话,对这款CSS渐变代码生成器会感到很亲切,当然它的功能也很强大。

详细内容:http://www.colorzilla.com/gradient-editor/

CSS Tricks Button Maker:一个按钮CSS代码生成器,没说的,实在是太方便了!

你可以自如定义按钮大小,颜色,边界半径,渐变,背景,边界,悬停,活动状态,设置好之后点击你的按钮,就可以拷贝CSS代码了。

详细内容:http://css-tricks.com/examples/ButtonMaker/

3.排版工具

Baseline CSS:对于包含大量文本的网站它是一个非常得力的工具。

详细内容:http://baselinecss.com/

TypeTester:可以方便快捷地测试最佳字体排版的工具!提供三种方案对照,并有安全字体列表。当你找到了完美的设置方案,还可以获取相应的CSS。

详细内容:http://www.typetester.org/

4.其它工具

Favicon.cc:这是个用于生成通常出现在浏览器状态栏或浏览器标签上的小图标(用于识别一个网站)的工具。完成后只需下载.ico文件并把它拖到Web服务器根目录下即可。很快很方便。

详细内容:http://www.favicon.cc/

JSONLint:简单易用的JSON验证器。只需把代码拷贝粘贴到文本区域即可。它甚至还可以支持仅输入网址(而不是代码)的验证。

详细内容:http://www.jsonlint.com/

原文链接:http://www.javaeye.com/news/19474 

时间: 2024-09-27 18:23:42

10个在线Web设计开发工具介绍的相关文章

2015年最好的10个在线web开发资源网站汇总

  2015年最好的10个在线web开发资源网站汇总来啦!今天,小乐哥推荐2015年最好的10个在线web开发资源网站,希望大家会喜欢它们. 在线Web开发资源可用于查找高品质的网页设计教程,包括HTML.CSS.JavaScript等等可信赖的资源. Web开发资源是开发人员学习开发技能和技巧的最好途径.如果你是一名优秀的Web开发人员,那么你肯定会不断寻找各种方法来提高你的设计能力,扩大你的技术库,及时了解最新的Web设计趋势.可利用的Web开发资源很多,DVD光盘.书籍--,最简单的就是互

Windows Phone 7 开发工具介绍

Windows Phone 7 开发工具介绍 在今天的 MIX10会议上,我们推出了 Windows Phone 7 系列开发故事.开发 Windows Phone 7 系列开发的核心技术是 Silverlight. 这使您能够使用您现有的开发技能来构建 Windows Phone 7 的应用程序. 现在您可以在这里下载到微软的 Windows Phone 7系列开发工具包--Windows Phone 开发工具CTP版本. Windows Phone开发工具CTP版本包含了所有您需要的开始Wi

Web前端开发工具——bower依赖包管理工具_javascript技巧

Bower 是 twitter 推出的一款包管理工具,基于nodejs的模块化思想,把功能分散到各个模块中,让模块和模块之间存在联系,通过 Bower 来管理模块间的这种联系. 包管理工具一般有以下的功能: a)注册机制:每个包需要确定一个唯一的 ID 使得搜索和下载的时候能够正确匹配,所以包管理工具需要维护注册信息,可以依赖其他平台. b)文件存储:确定文件存放的位置,下载的时候可以找到,当然这个地址在网络上是可访问的. c)上传下载:这是工具的主要功能,能提高包使用的便利性.比如想用 jqu

Agile Toolkit 4.1.2发布 Web用户界面开发工具

Agile Toolkit是一个强大的面向对象的Web用户界面开发工具.它可以帮助你快速.轻松构建一个简单的管理系统或Web数据管理器.它主要功能是用于数据库和用户界面安全无缝的集成,填充ORM和用户界面之间的差距,实现高效率的工作. Agile Toolkit 4.1.2版本发布多个实用的例子.包括四个品牌的新例子,显示如何开发一个博客或管理界面,或如何在自己的HTML模板上使用Agile Toolkit. 软件信息:http://agiletoolkit.org/

【转】软件开发工具介绍之 6.Web开发工具

1.EditPlus  无论是编写xhtml页面,还是css.js文件,甚至随笔记记这样的事情,我都会使用EditPlus,感觉它不仅功能强大,更难得的是:绿色.轻量级.启动速度快.稳定性高 1.1 配置文件模板 设置好EditPlus的配置文件,告别重复的体力劳动.如果我们经常建立一种文件,而这种文件总会包含一些重复的文字或者代码的话,我们就可以建立模板,然后通过模板建立文件.从而摆脱每次都要重复的体力劳动. 1.2 顺手的侧边栏 侧 边栏包含了"快速目录路径"和"快速剪贴

推荐15款响应式Web设计测试工具

响应式网页设计也称作自适应网页设计(通常缩写为RWD),该设计可使网站在多种浏览设备(从桌面计算机显示器到移动电话或其他移动产品设备)上阅读和导航,同时减少缩放.平移和滚动.换句话说,响应式网站能够自动响应终端用户行为.当市场上有新设备推出时,网站就无需再花时间去设计和开发了. 响应式旨在为各个网站在不同的设备上提供最佳的视觉体验,那么如何才能知道网站是否能够根据设备进行自动调整呢?这就得设计人员对网站的响应能力进行测试.本文就为大家介绍15款最佳的响应式网站测试工具,它们能帮助你检查网站的设计

ASP.NET Web Matrix开发工具简介

ASP.NET Web Matrix是微软最新推出的ASP.NET编程工具,该工具功能全面, 使用也比较轻便.灵活.我们现在来看看使用怎样这个工具设计结合数据的网页 . 一.建立数据库 ASP.NET Web Matrix现在支持微软的SQL Server,也支持自带的一个简单桌 面数据库MSDE,这个简单数据库和SQL Server的个人版有点类似,可以免费下载 .为了说明这个数据库的使用,我们首先到微软网站下载这个免费的数据库工具 . 在没有安装以上数据库的情况下,ASP.NET Web M

java初学者常用开发工具介绍

初学 Java的应用越来越广泛,学习Java的人也越来越多.学过程序设计的人知道,使用Basic进行程序设计,可以使用QBasic.Visual Basic等开发工具:使用C语言进行程序设计,可以使用Turbo C.Visual C++.C++ Builder等开发工具.这些开发工具集成了编辑器和编译器,是集成开发工具,很方便使用.学习Java程序设计,同样需要方便易用的开发工具.Java的开发工具很多,而且各有优缺点,初学者往往不知道有哪些常用的开发工具,或者由于面临的选择比较多而产生困惑.本

九大Web设计开发的iPad应用程序

导读:时尚的外观,丰富的应用,轻巧便携,iPad令许多人为之着迷.如何充分利用iPad为您的工作助力? 这里就有9款实用的Web设计和开发iPad应用程序介绍给您!当然在iPad上做设计未必能与在您的电脑上一样强大,但胜在方便灵活,适合经常出外办公和需要时刻记录设计灵感的人士. 1. Adobe Ideas Adobe Ideas与Illustrator和Photoshop一样都是Adobe公司出品的,现已可免费下载.有了这款应用您的iPad就成了一块数字画板,可以根据即时的需求设想随手画出想要