某人的栖息地

上周我完成了chrome的markdown-preview扩展的修改，使它支持markdown文件的实时预览功能。现在可以考虑用这个功能来做一些更酷的事情，比如说，写Todo list?
开始干

首先我找到了一个叫topmarks的markdown样式文件，这个样式文件能给出一个漂亮的Todo list样式，我把它合并到了 修改后的markdown preview插件

阅读全文（436字）

之前看到有一款叫Mou的软件可以编辑markdown格式的文本内容并且实时预览，可是我比较喜欢用vim编辑器，所以就想着能不能用别的软件配合着来实现实时预览。
今天看到一个chrome的扩展叫markdown preview，它可以自动把md或markdown后缀的文本转换为html格式在chrome中查看，只是还欠缺一个自动刷新的功能。然后我看到它的源码已经放在github上，于是抓回来做了一些修改，加上了自动刷新的功能。
演示
尝试了一下在vim中编辑文件，然后在chrome中浏览，效果还不错，见下图：

阅读全文（645字）

Jquery mobile团队即将发布alpha4，这个版本主要关注两个问题：性能以及兼容性。以下是这个版本更新的主要部分
Windows Phone 7 (WP7) 支持
JQM已经支持在WP7上运行，原来对WP7原生浏览器的支持度为C，也就是说部分核心功能不可用。而alpha4对这个做了大幅改动，支持度为A-，也就是说jquery mobile所有核心功能在WP7上都能运行良好。顺带受惠的还有桌面版的ie7, 8, 9，也能取得很好的运行效果。
名称空间data- 属性

阅读全文（1292字）

yepnope.js是一个能够根据输入条件来选择性异步加载资源文件的js脚本，可以在页面上仅加载用户需要的js/css。
典型代码示例
yepnope({
test : Modernizr.geolocation,

阅读全文（1006字）

下面分别介绍在Mac, Ubuntu,Centos以及Windows下安装Node.js.
Mac
在Mac下，如果你喜欢用homebrew，那么只用一行就可以装好:
brew install node

阅读全文（1230字）

介绍一个用jquery mobile的ajax效果加载google map api，实现地图呈现的例子。
代码示例
首先是代码示例，使用iphone或android之类的手机查看，效果更佳
google map with jquery mobile

阅读全文（605字）

gmail接收pop3邮件的周期挺长的，如果邮件不是太频繁的话，差不多1小时才会刷新一次。如果你是firefox用户的话，解决办法是：

安装greasemonkey插件

阅读全文（242字）

Yahoo之前提供了公开的YUI Hosting，现在又在这个基础上进一步提供了combo handler服务。这项服务的目的是尽可能减少http请求的数目，以提高web前端的展现速度，这也是高性能网页开发的14条军规之首。
此前，如果要使用YUI Rich Text Editor，需要引用若干外部js。共计6个http请求。
<script type=”text/javascript”
src=”http://yui.yahooapis.com/2.5.2/build/yahoo-dom-event/yahoo-dom-event.js”></script>

阅读全文（226字）

使用picasa的时候，注意到它首先是显示模糊的图片，然后图片突然变得清晰，这样做有一定的好处——picasa的图片翻页是用javascript实现的，如果直接载入大图，中间势必会有个空档，用户在这中间会感觉很空虚~~
于是我花了点时间，打探它的实现方式，发觉很简单，不是用的lowsrc之类的标记，而是简单的js。
代码示例
<img id=”myImage” src=”small_144.jpg” width=”640″ />

阅读全文（350字）

Google AJAX Feed API是google提供的一个很实用的API，我经常用它来跨域获取某些rss feed并展现。但是使用前需要申请一个API KEY，然后才可以在指定网站上使用，如果有多级子域名的话，挨个申请key是一个很烦人的事情，所以也就有了下面说的冷门用法。
Google AJAX Feed API提供了针对Flash或javascript无效这两种环境的额外接口，其中一种可以支持jsonp方式调用，跨域调用feed就全靠它了。
jsonp调用代码示例
<script>

阅读全文（351字）