随着越来越多Retina技术的普及，越来越多的设备开始配置了Retina屏幕。w3c也在css4草案中加入了适配Retina屏幕的属性image-set，目前支持此属性的浏览器有chrome和safari。记得在今年冬天的webrebiuld交流会上，QQ的前端大湿曾经介绍过，并且在QQ.com的logo中用到了此属性。
在不支持image-set的浏览器：他会支持background-image图像，也就是说不支持image-set的浏览器下，他们解析background-image中的背景图像；
支持image-set的浏览器下：在普通显屏下，此时浏览器会选择image-set中的@1x背景图像，在Retina屏幕下，此时浏览器会选择image-set中的@2x背景图像。
写法：
{
background-image: url(default.png);
background-image: -webkit-image-set(url(no-retina.png) 1x, url(retina.png) 2x);
}
1. Steve Jobs【1984年介绍Macintosh的演说】
斯蒂夫·乔布斯，苹果CEO，无人不知的IT教父级人物，他的演说也是超一流，他很多的演说奉为经典，尤其是在运用幻灯片演说绝对的一流，就连PPT演说大师Garr对斯蒂夫·乔布斯佩服的五体投地。看看1984年的Steve Jobs是如何进行Macintonsh介绍演说的。
http://video.google.com/videoplay?docid=8631701936876784775
ime-mode是CSS3中最新添加的属性，更准确点说，是CSS Basic User Interface Module Level 3 (CSS3 UI)规范新添加的属性，该属性可以控制文本字段的输入法编辑器的状态。IE浏览器从IE5开始就支持该属性，FireFox浏览器从FireFox3.0开始也支持该ime-mode属性。不过chrome、opera、Safari浏览器还没有开始支持该属性。
名称: ime-mode
值: auto | normal | active | inactive | disabled | inherit
初始值: auto
应用元素: text fields（文本字段）
继承性: no
下面是ime-mode各个值的说明：
auto : 默认值，不影响当前输入法编辑器的状态
normal : 输入法编辑器的状态应该是normal，这个值可以用于用户样式表来覆盖页面的设置。IE浏览器不支持该属性
active : 输入法编辑器的状态初始时是激活的；输入将一直使用该输入法直到用户切换输入法。该属性在Linux下不支持
inactive : 输入法编辑器的状态初始时是非激活状态；除非用户激活输入法
disabled : 禁用输入法编辑器；该输入法编辑器也许不会被用户激活
<html>
<head>
<title> New Document </title>
<style type="text/css">
input {ime-mode: disabled; }
</style>
</head>
<body>
<form action="" name="form1" method="post">
<input type="text" name="textfield">
</form>
</body>
</html>
上面的例子在IE5+或者FireFox3+浏览器中运行，不允许输入中文。
这个属性虽然很强大，但是在最新版的chrome、opera、safari浏览器中都不支持该属性，所以在这些浏览器中还需要通过javascript来实现当用户输入中文时无法输入到文本框中。
许多童鞋在写CSS的时候，设置中文字体常常使用中文字符，例如font-family:”黑体”，这样我们在浏览器中看到的是什么样子的呢 ？
如果不想自己写的界面在浏览器字体声明上有异常，建议在书写css样式规则的时候避免中文字符，使用Unicode编码集，对中文字符进行转码。常见的中文字符集转码如下表：
中文名
UNICODE
新细明体
\65B0\7EC6\660E\4F53
细明体
\7EC6\660E\4F53
标楷体
\6807\6977\4F53
黑体
\9ED1\4F53
宋体
\5B8B\4F53
新宋体
\65B0\5B8B\4F53
仿宋
\4EFF\5B8B
楷体
\6977\4F53
仿宋_GB2312
\4EFF\5B8B_GB2312
楷体_GB2312
\6977\4F53_GB2312
微软正黑体
\5FAE\x8F6F\6B63\9ED1\4F53
微软雅黑
\5FAE\8F6F\96C5\9ED1
如果你不知道某个中文字体的Unicode编码，可以使用通过JS如下方法进行转化：
function toUnicode (str) {return escape(str).toLocaleLowerCase().replace(/%u/gi, '\\');}
console.log(toUnicode ('微软雅黑')); // '\5fae\8f6f\96c5\9ed1'
在chrome23的开发者工具中，发现了居然可以自定义user Agent，还有可视区域尺寸，这样更方便移动开发调试啦。。
妈妈再也不用担心我的移动开发！~~~
如果你的开发环境是在远程主机上，webstorm可以提供通过ftp/ftps/sftp等方式实现远程同步开发。这样我们可以就抛弃ftp、winscp等工具，通过webstorm编辑远程文件以及部署，本文基于WebStorm5.04编写， Intellij IDEA或者PHPStorm使用方法基本相同，可参考之。并且还要感谢因特里基友群群主大猫的帮助。
1、首先我们来创建一个基于远程主机的project，点击file>new project from existing sources，打开了创建project的对话框，我们选择第四项，例如我们的远程主机通过ftp/sftp/ftps等方式传输文件，点击next。
上周在做一个焦点图小时候遇到一个IE bug。当一个绝对定位元素在没有background，没有内容，并和一个img元素重叠的情况下，不管z-index如何设置，都会位于img下方。 此bug出现于IE中，其他浏览器均正常显示。经过反复折腾以后，发现只要设置background或者添加内容就可以。但是如果你是需要一个透明的div浮在img上面，解决方案是设置background为一张不存在的图片。比如：{background:url(about:blank);}
这是一个非常酷的3D效果，基于webGL，使用three.js实现，喜欢three.js的朋友可以学习之。
webGL可以让我们在canvas上实现3D效果。而three.js是一款webGL框架，由于其易用性被广泛应用。如果你要学习webGL，抛弃那些复杂的原生接口从这款框架入手是一个不错的选择。
微软终于让IE10登录windows7了，并提供了32位和64位2个版本的下载。此版本为预览版，下面是下载链接：
http://windows.microsoft.com/zh-cn/internet-explorer/downloads/ie-10/worldwide-languages