Espresso 升级拉！

by Bentz on December 15, 2009

Espresso，mac下强大的web开发IDE，最近升级到1.1，增加了不少新功能。

Zen Coding，透过css生成html

by Bentz on December 15, 2009

是不是觉得每天都敲同样的html代码有点麻木？ok，那就让css代我们生成优雅的代码和排版吧。让我们专心做其他更重要的事。

这就是Zen Coding所能做的。Zen Coding是一套快速编写html/css的工具，语法简单至极，实现的效果却有点惊人。利用css的书写规则来创建html，想像一下这有多便利吧，尤其是列表、小模块，这简直太棒了！

演示视频

简单的例子

1
div#content>h1+p

上面这一行的输出结果

1
2
3
4
<div id="content">
    <h1></h1>
    <p></p>
</div>

更多语法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
* E
Element name (div,

…

Data URIs for CSS Images tests

by Bentz on December 15, 2009

用Data URIs来嵌入image的好处是能减少连接数，更少的连接数意味着更快的访问速度，和更低的服务器负载。
Rob Flaherty作了一个 Data URIs for css images的测试，将一个页面做成三个版本，分别对比他们的加载情况：

  • 页面a:默认页面，1 css 1 js 31 images, 33 requests
  • 页面b:css images作data URIs嵌入到css中，3 requests
  • 页面c:css images作data URIs嵌入到另一个css中，放到页尾， 6 requests

结论：如预期般的，加载时间c<b<a，但是效果并不明显， 具体情况见这里

about lab

by Bentz on December 12, 2009

把平常捣鼓的一些小玩意放在了lab中，经常更新。
经验很大程度上就是代码量的堆砌，轮子造出来了稍微修剪下就能应用，在细节上没有必要纠缠太多，快速实现，频繁迭代，不要让时间拖累了自己。

js tips

by Bentz on December 7, 2009

超长换行的字符串
在换行的地方加\

1
2
3
4
5
6
7
var table = ‘<div class="table-form">\
<table>\
<tr>\
<td ><input type="button" value="关闭"></td>\
</tr>\
</table>\
</div>’;