QQ空间魔力日志原理
最近QQ空间出现了很多魔力日志，就是谁看上面会显示谁的名字和QQ号，甚至有些还显示头像。
有些搞笑，有些猛一看还挺吓人。下面来揭开神秘的面纱。
网络上面大部分揭秘魔力日志的原理是对的，但是具体细节没有提到，但是少了这个细节是做不出来魔力日志的。欲知什么细节，请点详细。
搜索结果（）
(2013年9月7日更新)不用翻墙上YouTube，twitter，google+，谷歌快照等
根据我国墙的原理，通过修改hosts文件达到输入域名直接映射到对应ip地址，而不用去dns上面解析一圈，这样就不会被墙了。
windows下修改X:\windows\system32\drivers\etc目录下的hosts文件，注意没有后缀的(X是你的系统盘盘符)
ubuntu下修改/etc/hosts文件
终端下输入：sudo gedit /etc/hosts
添加相应的条目后，保存
重启网络：sudo /etc/init.d/networking restart
兼容 ie, firefox, chrome的复制内容到剪切板代码
此方法是从Discuz!里扒出来的。
原理：用 onmouseover 事件往 flash 中传递数据。
JS：
var clipboardswfdata;
var setcopy_gettext=function(){
clipboardswfdata=document.getElementById('data').value;
window.document.clipboardswf.SetVariable('str',clipboardswfdata);
}
var floatwin=function(){
alert('copy success, '+clipboardswfdata);
}
常用css media
/* 横屏 */
@media screen and (orientation:landscape){
}
/* 竖屏 */
@media screen and (orientation:portrait){
}
/* 窗口宽度<960,设计宽度=768 */
@media screen and (max-width:959px){
}
/* 窗口宽度<768,设计宽度=640 */
@media screen and (max-width:767px){
}
/* 窗口宽度<640,设计宽度=480 */
@media screen and (max-width:639px){
}
/* 窗口宽度<480,设计宽度=320 */
@media screen and (max-width:479px){
}
/* windows UI 贴靠 */
@media screen and (-ms-view-state:snapped){
}
/* 打印 */
@media print{
}
我会将一切感情告知你，只需要一个眼神而已
html5常用标签及注释
| header | 页面头部，不同与<head></head> |
| aside | 边栏 |
| nav | 外部链接集合 |
| section | 章节或段落 |
| article | 类似文章、摘要或留言POST等形式的记录（一般搭配内嵌头部、尾部、底部结构使用） |
| hggroup | 类似子标题，标题信息、可选标题、TAG标签这样的数据，还是英文更好理解一些，heading of a section |
| address | 联系信息，一般用在article或body锚元素周围 |
| footer | 页脚 |
我喜欢网站页面设计小结
设计上哪怕一个微小的变化都可能会带来一些预想不到的影响。有时候真正的挑战不是修正你发现的问题，而是修正这些问题的同时不破坏已经正常运行的部分。用户体验的改善不仅仅是交互上的易用、视觉上的美观，产品本身的可用性是构建上层建筑的基础，基础体验的优化是不容忽视的。
博客改版总结
交互设计其实很简单
交互设计是近几年的一个流行词语。市场上有许多资料介绍什么是交互设计，如何做交互设计等。从场景，任务，用户，操作等分析。但由于受实际情况的限制，往往不能很深入。所以笔者结合实际工作体验与大家分享下，具体做设计时候是怎么考虑的。如果要说什么是一个好的交互设计，个人浅见就是简单。
网站改版应该注意的事项
越来越多互联网公司产品人员意识到，无论是豆瓣的改版，还是Facebook的改版都遭到了用户的疯狂抵制。
和传统1.0网站相比，2.0网站用户的力量被无限放大，也意味着用户在网站发展中拥有越来越多的话语权。任何的所谓改版，都会一定程度上影响已有用户的使用习惯，可能遭到用户的大规模抨击。
这意味着，网站改版也许需要更多的智慧和精细化运作。