月度归档： 2010年6月

给Media Temple (gs)开启Gzip

昨天mg12有提起给CSS和JS开启gzip压缩，一时手贱自己也给搞搞。而Media Temple Hosting’s Grid Service (gs)是没有mod_gzip的，不过有另外一个称作“deflate”的压缩技术。开启它很简单，给.htaccess里添加下面的代码：

# Compression
AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/javascript text/css application/x-javascript

然后试试，新的访问会压缩CSS和JS了。
这有个工具可以检测网站是否支持GZIP压缩，输入所要检测的URL，他会告诉你是否支持GZIP，以及使用GZIP的压缩率。
http://www.whatsmyip.org/http_compression/
效果特显著。
-EOF-

HTML5之自动聚焦域

在要自动获得焦点的表单域上放置autofocus属性即可，比如：

1
2
3
4

<form>
  <input name="q" autofocus>
  <input type="submit" value="Search">
</form>

如果需要向下兼容一些老式浏览器，让他们也可以获得焦点，下面的代码比较实用：

1
2
3
4
5
6
7
8
9

<form name="f">
  <input id="q" autofocus>
  <script>
    if (!("autofocus" in document.createElement("input"))) {
      document.getElementById("q").focus();
    }
  </script>
  <input type="submit" value="Go">
</form>

-EOF-

HTML5之占位符文本

HTML5中的占位符文本就是平时我们用JS做的鼠标悬停说明（input hint）。使用起来也很简单，完全向下兼容。下面的代码是一个使用示例：

<form>
  <input name="q" placeholder="Search Bookmarks and History">
  <input type="submit" value="Search">
</form>

给input加上placeholder属性即可。HTML5中该属性值只能填写文本。点击这里查看你的浏览器是否支持占位符文本。
目前支持占位符文本（Placeholder Text）的有Firefox3.7+、Safari4.0+、Chrome4.0+。
-EOF-

VS2010 Professional Edition中文版

Visual Studio 2010 Professional Edition中文版已经可以在DreamSpark下载。
另外VS2010 Express中文版也已经发布至MSDN，可以前往http://msdn.microsoft.com/zh-cn/vstudio/default.aspx查看具体信息。
VS2010 Express中文版正式下载链接（ISO包括C#、VB、VC++和VWD.）
http://download.microsoft.com/download/5/C/1/5C156922-CA10-49D8-B7E7-9BF092C3B6EB/VS2010ExpressCHS.iso

-EOF-

畅游 HTML5 （DIVE INTO HTML5 中文版）


从年后开始一直都在说要翻译这本书，的确是在断断续续的翻译，但总是没时间校对，拖了很久。这个端午假期搞好了第零章，先放出来，第一二章已经翻译好等待校对。就像作者一样，翻译这本书每完成一个章节便放出来，整本书预计今年九月翻译完成。由于这是我的第一次翻译，错误难免，还请发现问题的朋友多多指教。
以下是译文存放地址，欢迎评阅：
DIVE INTO HTML5 中文版 http://lib.closetou.com/diveintohtml5/
-EOF-