三
17
2011
数据备份非常重要，无论是为了避免系统发生故障造成损失，还是平日对重要数据进行管理。当然你可以选择使用第二个硬盘对数据进行备份管理，问题是如 果可以不花钱就能做到这一点，何乐而不为？此外，你也很难保证你的第二块硬盘不不会发生故障吧。因此，选择一些有保证的在线存储备份服务是非常不错的主 意。
在线存储工具非常之多，在去年年底我为大家总结了“2010年最佳国外免费在线存储服务”。现在再为大家介绍5款优秀的免费在线数据备份存储工具：
Windows Live Skydrive是非常流行的基于云计算的服务，提供25GB的免费存储空间。SkyDrive的使用非常简单，首先使用你的Live ID登录为Windows Live Skydrive账户。然后就像简单的拖放文件那样就行了，你可以根据需要在不同文件夹间拖放文件。每一个文件夹都有一个固定链接，这样你就可以轻易地与 你的朋友、家人或者网友进行分享。此外，你可以对个人私密文件夹进行加密保护。
(全文 …)
三
17
2011
近年来，数字化产品的数量呈指数增长。电脑的空间似乎越来越不够用，即使现在的硬盘存储量比以前大得多。同时，与他人分享 的文件数也逐日倍数增长。文件的体积变得越来越大使得我们再也无法通过邮件来直接进行分享。
不过好在，现在的在线存储服务和共享服务越来越多。在线共享服务成为解决空间不足和共享困难成为最佳的选择。 下面列举一些相对出色的在线存储服务（网络硬盘）：
在线存储你的文件，还支持播放音乐文件和与他人分享文件。
Badongo服务特点：
二
7
2011
Firebug对于Web开发人员来说，已经成为了不可或缺的工具，但是在我日常的工作中，常常感觉还没有能够深刻的挖掘出她的潜力，今天花了点时间仔细研究了Console和命令行的使用在提高工作效率方面的作用，
记下来和大家分享一下.
Firebug一共有Console,HTML,CSS,Script,DOM,NET六个Tab，今天着重说一下Console的用法。
其实我们对于Console应该非常熟悉，因为这里是Firebug给出各种信息的窗口，而这也正是Console的主要用途，日志记录(Logging)。
除此之外，Console还提供了通过命令行方式来调试Javascript的方法。下面就来学习一下Console的用法。
1、Firefox的日志记录(Logging in Firefox)。
通过Console的记录方法，我们可以不再使用烦人的alert或者document.write方法来进行调试。
Firebug提供了五种日志的类型：
console.log: 记录一行信息，无任何图标提示； console.debug:记录一行信息，带超链接，可以链接到语句调用的地方； console.error():向控制台中写入错误信息，带错误图标显示和高亮代码链接； console.info():向控制台中写入提示信息，带信息图标显示和高亮代码链接； console.warn():向控制台中写入警告信息，带警告图标显示和高亮代码链接；
(全文 …)
二
7
2011
用户界面设计在持续的基础上不断成长和演变。要跟上时代，你需要关注趋势、新资源和正被实施和谈论的新技术。同时，你也要亲身尝试，并提出原创的见解和应用。下面列举的这些工具能帮你做到这些。尽情分享下面这些我找到的注释出的资源中你认为有用的部分。
看看这些其他人已经想出的对一般用户界面挑战的解决方案，它不仅能帮助你找到正确的现有解决方案，还能作为你提出新的和原创的东西的基础。
一个在线文字和图形目录是常见解决的UI设计问题的方案。使用非常宽松的分类，同时也让你用标签或颜色分类：
一个能找到平常被使用的设计模板精神的好资源。Pattern Tap将UI元素分类集合，同时也将个别项目以标签形式在新窗口打开：
(全文 …)
一
3
2011
* Javascript parsing and execution * Layout * CSS style recalculation and selector matching * DOM Event handling * Network resource loading * Timer fires * XMLHttpRequest callbacks * Painting * and more ..
安装要求：
1、只适用于 Google Chrome Developer版本
2、在Chrome启动命令里需要设置 --enable-extension-timeline-api
十二
5
2010
网站分析通过统计点击流数据及网站产生的其他各类数据，提供各种数据报表来监控网站的运营状态，为网站的优化和改进提供参考依据。但网站分析能提供的绝不仅有数据，其中点击热图（Heat Map）是对网站分析的一个很好的扩 充，目前网上介绍点击热图的文章也比较多，很多网站交互设计师用点击热图来评估用户与网站之间的交互状况从而改善用户体验。这里简单介绍几个点击热图的实 现工具以及用我的博客做的点击热图的实验。
Sidney的博客中很早以前就介绍过一款点击热图的分析工具——Crazy Egg令人惊讶的优秀网站分析工具，文章是由Tenly写的。另外网上介绍比较多的点击热图工具还有ClickTable和tealeaf，这些工具都是通过JS来实现 的，只要在相应的页面上嵌入JS代码，就能在这些工具的网站上查看该页面的点击效果图，实现机制跟Google Analytics较为类似。这些工具一般都需要收费，但会有1个月的免费试用期，有兴趣的可以去试试。
另外有一款开源的工具——ClickHeat，可以下载它的源代码部署到自己的服务器上，并在网站页面中嵌入相应的JS代码来生成点击热 图，然后通过调用相应的页面查看。要部署ClickHeat，服务器需要支持PHP，同时因为点击的日志和所有统计结果都保存到了部署的服务器上，所以对 服务器的空间和资源占用都比较高。
前段时间用我的博客做了下网站点击热图的试用实验，我用的是Click Density，跟ClickTable和Crazy Egg类似，也是通过嵌入JS的方法来实现的，在结果的输出页面可以选择点击的时间段、浏览器类型等条件对结果进行筛选，下面的生成的几张点击效果图：
因为我的博客访问量不大，所以热图的分布不是很明显，但还是能看出主要的点击集中在博客最新的文章上面；另外右侧的搜索、订阅和分类目录模块也占据 了一定的点击比例。一般网站的点击都会聚集在全局导航栏的下面那一块，并且呈“F”型分布，在需要下拉的页面部分点击一般就会剧减（对于需要下拉查看的内 容，除非用户找到了他们需要的信息，否则一般不会过多地进行点击）。
这张是点击分布图，红叉代表无效的点击，绿叉代表有效点击。这个图似乎比上面单纯的显示点击分布或点击密度更有价值，因为它显示了页面的有效点击， 从图上可以看出用户在浏览我的博客时除了点击文章标题和搜索框外，订阅按钮上面也分布了大量的有效点击数，这个对于博客来说至关重要，因为博客类网站的一 个重要目标就是产生订阅，所以通过这个图可以查看有多少有效点击转化成了网站目标，占总的点击比例及占总的有效点击的比例。
另外可以看到图上的某些有效点击并非一定落在可点击的对象上，正是因为博客内容更新时导致页面元素（标题位置、内容摘要行数等）的偏移，而生成的点 击不会跟随页面元素移动，导致了生成图片显示上的误差。
这个图其实相当与网页覆盖图（Overlay）或点击密度图（Click density），Google Analytics上面也提供了类似的功能。网页上可点击的位置会由虚线框圈起来，鼠标放到某个框上面就会显示该模块被点击的次数及点击转化率 （CTR）；另外如果你为你的网站设定了目标，那么同时也会显示点击该模块的目标转化率，对于分析网站的重要页面是个不错的选择。
最后顺便提一下，我的博客之前的一篇文章——网站数据分析的基本流程中介绍了DMAIC模型，当时我是在查PDCA戴明环的相关资料的时候不经意间发现 的，感觉很适用于网站分析的流程。前几天在翻Avinash Kaushik的《Web Analytics》，发现书中也介绍了DMAIC模型，所以感觉DMAIC确实是梳理网站分析流程的一个不错的选择。
十二
1
2010
Total Commander(简称TC)是一个功能强大的全能文件管理器，支持随意自定义的菜单、工具栏、快捷键，给您最大的自由。一般的文件操作，如搜索、复 制、移动、改名、删除等功能应有尽有，更有文件内容比较、同步文件夹、批量重命名文件、分割合并文件、创建/检查文件校验(MD5/SFV) 等实用功能。
Total Commander 7.56 for Windows released!
December 1, 2010: Total Commander 7.56 is now available for download. This version mainly corrects some errors which were found after the release of Total Commander 7.55a, but also adds some minor new features. The most important are:
Please download Total Commander 7.56 (Shareware) now from our Download page!
The update is still free for all registered users (also of Windows Commander) – please check our update instructions.
十二
1
2010
Fiddler本身是用来做web debugging的工具。其具体的介绍和更多的使用方法请参考知识库中以下文章:
Fiddler—Web调试代理工具
在线调试JavaScript和CSS
本文将详细介绍如何通过fiddler2录制http操作请求的脚本。
为了只保留操作过程中的关键请求数据，我们需要自定义fiddler的过滤项。
完整的录制步骤如下:
打开fiddler2，此时后台会启动一个代理服务器。此后所有的http请求都会经过此代理服务器进行请求转发。
配置fiddler2过滤项。
1：首先需要只保留fiddler对浏览器请求的捕捉。点击左下角处的”All processes”变成”Web Browers”即可。这样fiddler就只捕捉IE或Firefox的请求
2：指定默认的Rules。在fiddler的菜单栏中选择”Rules”,弹出下拉列表后，选择以下三项:”Hide Image Requests”,”Remove All Encodings”,”Hide 304s”.
自定义过滤规则。由于目前的平台4.0系统中存在有大量的循环或显示用的请求，因此还需要自定义过滤规则。
3：选择”Rules”—>”Customize Rules”,在弹出的文本文件中进行修改和补充后，自定义规则即时生效。或者使用Rules插件进行修改.
在该文件中找到static function OnBeforeRequest(oSession: Session)，OnBeforeResponse方法，增加相应的过滤规则，就会相应的过滤请求。
(全文 …)
十二
1
2010
学习如何通过Fiddler建立一个速度更快的网站。在这篇文章中，我们将使用Fiddler去探究HTTP的性能，缓存，以及压缩。
如果你要是没有安装和配置过Fiddler， 请从文章的第一篇开始。
毫无疑问用户都喜欢访问速度快的网站。用户是非常的不耐烦，除非你的网站是没有竞争对手，换句话就是处于垄断地位的。如果你的访问者来自世界各地， 那你就必须要保证你的网站在执行效率方面要非常好，甚至要更加标准。作为一个国际化的网络连接点，通常要受到来自两个方面的压力：高访问量以及低带宽。
在第一次至关重要的访问中，用户必须要下载每一个内容片断，来生成页面，包括JS，CSS，Images，HTML，如果你的页面太 难加载（包括IIS接到请求执行并返回给客户端HTML），访问者也许就会离开你的页面！
通过暴露所有的HTTP通讯，Fiddler很容易得向你展示哪些文件经常被用于生成一个页面，
Shift+click 可以在Fiddler左边框的会话列表中多选会话，来计算那些被选会话的“页面总重量”。那些被转换成字节的数量。
如果你想让你的客户在第一次访问的时候就留下深刻的印象 ，那么最好的，也是唯一的途径就是返回给客户更少的文件。
(全文 …)
十二
1
2010
Fiddler工具介绍一
这个工具我已经使用比较长时间了，对我的帮助也挺大，今天我翻译的微软的文章，让更多的朋友 都来了解这个不错的工具，也是我第一次翻译文章，不恰当之处请大家大家多多指正。
如果您对本文感兴趣，那么就请翻看第二部分吧！
HTTP调试工具：Fiddler工具介绍一
介绍：
你是不是曾经疑惑过你的web程序和IE是如何交互的？你是不是遇到过一些奇怪的而你又无法 解决的性能瓶颈？你是不是对那些发送给服务器端的cookie 和那些你下载下来的被标记为可缓存的内容感到好奇？
Fiddler官方网站及下载地址：http://www.fiddlertool.com/Fiddler/dev/
微软的Fiddler能够帮助你回答以上的问题，不但如此，它还是一个http调试代理，它 能够记录所有的你电脑和互联网之间的http通讯，Fiddler 可以也可以让你检查所有的http通讯，设置断点，以及Fiddle 所有的“进出”的数据（指cookie,html,js,css等文件，这些都可以让你胡乱修改的意思）。 Fiddler 要比其他的网络调试器要更加简单，因为它仅仅暴露http通讯还有提供一个用户友好的格式。
Fiddler 包含一个简单却功能强大的基于JScript .NET 事件脚本子系统，他非常灵活性非常棒，可以支持众多的http调试任务。Fiddler 是用C#写出来的。
。。。。。接下来是一大段废话，关于如何安装的，只要一路next，就可以了。这段话我就跳 过，直接切入正题了。
(全文 …)
Copyright © 2009-2010 - 浙ICP备10046555号 我想网 板凳 | SiteMap | Entries (RSS) | Comments (RSS)
本站发布的博文若有涉及到版权问题，请立即电文告知 板凳，我们将会在第一时间内作出处理。
WordPress theme by 
9th sphere website design