尖笔头 » XiaoYao http://www.jianbitou.com 说人是非者，本是是非人 Wed, 24 Aug 2011 01:26:36 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 11款完全免费的Web设计工具 http://www.jianbitou.com/post/11-free-and-helpful-web-based-tools.html http://www.jianbitou.com/post/11-free-and-helpful-web-based-tools.html#comments Wed, 08 Oct 2008 04:31:18 +0000 Sonny http://www.jianbitou.com/post/11-free-and-helpful-web-based-tools.html 朋友们应该也会发现，尖笔头喜欢分享一些东西，对于一些外国互联网资源工具类文章，发现合适的都会翻译过来。有人说老翻译别人的东西没有什么技术含量，但实不相瞒笔者实力还不够，撰写不出这些优秀的文章，而且翻译是件苦差事，对英语要求也不是很低。好东西不分享会浪费，像三鹿那样倒掉，多浪费啊，牛奶可以用来洗脸的。

今天,我将列举11款完全免费并且很有用的基于Web的设计工具,其中的多数可能不是很有名,但是肯定会让你眼睛一亮!
下面就来看看他们吧,如果您了解多正在使用更多更好的Web设计工具,欢迎分享。

1. splashup

splashup 是一款功能强大的图片编辑和管理软件,它基本上具有了所有菜鸟级和专业级设计者所需要的功能,它的界面非常的人性化,并且提供对多图像编辑的支持,虽然功能不如Photoshop（十大Photoshop教程网站）（25张顶级的Photoshop图片）（22张梦幻派photoshop教程级图片）强大,但也提供了对图层,滤镜,选取的支持.如果您要使用splashuo,需要拥有他的账户。

2. ResizR

ResizR 是一款漂亮,免费并且很有用的小助手,它允许你自由的缩放本地硬盘或Web上的图片,不过目前只支持JPG格式的图片,由于ResizR 每隔 60 分钟会清除之前操作过的图片, 所以不用担心版权问题! 此外ResizR 的网站上还提供了用于Firefox的扩展（13个网页设计必备的Firefox扩展）.

3. Adhesiontext

Adhesiontext, 一款动态的文本工具, 它能够提供不同语言字符集中同一字符串的不同样式, 对于处于开发早期的字体设计和开发者来说尤其有用. 目前支持的语种有: 英语,法语,德语,西班牙语,葡萄牙语,加泰罗尼亚语,荷兰语。

4. CSS Layout Generator

CSS Layout Generator(7个最好的网上CSS资源) 能够在您设定参数的情况下, 生成浮动宽度或者固定宽度的流体布局, 可以有三栏式的, 也可以具有头部[Header]或脚部[Footer], 各栏的宽度可以以多种尺度来衡量, 例如像素[px],等宽字体宽度[em],百分比[%]等. 此外,你你还可以选择生成文档的Doctype属性, 是HTML或者XHTML。

5. PatternCooler

把您自己的色彩添加到复古和当代的设计样式中, 或者浏览数以千计的预定义样式, 该网站上的所有艺术作品可以在个人博客, 手机壁纸, MySpace的简介和非商业网站项目中免费使用!

6. ThinkFree

ThinkFree, 在线的Office, 允许您快速的查看, 组织, 编辑, 管理以及共享文档, 于Google的Docs服务颇有几分相似。

7. ColorSchemer ColorPix

一款小巧的Color Picker, 能够随着您鼠标的移动迅速的抓取屏幕颜色, 并将其转换为不同格式的颜色标识, 其优点是无需安装, 只需下载直接运行, 使用时, 可以设定不同的缩放程度, 一边夺取等精确的颜色信息, 合适的时候, 单击就可以把当前颜色代码复制到剪贴板, 此外, 改程序可以被设定为"置顶",位于所有程序的窗口的上方。

8. Net2ftp

基于Web的FTP客户端, 仅仅利用浏览器就可以轻松的管理您的网站, 特别适用于那些服务器托管的网站管理员, 使用它可以随意的编辑代码, 上传/下载文件, 拷贝/移动/删除/重命名 文件或者目录。

9. Remember The Milk

直观的界面来帮助您管理日常事物, 就如Google Calendar, 可以随意安排日程, 众多的快捷键, 收到Gmail,SMS,或其他即时信息的提醒, 如发送邮件般简单的任务添加, 会给您空前的体验。

10. Picreflect

Picreflect 快速的生成图片倒影, 缩放图片, 或者任意角度的旋转。

11. Colors on the Web

专心于颜色的设计理论, 尤其是Web设计和应用, 让Web Designers（16个优秀网站教你网站设计） 更好的理解颜色的重要性, 更容易的学习颜色理论, 此外还提供了几款常用的颜色工具, 如 Color Wizard, Color Wheel, 和Contrast Analyzer.

本文由Luke编译。

原文出自：http://www.smashingapps.com/2008/10/04/11-free-and-helpful-web-based-tools-that-every-designer-may-want-to-know.html

译文地址：http://www.jianbitou.com/post/11-free-and-helpful-web-based-tools.html

相关东东

© Sonny for 尖笔头, 2008. | 原文 | 添加评论 | 添加至 del.icio.us
Post tags: , , , , , ,
做一下尖笔头读者调查问卷咯|Twitter|新浪微博|“我的大学”征文活动

]]> http://www.jianbitou.com/post/11-free-and-helpful-web-based-tools.html/feed 10 13个网页设计必备的Firefox扩展 http://www.jianbitou.com/post/13-amazing-firefox-add-ons-to-make-designers-lives-easier.html http://www.jianbitou.com/post/13-amazing-firefox-add-ons-to-make-designers-lives-easier.html#comments Tue, 23 Sep 2008 05:56:53 +0000 Sonny http://www.jianbitou.com/post/13-amazing-firefox-add-ons-to-make-designers-lives-easier.html Firefox是一款越来越热的Web浏览器,多种多样的扩展,主题,插件,是它快速流行的重要原因. Mozilla的网站上提供了许多扩展和插件的下载,由于众多开发者的支持,这些扩展和插件的数量也在随着需求日益增长,下面列举13款比较优秀的可以辅助Web Designer（16个优秀网站教你网站设计）工作的扩展.其实下面许多扩展大家都是知道的，大部分现在都升级至支持firefox3，下面简单总结一下。

1、IE Tab

浏览器兼容是所有Web开发者都要考虑的问题,IE Tab能够让您再Firefox中以IE的渲染方式来呈现页面,并且可以方便的在两者之间切换。

2、Style Sheet Chooser II

Style Sheet Chooser II 允许浏览者或开发者迅速的在为同一页面编写的不同样式之间来回的切换,甚至能够保证被选择样式应用到该站点的全部页面上. Style Sheet Chooser II 会覆盖Firefox内置的样式表切换器[style-sheet-switcher].

你可以用多种方式来调用它:
a. 通过"查看"[View]->"页面样式"[Page Style]下面的选项;
b. 通过工具栏[Toolbar]的一键切换;
c. 通过状态栏[Status Bar]的图标按钮;

小提示: 是否在状态栏和工具栏中显示图标,可以在扩展偏好[Extension Preference]中设置

3、CSSViewer

一款小巧的CSS(7个最好的网上CSS资源，20个优秀网站助你征服CSS)属性查看器,随着鼠标的移动显示当前所指示元素的CSS样式信息,其中包括了所有从父级元素继承而来,用户自定义以及浏览器自定义的样式信息. 同Style Sheet Chooser II 一样,你也可以通过在工具栏添加该扩展的图标按钮来激活/禁用该扩展。

4、CSS validator

用W3C的CSS标准来校检页面,在新页面中显示校检结果,不过只对包含了CSS样式文件的页面起作用,例如http://www.w3.org/
其快捷按钮既可添加在右键菜单中也可添在工具栏上,

5、ColorZilla 2.0

ColorZilla的主要功能有:
将浏览器页面内的任何一点转换为16进制的颜色字符串,方便您快速的将其粘贴到其他的CSS样式中;
通过缩放页面来测量其上任何两点之间的距离;
从内置的调色板中选择预置的颜色,并把最常使用的颜色添加到自定义的调色板中;

6、FireShot 0.59

FireShot能够方便的创建页面的截图[略缩图],相比于其他的扩展,FireShot提供了一系列的编辑和注释工具,方便你快速的修改所捕获图像或者添加文本,图像注释. 这些功能对于网页设计者,测试者,和浏览者都很有用, 此外用户还可以自己定制所要捕获的范围,是页面全部还是屏幕的可见部分

7、LinkChecker 0.6.3

LinkChecker用于检查页面上超级连接的有效性,验证其是否已经损坏

8、Font Finder 0.5c

选择一段文本或一个元素,单击右键并在菜单中选择"Font Finder",就能看到所选取对象的字体信息

9、LiveHTTPHeaders

这个项目的目的是通过以下两种途径实时显示页面的HTTP请求信息:
a. 在"查看页面信息"[View Page Info]中添加"头部信息"[Hearders]选项卡;
b. 添加"工具"->"Web设计"[Tools->Web Development]菜单项;
此外用户还能利用它修改HTTP Headers并发起新请求!

10、SearchStatus 1.26

再你的浏览器中显示Google的PageRank,Alexa排名,竞争力排名,高速关键字密度分析器,关键字高亮显示,后退/相关链接,Alexa的信息和其他的[SEO]搜索引擎优化工具.

11、FireFTP

FireFTP,一款免费,高效,跨平台的FTP客户端,让你快速直观的访问FTP Server

12、MeasureIt 0.3.8

通过可以绘制在页面任何地方的刻度尺来显示以像素(px)计算的宽度,高度,元素缩进量

13、Html Validator 0.8.5.2

 HTML Validator,一款为Mozilla和Firefox添加HTML验证的扩展,能够在状态栏的图标上标注当前页面的HTML语法错误数量,不仅会校检服务器发送来的HTML文件,也会校检内存中的HTML代码(通常为执行Ajax请求后的返回值)

via

本文由XiaoYao编译整理，中文原文地址：http://www.jianbitou.com/post/13-amazing-firefox-add-ons-to-make-designers-lives-easier.html

相关东东

© Sonny for 尖笔头, 2008. | 原文 | 添加评论 | 添加至 del.icio.us
Post tags: , , , , , ,
做一下尖笔头读者调查问卷咯|Twitter|新浪微博|“我的大学”征文活动

]]> http://www.jianbitou.com/post/13-amazing-firefox-add-ons-to-make-designers-lives-easier.html/feed 21 5种LINUX屏幕录像的方法 http://www.jianbitou.com/post/5-ways-to-screencast-your-linux-desktop.html http://www.jianbitou.com/post/5-ways-to-screencast-your-linux-desktop.html#comments Wed, 25 Jun 2008 07:25:23 +0000 Sonny http://www.jianbitou.com/post/5-ways-to-screencast-your-linux-desktop.html 下面是五种比较流行的LINUX屏幕录像的方式(原文地址):

1.Istanbul:

Istanbul是目前比较广泛使用的录像软件之一.您可以点击这里下载Istanbul.DebianLINUX和FedoraLINUX的用户可以从repo(Fedora的主要更新源)安装改软件.Istanbul的操作界面非常简单,当您第一次启动Istanbul时,在系统桌面面板上会出现一个红色的圆形小按钮,如图1所示:

右键单击该按钮,会出现操作选单,如图2所示:

您可以选择录制窗口,或者是用鼠标选择录像区域,如果要停止录像,您可以左键单击该按钮,并且它会提示您保存所录得的文件,如图3,4所示:


提示:在默认情况下Istanbul会把截获的视频以OGG的格式存储.

2.Wink

相对于其他屏幕录像软件而言,Wink可以让您更精确的控制录像的过程,事实上,Wink的录像原理并不同于传统的屏幕录像软件,它是使用每秒钟屏幕截图的帧数来达到录像的效果的,比如说你设定她每秒钟截取20帧,则一分钟下来,他就会连续的进行屏幕截图1200次左右,然后把这些截图按顺序排放,构成视屏,这样以来,后期您可以通过修改其中的任何一帧来改变视频的外观.Wink通常把录制的文件保存为ShockWave格式,而这种格式的好处是,可以被转换任何一种你想要的视频格式.

点击这里下载Wink

请注意Wink在以下情况下是不能工作的
—1.Ubuntu8.04以上的版本;
—2.其他在目录"/usr/lib/"中存在"libexpat.so.1"文件的LINUX发布版本,针对这种情况的解决方案是,重命名"libexpat.so.0"这个文件,并且这样不会导致系统出现问题,当然了这种做法的缺陷是可能导致其他需要使用该文件的应用程序不能正常工作,一个一劳永逸的的方案是重新编译受影响的应用程序,或者等待改程序更新版本的发布.

若要开始录像,则从"File"菜单的"New"选项开始,在弹出的对话框中选择录像的尺寸,如图5所示:

细心的你可能会发现,在默认情况下,Wink每秒钟会捕获50帧,如图6所示:

当您点击"OK"之后,会弹出一个窗口,其中有录制过程中所能用到的快捷键,如图7所示:

单击上图中的"MinimizeToTray",该操作将该程序最小化到系统托盘,相当于windows中的后台运行,右击系统托盘上的图标并选择"StartTimedCapture",就可以开始屏幕录像,如图8所示:

如果要停止录像,只需和开始录像一样,在弹出菜单中选择"StopTimedCapture",(在图8中显示为灰色不可用的菜单项),然后会生成录像报告,告诉您当前以捕获的帧数,如图9所示:

为了得到真正的视频文件,还要对所捕获的图像帧进行转换,具体操作见图10:(点击绿色的小箭头即可)

转换完成之后,进入保存文件对话框,在其中您可以自定义文件名,文件类型,帧频,如图11所示:

3.Xvidcap

Xvidcap是一款轻量型的屏幕录像软件,您可以点击这里下载该软件.启动Xvidcap之后,屏幕上会出现一个红色的矩形框,框内即为将要捕获的范围,当然您可以按照您的意愿随意拖动该框的位置可拖放其大小.开始录像的操作更是简单,只需点击图中的红色小按钮,如图12所示:

.<<其他的一些选项包括:自由选择捕获区域和使捕获区域和软件操作见面不重复>>
注意:如果您所选择的屏幕区域较大,他将会减慢系统的速度.

4.vnc2swf

另一个比较流行但不太方便使用的屏幕录像软件叫做vnc2swf,他的工作原理是通过连接VNC服务器,捕获Session以获取录像,DebianLINUX的用户可以用命令"sudoapt-getinstallpyvnc2swf"安装该软件,其他用户则需到以下网站下载http://www.unixuser.org/~euske/vnc2swf/
软件安装完毕后,开始录像的操作仅仅是在"Terminal终端"输入"vnc2swf-otest.swf-N-Slocalhost:0",系统会出现录像的对话框,如图13所示:

更多的相关操作您可以查阅其官方文档.

5.Recordmydesktop

我所要介绍的最后一款:Recordmydesktop也是被广泛使用的以命令行方式运行并且有图形化界面的屏幕录像软件,DebianLINUX的用户可以用命令"sudoapt-getinstallrecordmydesktopgtk-recordmydesktop"安装该软件,其他用户则需到以下网站下载http://sourceforge.net/projects/recordmydesktop
Recordmydesktop的工作方式和Istanbul很相似,但是他拥有一些Istanbul所没有的特性,并且这些特性具有很好的自我解释性,一般的用户很容易理解并进行相关配置,在这里不再赘述,其操作界面,如图14所示:

如果你不用linux，也不需要录像，这里还有在windows平台下的《截取图片的几个简单操作》。

——XiaoYao编译

相关东东

© Sonny for 尖笔头, 2008. | 原文 | 添加评论 | 添加至 del.icio.us
Post tags: , , , ,
做一下尖笔头读者调查问卷咯|Twitter|新浪微博|“我的大学”征文活动

]]> http://www.jianbitou.com/post/5-ways-to-screencast-your-linux-desktop.html/feed 0 VMWare Workstation，虚拟机软件的精品 http://www.jianbitou.com/post/vmware-workstation.html http://www.jianbitou.com/post/vmware-workstation.html#comments Fri, 18 Apr 2008 13:07:52 +0000 Sonny http://www.jianbitou.com/post/vmware-workstation.html 在《初体验之Red Flag Linux Desktop 6》这篇文章里，曾经提过本人是在虚拟机运动Linux的，至于我们为什么要用虚拟机，原因就太明显了。

首先什么是虚拟机?用通俗的话说就是一些软件可以根据你的电脑的硬件配置，在你运行的系统中再模拟出另一台（可以不止一台）电脑，这些在现实中不存在的计算机就是虚拟主机。无论它模拟得多么真，它也是一个软件，不是真的系统，所以有什么重大的错误，只需要对软件进行一些清理，而对本身的计算机却没有任何影响。

]]> 在《初体验之Red Flag Linux Desktop 6》这篇文章里，曾经提过本人是在虚拟机运动Linux的，至于我们为什么要用虚拟机，原因就太明显了。

首先什么是虚拟机?用通俗的话说就是一些软件可以根据你的电脑的硬件配置，在你运行的系统中再模拟出另一台（可以不止一台）电脑，这些在现实中不存在的计算机就是虚拟主机。无论它模拟得多么真，它也是一个软件，不是真的系统，所以有什么重大的错误，只需要对软件进行一些清理，而对本身的计算机却没有任何影响。

VMware主要的功能和优点:[星号的是其他虚拟机软件所不及的]

1.不需要分区或重开机就能在同一台PC上使用两种以上的操作系统。

2.完全隔离并且保护不同OS的操作环境以及所有安装在OS上面的应用软件和资料。

3.不同的OS之间还能互动操作，包括网络、周边、文件分享以及复制贴上功能。

*4.能够设定并且随时修改操作系统的操作环境，如：CPU是否双核,内存、磁盘空间、网络连接类型等等.

*5.能够支持各种主流和非主流的操作系统，它可以支持哪里系统，分别是VMware非功过Server,Windows Vista Beta,Windows Server 2003,Windows XP,Windows 2000,Windows NT,Windows Me,Windows 98,Windows 95,DOS and Windows,Mandriva Linux,Novell Linux Desktop,Red Hat Linux,Sun Java Desktop System,Suse Linux,Turbo linux,Ubuntu Linux,Free BSD,Net Ware Server,Solaris，功能之强大，无人能及。

VMWare Workstation

注意到吗？已经装了一个Linux

如果你有下列需要，可以考虑一下用VMWare Workstation：

1. 想体验多操作系统的，理由是VMware对各种操作系统的支持程度；

2. 有志成为[网管],想学习网络[攻击]，想进阶[黑客]但没有合适的网络环境的，想研究电脑病毒是怎么来的……

理由:VMware允许你在同一台机器上建立多台虚拟机并将之构建成网络。当然，在同一台主机上同时开启多台虚拟机会需要较大的内存，不过，近来内存价格一降再降，为电脑配备较大内存不再成为不可承受的开销，配备GB内存以上的个人电脑已经不是非常少见.另一方面,如果你把每台虚拟机的内存再设得小一点（例如96M），并安装一些并不很占资源的操作系统（如win98），那还可以同时启用更多的虚拟机来构造更复杂的网络。无论你用与不用，理由都是有的，

有关VMWare的资源:

1. VMWare的安装文件, 可以用搜索引擎如[GOOGLE]来查找下载,也可以到VMWare的官方网站，或者VMWare的中文站下载，多特下载

2. VMWare的帮助指导文档,可以参照自带的帮助文件,[需要有较好的英文水平],也可到官方下载,

3. VMWare的经验交流,可到以下论坛逛逛:———-虚拟机论坛=虚拟机之家———-VMWare社区———-中国VMWare=中国虚拟先锋

XiaoYao投递于2008.4.17

相关东东

© Sonny for 尖笔头, 2008. | 原文 | 添加评论 | 添加至 del.icio.us
Post tags: , , , , ,
做一下尖笔头读者调查问卷咯|Twitter|新浪微博|“我的大学”征文活动

]]> http://www.jianbitou.com/post/vmware-workstation.html/feed 1 WindowBlinds，使XP美丽动人 http://www.jianbitou.com/post/windowblinds.html http://www.jianbitou.com/post/windowblinds.html#comments Fri, 18 Jan 2008 04:51:38 +0000 Sonny http://sonny87.host4.meyu.net/post/windowblinds%ef%bc%8c%e4%bd%bfxp%e7%be%8e%e4%b8%bd%e5%8a%a8%e4%ba%ba.html                                                                                                                                             By xiaoyao  
    现在装原版XP的人应该很少了吧，爱美是人类的天性，如何令你的XP更美呢？今天推荐WindowBlinds，WindowBlinds是一款用来定制、美化你的Windows系统的软件，使用它可以实现很多系统本身不具备的显示效果。尤其是对全体Windows应用程序窗口的更改，安装和运行非常简单。WindowBlinds安装后可以整合于Windows操作系统中。而且该软件是目前惟一获得微软许可的第三方系统美化软件。 ]]> By xiaoyao
现在装原版XP的人应该很少了吧，爱美是人类的天性，如何令你的XP更美呢？今天推荐WindowBlinds，WindowBlinds是一款用来定制、美化你的Windows系统的软件，使用它可以实现很多系统本身不具备的显示效果。尤其是对全体Windows应用程序窗口的更改，安装和运行非常简单。WindowBlinds安装后可以整合于Windows操作系统中。而且该软件是目前惟一获得微软许可的第三方系统美化软件。
使用WindowBlinds你可以在显示属性中选择多种不同的视窗风格。使你的Windows看起来像一个另类的操作系统一样，可以是你最喜欢的运动或汽车品牌，而且你还可以下载超过1000种不同的桌面风格，甚至很容易地使用SDK开发程序包创建属于你自己的视窗。
作为几大主流操作系统美化软件之一，WindowBlinds一直拥有一大批用户。目前的版本已经有很多种，最新的为V6.0.2，从WindowBlinds5开始在功能上就有了重大突破，能够轻松在XP上实现Vista的玻璃效果。WindowBlinds对于那些计算机性能限制而不能体验Vista的朋友来说未尝不是最佳的选择。
使用它有两大好处: 其一，WindowBlinds使用了最新的硬件加速功能的现代视频卡，WindowBlinds不会拖慢你的电脑，它在运行时只适用非常小的内存；其二，它不会更改任何系统文件，只是随系统一块启动运行，因此不用担心它使你的系统变得不稳定。

下载完毕后的只需按照压缩包内的说明文件操作就可完成安装，具体步骤如下：

1、解压后，运行“绿化安装。cmd”，安装完毕后，重新启动；

2、WindowBlinds已随系统同时启动，可能会出现对话框窗口边缘按钮栏丢失，不要着急；

3、选择右下角任务栏WindowBlinds图标，双击左键OR单击右键选择“配置 WindwBlinds”，打开WindowBlinds配置界面。

=============用户界面（图-windowblinds.jpg）============

 

WindowBlind的界面分左右两栏，上图所示左边分为配置栏【①】和常用命令栏【②】两部分，其中在设置栏可以做的更改有：设置皮肤，相应的操作【③】【④】【⑤】；设置工具栏样式；设置过渡动画包括复制文件、删除文件、清空回收站、及文件下载的动画；基本设置和个性设置；特殊程序设置（用于更改特定应用程序的视觉外观）；壁纸的更改。命令栏则执行最常见的操作，如应用更改、退出程序、更改界面语言、求助等。

有关【③】【④】【⑤】的操作：

【③】添加皮肤的两种方式：

1. 点击【添加皮肤】按钮，根据提示找到*.wba的文件就可以，然后点击【重新构建列表】

2. 直接双击下载回来的*.wba的文件即可完成安装，这时系统右下角提示有新主题，单击提示气球即可应用新主题。

3. 提示：*wba的主题文件可以到这里下载

【④】再改钮的下方选中想要删除的皮肤再点击删除按钮即可。

WindowBlinds5.5完整版+破解补丁+ 汉化补丁+安装视频的下载页面，点击这里连接：


相关东东

© Sonny for 尖笔头, 2008. | 原文 | 添加评论 | 添加至 del.icio.us
Post tags: , , ,
做一下尖笔头读者调查问卷咯|Twitter|新浪微博|“我的大学”征文活动

]]> http://www.jianbitou.com/post/windowblinds.html/feed 3