最新头条
  • 看一个小软件，压缩HTML的，比较有意思，就下载试用了一下，还不错额，一般都能压缩10%以上。别小看这10%的HTML，把网站其他图片\JS\CSS一起算进来，至少能给你节约1%的带宽。 不过，我转载的最重要的原因是支持原创~~ 毕竟刚做的，可能存在BUG 原文：http://www.cnblogs.com/sohighthesky/archive/2010/05/14/uedsky-html-compressor.html 下载试用：Uedsky HtmlCompressor（应该至少需要 .net 2.0才能运行） 程序版本：1.0.0.0 1.前言 写这个小工具是因为我的首页要用，看到很多地方（baidu,google等首页）提到Html压缩，但是好像没有见过哪里有工具可以下载，所以就 想到自己写，一般情况下情况下只用压缩首页，或者生成静态页后可以压缩，就这个小工具来说，我写正则也没有考虑到效率（css部分参考yui compressor只顾到了程序可读性）(认为Html不需要压缩的飘过)。 2.压缩比率 个人觉得Html文件还是有必要压缩的，使用这个小工具Cnblogs的首页可以压缩18%，我的首页也可以压缩15%; 3.特点：无损压缩 由于 pre,textarea中的换行等内容会直接显示，所以不对其压缩，script标签由于js压缩比较复杂这里就不处理，如果内联javascript 文件比较多，请先使用yui compressor压缩后放到页面里，压缩style标签里的css(核心参照yui compressor的源码)，程序执行步骤如下： 1.正则(?is)<!–(?!\[if).*?-->匹配注释，将所有html注释去掉，这里排除右边为[if的，防止 将ie条件注释压缩掉 2.然后(?is)<(pre|script|style|textarea)[^>]*>.*?，将这些标 签里内容提出来保存，防止替换时出错 3.将html标签之间的空白去掉：(?<=<[^>]+>)\s+(?=<[^>]+>) 4.去掉所有的换行：[\r\n]+ 5. 然后执行一个可选项：是否将多个空白换成一个，在Html中多个空白会解析成一个，所以默认为true 6.然后恢复保存的pre等标签内容...

    Uedsky HtmlCompressor v1.0发布(前端性能优化之Html压缩)

    在 2010年05月14日 上发表 | 没有评论
    看一个小软件，压缩HTML的，比较有意思，就下载试用了一下，还不错额，一般都能压缩10%以上。别小看这10%的HTML，把网站其他图片\JS\CSS一起算进来，至少能给你节约1%的带宽。 不过，我转载的最重要的原因是支持原创~~ 毕竟刚做的，可能存在BUG 原文：http://www.cnblogs.com/sohighthesky/archive/2010/05/14/uedsky-html-compressor.html 下载试用：Uedsky HtmlCompressor（应该至少需要 .net 2.0才能运行） 程序版本：1.0.0.0 1.前言 写这个小工具是因为我的首页要用，看到很多地方（baidu,google等首页）提到Html压缩，但是好像没有见过哪里有工具可以下载，所以就 想到自己写，一般情况下情况下只用压缩首页，或者生成静态页后可以压缩，就这个小工具来说，我写正则也没有考虑到效率（css部分参考yui compressor只顾到了程序可读性）(认为Html不需要压缩的飘过)。 2.压缩比率 个人觉得Html文件还是有必要压缩的，使用这个小工具Cnblogs的首页可以压缩18%，我的首页也可以压缩15%; 3.特点：无损压缩 由于 pre,textarea中的换行等内容会直接显示，所以不对其压缩，script标签由于js压缩比较复杂这里就不处理，如果内联javascript 文件比较多，请先使用yui compressor压缩后放到页面里，压缩style标签里的css(核心参照yui compressor的源码)，程序执行步骤如下： 1.正则(?is)<!–(?!\[if).*?-->匹配注释，将所有html注释去掉，这里排除右边为[if的，防止 将ie条件注释压缩掉 2.然后(?is)<(pre|script|style|textarea)[^>]*>.*?，将这些标 签里内容提出来保存，防止替换时出错 3.将html标签之间的空白去掉：(?<=<[^>]+>)\s+(?=<[^>]+>) 4.去掉所有的换行：[\r\n]+ 5. 然后执行一个可选项：是否将多个空白换成一个，在Html中多个空白会解析成一个，所以默认为true 6.然后恢复保存的pre等标签内容...

    继续阅读...

  • From: http://www.5icool.org/a/201002/273.html Date: 2010-05-07 1.什么是Firebug 从事了数年的Web开发工作，越来越觉得现在对WEB开发有了更高的要求。要写出漂亮的HTML代码；要编写精致的CSS样式表展示每个页面模块； 要调试javascript给页面增加一些更活泼的要素；要使用Ajax给用户带来更好的体验。一个优秀的WEB开发人员需要顾及更多层面，才能交出一份 同样优秀的作业。为帮助广大正处于Web2.0洪流中的开发人员，在这里为大家介绍一款轻巧灵活的辅助开发工具。 Firebug是Firefox下的一款开发类插件，现属于Firefox的五星级强力推荐插件之一。它集HTML查看和编辑、 Javascript控制台、网络状况监视器于一体，是开发JavaScript、CSS、HTML和Ajax的得力助手。Firebug如同一把精巧的 瑞士军刀，从各个不同的角度剖析Web页面内部的细节层面，给Web开发者带来很大的便利。这是一款让人爱不释手的插件，如果你以前没有接触过它，也许在 阅读本文之后，会有一试的欲望。笔者在撰写此文的时候，正逢Firebug发布1.0正式版，这不能不说是种巧合。

    Firebug-WEB开发调试利器-全介绍

    在 2010年05月14日 上发表 | 没有评论
    From: http://www.5icool.org/a/201002/273.html Date: 2010-05-07 1.什么是Firebug 从事了数年的Web开发工作，越来越觉得现在对WEB开发有了更高的要求。要写出漂亮的HTML代码；要编写精致的CSS样式表展示每个页面模块； 要调试javascript给页面增加一些更活泼的要素；要使用Ajax给用户带来更好的体验。一个优秀的WEB开发人员需要顾及更多层面，才能交出一份 同样优秀的作业。为帮助广大正处于Web2.0洪流中的开发人员，在这里为大家介绍一款轻巧灵活的辅助开发工具。 Firebug是Firefox下的一款开发类插件，现属于Firefox的五星级强力推荐插件之一。它集HTML查看和编辑、 Javascript控制台、网络状况监视器于一体，是开发JavaScript、CSS、HTML和Ajax的得力助手。Firebug如同一把精巧的 瑞士军刀，从各个不同的角度剖析Web页面内部的细节层面，给Web开发者带来很大的便利。这是一款让人爱不释手的插件，如果你以前没有接触过它，也许在 阅读本文之后，会有一试的欲望。笔者在撰写此文的时候，正逢Firebug发布1.0正式版，这不能不说是种巧合。

    继续阅读...

  • Monster是Alipay UED推出的网站代码分析、质量检测及评分的浏览器扩展，它能智能分析CSS、JS、HTML内容并生动形象展示网页得分情况(类似YSlow)。它是一个开源项目，您可以在GoogleCode中心检出MonsterForChrome项目源代码。不久会推出Firefox版扩展。 下载及演示 下载Monster 视频演示(低质量) Monster主要检测规则： 检测是否有重复ID的标签； 检测是否使用内联标签嵌套块级标签，如a嵌套div； 检测https协议页面，是否使用了http协议的图片、JS、CSS等； 检测compatMode、doctype是否出错； 检测是否使用了HTML5不再支持的标记，如font,s,u等； 检测标签是否正确关闭； 检测CSS、JS、background-image文件是否为404； 检测CSS、JS文件是否重复调用； 检测是否引用过多外部JS、CSS文件； 检测CSS、JS、HTML是否压缩； 检测CSS样式表是否使用了CSS expression； 检测Cookie是否超过30KB； 检测是否有form标签嵌套form标签； 检测是否直接在标签里定义JS事件，如<a href=”#” onclick=”…”>link</a>； 检测<meta charset=”utf-8″ />是否为<head>第一个子标签； 检测一个<form>标签内部是否出现二个input[type=submit]标签； 检测是否在<form>标签中使用了 id=”submit” 的标签；...

    Monster for Chrome[前端开发应用工具]

    在 2010年05月7日 上发表 | 没有评论
    Monster是Alipay UED推出的网站代码分析、质量检测及评分的浏览器扩展，它能智能分析CSS、JS、HTML内容并生动形象展示网页得分情况(类似YSlow)。它是一个开源项目，您可以在GoogleCode中心检出MonsterForChrome项目源代码。不久会推出Firefox版扩展。 下载及演示 下载Monster 视频演示(低质量) Monster主要检测规则： 检测是否有重复ID的标签； 检测是否使用内联标签嵌套块级标签，如a嵌套div； 检测https协议页面，是否使用了http协议的图片、JS、CSS等； 检测compatMode、doctype是否出错； 检测是否使用了HTML5不再支持的标记，如font,s,u等； 检测标签是否正确关闭； 检测CSS、JS、background-image文件是否为404； 检测CSS、JS文件是否重复调用； 检测是否引用过多外部JS、CSS文件； 检测CSS、JS、HTML是否压缩； 检测CSS样式表是否使用了CSS expression； 检测Cookie是否超过30KB； 检测是否有form标签嵌套form标签； 检测是否直接在标签里定义JS事件，如<a href=”#” onclick=”…”>link</a>； 检测<meta charset=”utf-8″ />是否为<head>第一个子标签； 检测一个<form>标签内部是否出现二个input[type=submit]标签； 检测是否在<form>标签中使用了 id=”submit” 的标签；...

    继续阅读...

  • 几款不错的工具，推荐一下 Userfly Userfly可以提供免费的网页访客动作记录服务。只需要在网页中添加一段简单的Javascript代码，就可以记录访客从打开该网页到关闭整个过程中的动作。 Userfly能够记录的内容包括鼠标的移动、点击以及键盘输入等动作。下面这个视频很好的讲解了Userfly的使用方法和主要的功能http://userfly.com 免费用户每个小时记录10位用户（10个IP）的动作。Userfly也提供收费服务，除了可以记录更多的用户外，还支持身份验证和网页加密。对于网站拥有者来说，Userfly可以很方便的对用户行为进行检测和分析，通过A/B Testing等方法为网站UI/UE提供非常有价值的信息。但是对于很多网页访问者来说，如果知道他们所浏览的网页有这样的功能，可能就会敬而远之了。 Mouseflow mouseflow是一款在线分析工具，它能对访客的浏览习惯和鼠标操作行为进行跟踪，从而获取人们对页面的关注范围和操作习惯，为你对页面进行优化提供了重要依据。它将汇总分析人们在页面上的鼠标操作动作，并以直观的“热区图”形式反映出来。 打个比方：大家都见过baidu和google的页面热区图，从图中可以看出用户对于页面最点击最多，也就是最关注的区域。那么，如果你的站出现在红、黄色区域中，将收到的点击次数也将是最多的。 在自己的站上分析出热区图数据，把访客最关注的内容放到热区范围内，形成对网站内容和布局层面的优化。我们就用mouseflow来完成这项工作。首先需要在你的网站上部署mouseflow跟踪代码。去http://mouseflow.com注册，然后添加需要进行鼠标动作跟踪的网站之后就能得到跟踪代码，把它部署到你网站中。然后mouseflow就可以为你记录鼠标动作了。但给出分析数据需要等几个小时的时间。当然，时间越长，记录的鼠标数据也越多，分析出来的数据也越准确。等待几天后再登陆mouseflow，就可以看到mouseflow详尽的统计数据了。点击View stats，可以查看网站的状态数据。mouseflow可以为免费帐户每月保存并分析100条操作数据。在这个页面里还有：页面浏览量、平均访问深度、平均访问时长、web页面情况、最流行页面、最热页面等统计数据。便于对网站的整体情况有一个大致了解。 接下来是查看跟踪记录。在这个页面中我们可以查看到访客情况信息。如访客的地理位置，来源链接，进入页面，浏览页面量，停留时间，浏览器等。最酷的是，点击绿色播放按钮，还可以回放某访客在你页面上的每一次鼠标操作动作。看看他在浏览你的页面时做了怎样的操作。比如鼠标在哪里点击了，并且完整地回放是怎样浏览你的页面的。 然后就是重点中的重点了：热区分析。mouseflow可以分析你的每一个页面数据。比如一个页面的的鼠标点击热区，以及视觉热区，红色为热，蓝色为冷。 ClickTale ClickTale是一家国外的免费网站统计服务网站，但ClickTale并不以流量统计见长，它是对你的网站访客浏览行为进行分析的一个工具，以类似视频的方式将访问者在你的网站上进行的操作全部记录下来，你可以在线观看也可以下载到电脑上。利用ClickTale的访客行为视频记录，可以帮你更好的布局你的网页，给访问者带来更好的用户体验，以使你的网站回头客越来越多！有点类似Free8之前介绍的CrazyEgg，不过ClickTale提供的是访客动态行为记录，CrazyEgg提供的是网页热点分析图像，各有所长，可同时使用，相互参考。 网址：http://www.clicktale.com

    免费的用户行为跟踪采集

    在 2010年05月7日 上发表 | 没有评论
    几款不错的工具，推荐一下 Userfly Userfly可以提供免费的网页访客动作记录服务。只需要在网页中添加一段简单的Javascript代码，就可以记录访客从打开该网页到关闭整个过程中的动作。 Userfly能够记录的内容包括鼠标的移动、点击以及键盘输入等动作。下面这个视频很好的讲解了Userfly的使用方法和主要的功能http://userfly.com 免费用户每个小时记录10位用户（10个IP）的动作。Userfly也提供收费服务，除了可以记录更多的用户外，还支持身份验证和网页加密。对于网站拥有者来说，Userfly可以很方便的对用户行为进行检测和分析，通过A/B Testing等方法为网站UI/UE提供非常有价值的信息。但是对于很多网页访问者来说，如果知道他们所浏览的网页有这样的功能，可能就会敬而远之了。 Mouseflow mouseflow是一款在线分析工具，它能对访客的浏览习惯和鼠标操作行为进行跟踪，从而获取人们对页面的关注范围和操作习惯，为你对页面进行优化提供了重要依据。它将汇总分析人们在页面上的鼠标操作动作，并以直观的“热区图”形式反映出来。 打个比方：大家都见过baidu和google的页面热区图，从图中可以看出用户对于页面最点击最多，也就是最关注的区域。那么，如果你的站出现在红、黄色区域中，将收到的点击次数也将是最多的。 在自己的站上分析出热区图数据，把访客最关注的内容放到热区范围内，形成对网站内容和布局层面的优化。我们就用mouseflow来完成这项工作。首先需要在你的网站上部署mouseflow跟踪代码。去http://mouseflow.com注册，然后添加需要进行鼠标动作跟踪的网站之后就能得到跟踪代码，把它部署到你网站中。然后mouseflow就可以为你记录鼠标动作了。但给出分析数据需要等几个小时的时间。当然，时间越长，记录的鼠标数据也越多，分析出来的数据也越准确。等待几天后再登陆mouseflow，就可以看到mouseflow详尽的统计数据了。点击View stats，可以查看网站的状态数据。mouseflow可以为免费帐户每月保存并分析100条操作数据。在这个页面里还有：页面浏览量、平均访问深度、平均访问时长、web页面情况、最流行页面、最热页面等统计数据。便于对网站的整体情况有一个大致了解。 接下来是查看跟踪记录。在这个页面中我们可以查看到访客情况信息。如访客的地理位置，来源链接，进入页面，浏览页面量，停留时间，浏览器等。最酷的是，点击绿色播放按钮，还可以回放某访客在你页面上的每一次鼠标操作动作。看看他在浏览你的页面时做了怎样的操作。比如鼠标在哪里点击了，并且完整地回放是怎样浏览你的页面的。 然后就是重点中的重点了：热区分析。mouseflow可以分析你的每一个页面数据。比如一个页面的的鼠标点击热区，以及视觉热区，红色为热，蓝色为冷。 ClickTale ClickTale是一家国外的免费网站统计服务网站，但ClickTale并不以流量统计见长，它是对你的网站访客浏览行为进行分析的一个工具，以类似视频的方式将访问者在你的网站上进行的操作全部记录下来，你可以在线观看也可以下载到电脑上。利用ClickTale的访客行为视频记录，可以帮你更好的布局你的网页，给访问者带来更好的用户体验，以使你的网站回头客越来越多！有点类似Free8之前介绍的CrazyEgg，不过ClickTale提供的是访客动态行为记录，CrazyEgg提供的是网页热点分析图像，各有所长，可同时使用，相互参考。 网址：http://www.clicktale.com

    继续阅读...

  • 电子商务网站的竞争越来越激烈，虽然你可能在以最低的价格卖最好的东西，但同样重要的的是用户的购买体验，对电子商务网站而言，易用性就是让用户尽可能快而简单的完成购买，有时候，一条小小的改进可能带来巨大的改变。本来讲述了10条电子商务网站的易用性规则。 1. 用户无需注册直接购买 很多公司喜欢让用户注册，但注册过程实在太冗长了，尤其对那些临时光顾的用户，强迫注册会将他们吓跑。让用户直接往购物车里添加货物，在结算前，另外提供一个注册选项以方便他们的下一次购买是一个很有效的方法，在任何时候都要明白，实现销售比收集一堆电子邮件地址更有价值。 2. 注册要简单 你希望注册用户给你提供多少信息？也许是越多越好，然而实际上，你用不了那么多，你真正需要的也许只是一个邮件地址和一个密码。尽可能使用邮件地址作为用户名，因为用户名容易混淆，而邮件地址是唯一的，更容易记忆。

    电子商务网站的 10 个易用性规则

    在 2010年04月29日 上发表 | 一条评论
    电子商务网站的竞争越来越激烈，虽然你可能在以最低的价格卖最好的东西，但同样重要的的是用户的购买体验，对电子商务网站而言，易用性就是让用户尽可能快而简单的完成购买，有时候，一条小小的改进可能带来巨大的改变。本来讲述了10条电子商务网站的易用性规则。 1. 用户无需注册直接购买 很多公司喜欢让用户注册，但注册过程实在太冗长了，尤其对那些临时光顾的用户，强迫注册会将他们吓跑。让用户直接往购物车里添加货物，在结算前，另外提供一个注册选项以方便他们的下一次购买是一个很有效的方法，在任何时候都要明白，实现销售比收集一堆电子邮件地址更有价值。 2. 注册要简单 你希望注册用户给你提供多少信息？也许是越多越好，然而实际上，你用不了那么多，你真正需要的也许只是一个邮件地址和一个密码。尽可能使用邮件地址作为用户名，因为用户名容易混淆，而邮件地址是唯一的，更容易记忆。

    继续阅读...

Page 10 of 41« First...89101112203040...Last »