用户体验观念123…
1. 可用性的度如何把握？
漂亮的界面和可用性之间的博弈，当你有能力设计漂亮界面时，如何欲罢还能？
2. 用户研究，倾听用户的声音不是一句虚伪的台词，需要付出行动。您怎么倾听？
3. 用户研究的文化差异问题，要进军潜在的市场，你必须了解本土的商业环境。
4. 界面如何与用户互动? 感悟，除了想方设法为用户提供便利，还要考虑投入与产出的平衡。
5. 工作环境的设计也很重要。
6. 线框图，草图，流程设计需要动态的平衡。
7. 别去找一劳永逸的设计方法，多去思考设计背后的原理与数据支撑。
8. 界面的设计，就在小小的视觉元素上，一个一个的优化吧！
链接记录：
关于用户体验设计的五个小故事
25个有用的移动Web页面设计草图
Web应用的成功之路 – 产品早期的原型设计与用户测试
正则边界解决中英文字符统计长度问题
正则边界符号 描述
^ 行开头
$ 行结尾
\b 单词的边界
\B 非单词的边界
找出最后一个单词：”one two three four five.” 或”one two three four five”
var sWords ="one two three four five." var regLastWord = /(\w+)\.*$/; regLastWord.test(sWords); console.log(RegExp.$1); 或 sWords.match(regLastWord);
接下来要通过正则表达式边界来找出中英文句子中所有的单词，并通过正则统计出汉字的个数。 read more…
apache&nginx gzip配置，加速web访问！
apache gzip配置
在/etc/apache/httpd.conf中，启用如下组件：
LoadModule deflate_module /usr/lib/apache2/modules/mod_deflate.so
使用Location指令做额外的配置：
DeflateCompressionLevel 9 AddOutputFilterByType DEFLATE text/html text/plain text/xml application/x-httpd-php AddOutputFilter DEFLATE html xml php js css SetOutputFilter DEFLATE BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4\.0[678] no-gzip BrowserMatch \bMSIE !no-gzip !gzip-only-text/html #Compress everything except images，相关附件 SetEnvIfNoCase Request_URI \\.(?:gif|jpe?g|png)$ no-gzip dont-vary SetEnvIfNoCase Request_URI .(?:exe|t?gz|zip|bz2|sit|rar)$ no-gzip dont-vary SetEnvIfNoCase Request_URI .(?:pdf|mov|avi|mp3|mp4|rm)$ no-gzip dont-vary
流量统计工具
国外
似乎功能更新不是很快，技术实力大牛可见不同凡响。
2.clicky
看点：a.The real time advantage, b.Today vs. the past, c.Viewing the history for an individual page, search term, referring domain, etc, d.Visitor segmentation, e.Twitter Analytics，再看官网的一个比较，http://www.getclicky.com/compare/
如一篇文字所言，这项服务是专为小型网站和博客设计的。 read more…
社交网站的分享代码、在线通的状态代码
社交网站的分享代码
在sns上分享你浏览过的商品，笑话，经典文章，奇闻怪事，新语等等页面内容，从而让sns网站对用户更加有粘性，应该是分享代码功能设计的初衷。
个人先网搜了别人整理的资料：
14个国内收藏分享文章代码
分享到豆瓣/QQ/开心网/人人网/百度/Google等代码
read more…
ubuntu unzip命令报错
Archive: release.zip
End-of-central-directory signature not found. Either this file is not
a zipfile, or it constitutes one disk of a multi-part archive. In the
latter case the central directory and zipfile comment will be found on
the last disk(s) of this archive.
unzip: cannot find zipfile directory in one of release.zip or
release.zip.zip, and cannot find release.zip.ZIP, period.
这个错误是在用unzip命令解压包时出错的，最后重启了几次服务器，重新安装了zip软件消失了。
ie6 bug 记录
1. ie6 margin 背景向下填充bug
在ie7下也有这样的bug，解决方法是给div元素加一个height，或加一个width。
2.Absolute DIV over a html-select (IE6 BUG)
http://snipplr.com/view/19265/absolute-div-over-a-htmlselect-ie6-bug/
3.textarea problem in IE 6 and 7
http://support.westciv.com/topic/textarea-problem-in-ie-6-and-7
4.css之自动换行（英文字母不自动换行）
//(IE浏览器)使用 table-layout:fixed;强制table的宽度,多余内容隐藏 table-layout:fixed; //连续的英文字符和阿拉伯数字,使用word-wrap : break-word ;或者word-break:break-all;实现强制断行 word-break:break-all;
5.浏览器滚动条滚动时，元素出现断码现象，请给父元素加width或height.
6.常用hack：_和*
_height:100em; *width:100em;
您是一个感性的人吗?
也许不会有人这么直接的问您，他们会感性的问：你对什么感兴趣？或者问你个性是内向还是外向？内向往往表明理性多一点，同时表明你不喜欢和人交流。但好多人把不喜欢和人交流与不善于沟通合作划上等号。如果你被人这么看了，请理性对待。但是你一旦回答了外向，别人不一定认为你是外向的。外向是时时刻刻都表现出乐天派、阳光、很开心，但感性上也等同于马大哈。这类问题其实都没有标准答案，而且这类问题最好是问自己，不要问别人。
如果有人直接问你是感性还是理性？有时候感性有时候理性貌似是最靠近神答案的回答。那有时候是什么时候呢？这个对个人来说是一种修炼，个人也没有狂妄到要解答研究出这个问题，违背神的旨意。 read more…
yui event delegate事件代理
event delegate事件代理的作用是什么?
用使用的场景来说,就是当你动态创建了dom元素，并且需要在这些元素上绑定事件，来实现效果。这样的情况会在使用ajax返回dom元素，并且需要在这些dom绑定事件发生。还有创建了新dom，再在新dom上操作dom。
yui和jquery都有各自的事件代理方法，yui有delegate的方法：yui2.8 delegate，yui3 delegate；jquery使用live。这里有一篇赞同live的事件委托的博文jQuery $.live() Equivalent in YUI 3。yui这点没有jquery做的好，不过yui的例子还是值得一看Using Event Utility and Event Delegation to Improve Performance。
read more…
身份验证的两种方法:http验证,php验证
http验证提供了一种简单有效的验证方式，现代的浏览器都支持http验证。简单是因为用户提供的用户名和数据没有经过加密，容易被偷窥或监视服务器扫描到。为了解决通信通道的安全问题，一般使用安全套解字(SSL)，基本所有的web服务器都支持这种技术。这里会用.htaccess和apache服务器来演示这种技术。
php验证的特点是方便灵活，需要使用到几个函数：
$_SERVER['PHP_AUTH_USER'],$_SERVER['PHP_AUTH_PW'],header(),isset()。方便就因为直接在页面上写就可以了，灵活是因为方式可以多样化，有硬编码身份验证，基于文件身份验证，基于数据库身份验证，还有固定ip验证等。
这两种方式都是使用http1.1，可以查看RFC 2616的状态定义。
read more…
