islighting

Archive for 12月, 2009

Espresso 升级拉!

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

Continue Reading...

Zen Coding,透过css生成html

是不是觉得每天都敲同样的html代码有点麻木?ok,那就让css代我们生成优雅的代码和排版吧。让我们专心做其他更重要的事。 这就是Zen Coding所能做的。Zen Coding是一套快速编写html/css的工具,语法简单至极,实现的效果却有点惊人。利用css的书写规则来创建html,想像一下这有多便利吧,尤其是列表、小模块,这简直太棒了! 演示视频 简单的例子 1div#content>h1+p 上面这一行的输出结果 1234<div id="content">     <h1></h1>     <p></p> </div> 更多语法 1234567891011121314* E Element name (div, p); * E#id Element with identifier (div#content, p#intro, span#error); * E.class Element with classes (div.header, p.error.critial). You can combine classes and IDs, too: div#content.column.width; * E&gt;N Child element (div&gt;p, div#footer&gt;p&gt;span); * E+N [...]

Continue Reading...

Data URIs for CSS Images tests

用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,但是效果并不明显, 具体情况见这里

Continue Reading...

about lab

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

Continue Reading...

js tips

超长换行的字符串 在换行的地方加\ 1234567var table = ‘<div class="table-form">\ <table>\ <tr>\ <td ><input type="button" value="关闭"></td>\ </tr>\ </table>\ </div>’;

Continue Reading...