用户体验观念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…
