阅读更多

118顶
2踩

Web前端

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

2011-01-10 18:01 by 正式编辑 fm_2010 评论(53) 有26202人浏览
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/
  • 大小: 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 条 请登录后发表评论
53 楼 moses3017 2011-03-16 23:24
都是好东西啊
52 楼 雁行 2011-03-11 18:46
嗯,有必要介绍给我们美工
51 楼 beyondJava 2011-03-09 10:39
 
50 楼 LubinJava 2011-03-08 13:54
收了.好东本.
49 楼 crazybull 2011-03-01 23:38
这东东有用。。
48 楼 Ryee 2011-03-01 17:19
真是好东西啊 收了
47 楼 lancui 2011-02-28 17:10
好耶~~~
46 楼 zhlfz 2011-02-25 10:40
确实好东西~!
45 楼 army86 2011-02-24 14:27
 
44 楼 圣雪良缘 2011-02-24 10:46
还有这个工具
43 楼 破碎长空 2011-02-23 17:13
还有这么好的工具,真不错
42 楼 随着梦想飞扬 2011-02-23 13:41
好啊,真是好工具!
41 楼 Lives 2011-02-23 13:09
超给力!
40 楼 纯白的黑暗 2011-02-21 21:23
这个真的很棒啊~
39 楼 zzbdqn5888 2011-02-18 09:11
div  圆角 ie6不支持 ~~可惜
38 楼 dsa169 2011-02-17 11:33
我喜欢,可以免费使用吗?
37 楼 name007 2011-02-17 10:33
好东西。再接再厉
36 楼 pengyu 2011-02-16 13:00
 
35 楼 徐国庆 2011-02-16 12:07
不错不错!
34 楼 火焰男 2011-02-16 10:07
very very 给力呀

发表评论

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

相关推荐

  • 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文档中的空白字符解决办法(DOM解析)

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

  • xml中空格换行缩进

    常用的XML转义字符记录如下: 空格: string name="out_bound_submit">出  库string> 其中的 就代表空格 连续的空格会被合并为一个空格 换行: string name="hello_world">你好!\n世界!string> 其中的\n就代表换行 缩进: string name="hello_world">你好!\t世界!string>

  • 在xml中的一些特殊符号的使用如:> < &等等

    在xml文档中,每当数据中有'This text is also parsed XML解析器这样做的原因是XML元素内部可能还包含了别的元素,象下面的例子,name元素内部包含了first和last两个元素: BillGates 解析器会认为上面的代码是这样的: Bill Gates -----------------------------------------------------

  • 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(

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

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

  • xml空格WhiteSpace处理

    XML 将以下四种字符归为空白字符 WhiteSpace :回车符(\r 或 ch(13))、换行符(\n 或 ch(10))、制表符 (\t) 以及空格 (' ')。 在 XML 文档中,空白字符分为两类:有意义空白字符 是文档内容的一部分,应予以保留。无意义空白字符 在编辑 XML 文档时使用,以增加可读性。这些空白字符一般在文档交付时不予保留。 默认情况,WhiteSpace是 DO

  • 解决在使用dom4j写入xml文件时将换行解析成空格的问题

    首先附上一段没有改代码之前我的xml文件解析前后其中一段内容对比: &lt;quoteString&gt;N&lt;/quoteString&gt; &lt;sql&gt;-- SQL statement here update test_column_comment set name = 'test execute sql'&lt;/sql&gt; &lt;se...

Global site tag (gtag.js) - Google Analytics