资讯频道 → Web前端
阅读更多

118顶
2踩

Web前端

原创新闻 10个给力的在线Web设计开发工具介绍

2011-01-10 18:01 by 正式编辑 fm_2010 评论(53) 有26159人浏览
Web

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

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/
  • 大小: 73.6 KB
  • 大小: 83 KB
  • 大小: 30.6 KB
  • 大小: 54.2 KB
  • 大小: 77.4 KB
  • 大小: 36 KB
  • 大小: 92.3 KB
  • 大小: 86.9 KB
  • 大小: 71.7 KB
  • 大小: 29.2 KB
118
顶
2
踩
评论 共 53 条 请登录后发表评论
33 楼 天空之城 2011-02-16 09:05
好东西呀~thanks
32 楼 wmj007 2011-02-15 19:49
好给力的东西，不顶不行！
31 楼 lyjilu 2011-02-15 15:25
好东西，值得学习
30 楼 wx3046 2011-02-15 14:35
java_cache 写道
CSS Tricks Button Maker，这个蛮便捷

这个真的很给力啊
29 楼 lattimore 2011-02-12 14:31
Very Geiliable!
28 楼 java_cache 2011-02-11 11:59
CSS Tricks Button Maker，这个蛮便捷
27 楼 wangning1125 2011-02-11 11:21
好东西鸭鸭！
26 楼 jamemeng 2011-02-11 10:04
真的不错哦
25 楼 speed_guo 2011-02-10 21:59
可以，不错。
24 楼 mcdowell123 2011-02-10 13:09
mcdowell123 写道
不错，不错

23 楼 mcdowell123 2011-02-10 13:09
不错，不错
22 楼 comrd 2011-02-10 09:43
sd       
21 楼 comrd 2011-02-10 09:43
值得收藏sdafasdf
20 楼 yuanliyin 2011-02-09 21:01
真是好东西，谢谢分享
19 楼 qfyrf 2011-02-09 18:42
好东西，太给力了，值得学习
18 楼 smartdongdong 2011-02-09 17:48
给力啊，好好学习下！
17 楼 ctfzh 2011-01-18 10:28
很好很强大，收藏。谢谢了。
16 楼 yuhao_1202 2011-01-13 10:42
唉，IE8居然也不给力。得改用IE16了。
15 楼 kfc_davy 2011-01-12 20:58
NICE 哈哈
14 楼 adaikiss 2011-01-12 17:12
IE6相当不给力

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • Minixml 不能解析包含空格字符串

    Mini-XML中的节点类型定义和其他有些解析器有些不同，其中整数、浮点、和文本节点是指在一个XML元素中一系列的使用空格作为分割的值，每个元素可以拥有多个以上节点，并可以选择使用空格分开，如：aa bb cc，Mini-MXML在使用参数：MXML_TEXT_CALLBACK进行载入时，将在abc元素下面生成3个text类型的子节点。而不透明字符串类型(OPAQUE)则不进行字符串分割，在载入时

  • XML学习笔记——空白处理

    空白处理 在XML规范中，空白包括空格、制表符、空行。 空白在XML文档中，主要有两种作用。 第一种，为了使代码格式更加美观，进行的空白。对于代码本身的运行没有什么影响，仅仅是为了代码的美观和规范。——可以舍弃的空白 第二种，分隔作用，例如<!ELEMENT content (#PCDATA)>此种代码中用到的空白符为空格，主要就是为了分隔关键字ELEMENT、定义的元素content...

  • XAML中的空格、换行、Tab

    由于XAML是一种XML，在里面写段文字都经常会遇到问题。 * 空格 关于XAML中是如何处理空格的，MSDN上给出了详细的描述：http://msdn.microsoft.com/en-us/library/cc189036%28v=VS.95%29.aspx#whitespace 摘重要的简单说一下： 空格、回车、制表符都被当做空格。 连续的空格会被合并为一个空格。 <tag>后...

  • XML对代码中的空白处理浅谈

    在编辑XML文档时，我们常常使用空白来分隔标记，以获得较好的可读性，然而在交互的空白文档中，这些空白就不需要了，但有时候又需要保留这些空白。例如，诗歌和程序代码中的空白，2、XML处理器总是将文档中不是标记的所有字符都传递给应用程序，一个进行有效性验证的XML处理器会通知应用程序这些字符中的哪一些组成了出现在元素内容中的空白。在上面的例子中，address 和 category 之间的空白是无效的。3、在XML文档中，可以在元素中使用一个特殊的属性xml：space，来通知应用程序保留此元素中的空白。

  • 处理xml(html)中的空格

    xml文档（包括html）是从一个独立的根结点开始，它包含指向子节点的指针。每一个子节点都包含指针指向它的父节点、相邻节点和子节点。标准dom中，dom指针不仅可以指向元素，也可以指向文本节点。 请看以下html代码： <body><h1>DOM简介</h1><pid="test">DOM是一个表达XML文档的标准&lt...

  • .xml文件的开头不能有空格和空行

    <?xml version="1.0" encoding="UTF-8" ?> 出现在.xml文件的开头部分, 要么不声明, 要么声明的时候必须在第一行, 不能用空格或者空行 配置失败的错误信息 org.apache.ibatis.exceptions.PersistenceException: Error building SqlSession. The error may exist in com/bjming/dao/StudentDao.xml Cause: org.apa...

  • XML 声明必须是文档中的第一个节点并且在它之前不允许出现空白字符

    完整错误信息： System.Xml.XmlException: 意外的 XML 声明。XML 声明必须是文档中的第一个节点并且在它之前不允许出现空白字符。第 64 行，位置 3。背景： 拼接了两个xml文件，提示错误的位置一直第二个xml开头的位置<?xml version="1.0" encoding="UTF-8"?> 第64行指的就是<?xml version="1.0" encodin

  • XML文档中的空白字符解决办法（DOM解析）

    1,xml文档中的空白字符也会被作为对象映射在DOM中，因而，直接调用Node对象的getChildNodes方法有时候会有些问题，有时不能够反射所期望的NodeList元素对象列表 解决办法： （1）使用Element的getElementByTagName(String name)返回的NodeList就是所期待的对象。然后用item（）方法提取想要的元素 （2）调用Node的getChildNodes()方法得到Node List对象，每次通过item（）方法提取Node对象后判断node.ge

  • android string.xml 文字中间加入空格

    android string.xml前后加空格的技巧 密&#160;&#160;&#160;&#160;码 &#160 这个就代表着空格

  • Android开发在xml资源文件中加空格

    Android开发在xml资源文件中加空格登  陆&#160； 就代表着一个空格

  • 解析 xml 空格错误

    在解析xml时 要注意一个问题那就是 “ ”  之前不能有空格，如果出现空格就会报如下异常，所以在写xml文件时要注意不能在开始有空格！ org.dom4j.DocumentException: Error on line 1 of document : The processing instruction target matching "[xX][mM][lL]" is not

  • strings.xml中添加空格

    资料整理： Android strings.xml中添加空格的方法

  • Android的xml文件编写空格的方法大全！

    xml中写空格 原文：源文章 在Android中，用户往往会把所有的字符串保存在string.xml中，目的是方便统一管理，并且利于国际化，但是在这些字符串中直接输入一些符号是不起任何效果的，比如空格，换行，大于号小于号等，这就需要使用转义字符来进行转移，这样才能在使用时正确显示字符。 常用的XML转义字符记录如下： 空格： 出 库 其中的 就代表空格 换行： 你好！n世界！ 其中的n就代表换行 缩进： 你好！t世界！ 其中的t就代表按一次Tab键的几个空格 应当注意，由于系统定义的基本的缩进的格数不同，

  • html/css笔记 如何html或者xml网页中插入空格

    说明：&#160; 这个就代表着空格，一个&#160;相当于英文的一个字母的占位，四个&#160;相当于一个汉字的占位。（1） 标签定义了一个预先格式化的文本。它完全按照 HTML 代码中所写的方式呈现文本。此标签内的空白区域显示为已写入。几乎所有的网络浏览器都支持它。我们可以使用 标签在 HTML 文本中插入空格。 效果： （2）我们可以使用 标记以在 HTML 代码的文本中添加空格。实体 代表不间断空间。不间断空格解释为不会换行的空格。由不间断空格分隔的两个单词将位于同一行而不是不同的行。阻

  • 如何在string.xml的内容中添加空格

    如何在string.xml的内容中添加空格 　　在strings.xml定义文字时，空格以 "&#160;"　表示

  • 读XML文件时出现空格字符情况 .

    public static byte[] StreamToByte(InputStream inStream) throws Exception { byte casebyte[]=new byte[1024]; ByteArrayOutputStream byteOutStream=new ByteArrayOutputStream(); int n=0; while(

Global site tag (gtag.js) - Google Analytics