显示标签为“实用资源 Resources”的博文。显示所有博文
显示标签为“实用资源 Resources”的博文。显示所有博文

2008/11/01

介绍14款免费的基于网页的协作工具

现在都在讲协同合作,对于一名设计师或开发人员来说这样的工作模式非常重要。尽管一些像BasecampZimbra的付费或注册服务已经成为主流,但是对于囊中羞涩的个人来说,还是可以找到有很多相似的免费服务,并且这些服务仍旧提供了很多类似的功能。

本文将介绍14款免费的远程、基于网络的在线协作工具。无论你是需要一款最基本的白板工具,或是进行头脑风暴的工具,还是一个全方位的项目管理工具,你都会从中找到一两款适合你的。

Google Docs

Google Docs - screen shot.



Google Docs 是一款非常出色的在线办公工具。你可以共享文件和表单,并且和你的团队或客户进行实时交流。作为一款基于浏览器的软件,软件运行所占用的资源非常小。在线办公意味你在任何有互联网接入的地方均可以使用。可以前往Google Docs的帮助页获取相关使用说明。

Stixy

Stixy - screen shot.


Stixy是一款非常灵活的在线电子公告牌。它没有固定的结构,完全基于用户的需要而创建个性化的界面,是一款非常棒的白版工具。stixy比较直观的将便签、文件、照片、日历发布在一个类似公告板一样的页面上,你可以自由编排这些文件的布局然后通过邮件发送链接的方式与别人共享。整个界面实用又美观,每个用户可以创建多个这样的公告板方便与不同的人分享不同的文件。

Project2Manage

Project2Manage - screen shot.

Project2Manage 是一款功能齐全,免费的项目管理和协作托管工具(和Basecamp类似)。你可以建立不同的角色和权限给每个团队成员。该款工具可以管理无限量的项目。

bubbl.us

bubbl.us - screen shot.

bubbl.us 是一款免费的,基于网页的头脑风暴协作工具。你可以创建漂亮的思维地图,并且和你的团队成员分享。你可以保存、发邮件并且打印你的思维地图,甚至可以直接将它们嵌入你的网页中。

Dabbleboard

Dabbleboard - screen shot.

Dabbleboard 是一款功能强大、易于使用的线白板工具。使用Dabbleboard可以创建个人用户界面的线框图,图表以及网络图等。你可以创建许多工具包(一套可重复使用的绘图对象)或者使用预置的工具包。

Protonotes

Protonotes - screen shot.

Protonotes 是一款网页注释服务,可以让你在浏览网页的同时高亮显示团队用户对网页中出现的关键词的评价以及意见;你可以订阅团队的注释RSS。你可以将你的数据导出成CSV文件,并用像Google Spreadsheets、Excel这样的电子表格工具打开,你还可以用MySQL数据库储存你的数据。

ProjectPier

ProjectPier - screen shot.

ProjectPier 是一个自托管、开源、基于PHP的项目管理工具。可以在一个界面下同时管理你的任务、团队成员和项目。使用界面非常简单,虽然没有一些独特的功能,但是对于进行项目管理和协作已经足够了。

Twiddla

Twiddla - screen shot.

Twiddla 是一款功能强大、内容丰富的在线协助工具,用户只需要分享出某一项目的URL地址,即可邀请团队其他成员进来进行实时的共创作交流,简单到一切只需要通过Web浏览器,甚至无需下载安装任何插件和软件!Twiddla 的用户体验也是十分的良好,它可全面支持文字形式以及语音功能的即时通讯和多种方式的绘制工具等。

Wetpaint

Wetpaint - screen shot.

Wetpaint 具有wiki、博客、论坛和社区的功能,是一款自由的协作工具。因为它使用简单,不需要任何专业技术,成为了一款非常出色的可以随意编排自己内容的平台。

Thinkature

Thinkature - screen shot.

Thinkature 是一款出色的协作工具。你可以通过聊天、画图或直接抓取网页来创建一个工具区进行视频交流。使用起来非常灵活。

Spicebird

Spicebird - screen shot.

如果你想使用桌面工具来空远程或基于网页的协作工具,可以使用Spicebird,一款自建服务器的、开源的满足所有协作需要的平台。它有一个内建的即时通信系统,一个群组日历,一个地址簿以及更多。

Mindquarry DO

Mindquarry DO -screen shot.

Mindquarry DO 是一款用Java(J2EE)编写的开源协作工具。它是Mindquarry的在线版本,同时也提供下载。

Vyew

Vyew - screen shot.

Vyew 是一款网络会议工具,可以免费提供20个参与者进来。你可以共享你的桌面,使用内建的抓屏工具保存会议内容,添加公司logo个性化你的Vyew,使用一些插件如DiagramVyew来创建图形与参会人员共享等等。

Writeboard

Writeboard - screen shot.

Writeboard 是由37Signals开发的一款简单的,基于网页的免费文本协作工具。你可以从创建你自己的写字板开始,邀请团队成员,然后开始书写文本。团队中的人可以实时看到你的更新,编辑以及任何变化。你可以保存,修改,创建版本,以及返回先前的任何版本。

2008/10/14

15款检测网站流行度的工具

作为一个网页设计师或开发人员,当你正在建设网站的时候,首先应该对类似的网站加以分析来帮助你对设计和开发策略做决定。清楚的了解类似网站的运作情况将会对你的设计元素,网站特性以及网站内容提供参考和灵感。

本文将向你介绍15款高质量的、免费的、简单的网页工具来帮助你详尽的了解一个网站。

1. Yahoo! Site Explorer

Yahoo! Site Explorer - screen shot.

Site explorer 是一款基于search API的反向链接查询工具,人们可以通过它查看哪些URL已被Yahoo!搜索收录或是提交还没被收录的URL。该工具可以通过统计一个网站被链接的数量来显示该网站的流行程度。

2. Compete

Compete - screen shot.

Compete 是一款基于网页的分析工具,可以帮助你同时比较3个网站的通信量统计以及趋势。它可以评估一个网站的唯一访问者数量和页面浏览次数以及网站的流行度增长率。

3. Quantcast

Quantcast - screen shot.

Quantcast 不仅可以统计网站流量,pv值等,它能够提供一份更加完整的访问者报告,甚至可以统计访问者的性别,年龄和受教育程度。

4. Alexa

Alexa - screen shot.

成立于1996年的Alexa是目前最流行的网站流量排名统计服务商。它能提供网站的流量统计,并通过这些数据进行一系列的排名。

5. Feed Compare

Feed Compare - screen shot.

测试一个网站流行度的有效途径就是查看该网站的RSS的订阅量。如果一个网站使用FeedBurner(一款主流的RSS订阅服务商),你可以使用Feed Compare查看网含的订阅趋势并且同时对4个网站的订阅量增长率进行比较。

6. popuri.us

popuri.us - screen shot.

popuri.us 是一个提供网站流行度、网站综合信息在线检测查询服务的网站。使用非常简单,无需注册,只要输入你想检测的网址即可。帮助你查询出网站的RANK值(比如Google PR、Alexa Rank等)、在网络书签网站中的被收藏连接数(比如del.icio.us等)及RSS阅读器中的订阅数(比如Bloglines等)。另外,它还提供了一个Widget应用,可在你的网站上直接显示Google PR、Alexa Rank等值。


7. socialmeter

socialmeter - screen shot.


socialmeter是一个网页链接分析工具,通过输入一个网页地址就可以得知此网页在一些主要的社会性网站中的链接情况,如Digg、del.icio.us、Google、Technorati和Yahoo My Web等等共11个网站。可以用来查看自已在这些大型网站中的链接情况。

8. TweetVolume

TweetVolume - screen shot.

另一种检测网站流行度的方式就是查看Twitter的人们是否在谈论该网站。TweetVolume 可以通过输入关键字和词来查看这些内容被多少Twitter使用者提及。

9. Quarkbase

Quarkbase - screen shot.


Quarkbase 是一款综合的网络工具,可以显示一个网站的许多信息。它有一款“Social Popularity”标签可以显示一个网站在一些社会媒体网络如Digg, Stumbleupon以及Delicious上的流行度相关信息。


10. BlogPulse Profiles

BlogPulse Profiles - screen shot.


如果你对一个博客网站的相关信息感兴趣,logPulse Profiles 这款工具可以帮助你。它是一个简单的网络应用,提供博客的排名,被其它博客提及的频率以及其它相关信息如该博客的文章发布频率,与其类似的博客等。


11. Technorati Blogging Central

Technorati Blogging Central - screen shot.,


Technorati是一款占有主要地位的博客搜索引擎。它的Blogger Central allows允许你查看一个流行博客在世界范围内的排名。Technorati是通过一个博客的反向链接来统计博客流行度的。


12. Statbrain.com

Statbrain.com - screen shot.

Statbrain.com 是一款十分简单的工具,用来统计每天的页面访问量。


13. Cubestat

Cubestat - screen shot.

Cubestat 也是一款简单的网络工具,提供一个网站的日访问量。不过它的一个独特的地方就是它有一个网站价值评估(美元),价值越高,说明网站越流行。


14. dnScoop

dnScoop - screen shot.

dnScoop 是一个网站相关信息,网站价值查询工具,能够查询的内容包括:域名年限,Google Pagerank,所有指向此域名的网页数,Alex信息,主机IP信息,还可以查看此IP上面其他停放的网站等。


15. WebsiteOutlook


WebsiteOutlook - screen shot.

WebsiteOutlook 通过对一个网站的估值、日浏览量以及网站收益等来判定网站的流行度。

2008/09/11

28款出色的网页设计参考表单

参考表单不仅可以帮助你快速记忆某些事情,而且还可以作为你的工作空间添加有趣的墙面装饰。

本篇文章将会向你介绍28款非常出色的、实用的参考表单,内容包揽pshotoshop、dreamweaver、色彩、排版、以及其他相关的网页设计工作,他们具有不同的格式,而且所有参考内容都呈现在了一个页面上,易于查看。

Photoshop
Photoshop CS3 快捷键表单

Photoshop CS3 Keyboard Shortcuts Cheat Sheet - screen shot.

下载: PDF (Windows), PDF (Mac)

图层面板调用键 (HTML)

Keys for using the Layers palette - screen shot.


Photoshop 工具栏参考表 (HTML)

Photoshop Toolbox Reference - screen shot


Photoshop 套索工具参考表

Photoshop Lasso Tool Cheatsheet - screen shot.

下载: PDF

Photoshop 笔刷工具参考表

Photoshop Brush Tool Cheatsheet - screen shot.

下载: PDF

颜 色
RGB Hex色普

RGB Hex Colour Chart - Screen shot.

下载: PDF, PNG

色 谱 (PDF)

Color Reference Guide - screen shot.

Web 网页设计颜色参考六角鼠标垫

Web Designer Color Reference Hexagon Mouse Pad - screen shot.

下载: GIF

网页安全色表单 (HTML)

Web Safe Color Chart - screen shot.

16色色谱表 (HTML)

Hexidecimal Color Chart - screen shot.

浏 览器安全色 (HTML)

The Browser Safe Colors - screen shot.

字体
VisiBone字体卡片

VisiBone Font Card - screen shot.

下载: GIF

Windows 和Mac下常用字体比对表 (HTML)

Common fonts to all versions of Windows & Mac equivalents - screen shot.

混合字体 (PDF)

Free Fonts Cheat Sheet - screen shot.


单位
混合字体像素/点单位比对 (HTML)

Approximate Conversion from Points to Pixels - screen shot.

百 万像素图

Megapixels Chart - screen shot.

下载: GIF

CSS/CSS 框架
CSS蓝皮书

Blueprint CSS Cheat Sheet - screen shot.下载: PDF

YUI数据 库: CSS Reset, Base, Fonts, 以及Grids (PDF)

YUI Library: CSS Reset, Base, Fonts, and Grids - screen shot.

CSS 速记表 (PDF)

CSS Shorthand Cheat Sheet - screen shot.

AppleCSS Widget (Mac Dashboard Widget)

Apple's CSS Cheat Sheet Widget - screen shot.

HTML/XHTML
HTML & XHTML快速查找表 (PDF)

HTML & XHTML Tag Quick Reference - screen shot.

HTML/XHTML 字符对照表

HTML/XHTML Character Entities - screen shot.

XHTML 字符对照表 (HTML)

XHTML Character Entity Reference - screen shot.

Dreamweaver
Dreamweaver 快速参考指南 (PDF)

Dreamweaver Quick Reference Guide - screen shot.

Dreamweaver CS3苹果版快速 参考指南 (PDF)

Dreamweaver CS3 for Mac Quick Reference Card - screen shot.

Illustrator
Adobe Illustrator CS2 苹果版快捷键

Adobe Illustrator CS2 Keyboard Shortcuts – MAC - screen shot.

下载: PDF

浏 览器
浏 览器 兼容性比对表 (HTML)

Will the browser apply the rule(s)? - screen shot.

W3C DOM兼容性表单 (HTML)

W3C DOM Compatibility Tables - screen shot.