Zen Coding是一个使你能快速编码结构化标记语言(如HTML)和CSS的库,即一段在你使用编辑器时,在后台运行的一段脚本(javascript).使用它,你可以大幅提高编码的效率,甚至改变你的编码习惯! 请看下边的例子:
当你输入: div#page>div.logo+ul#navigation>li*5>a
脚本将该行解释为:
<div id="page"> <div class="logo"></div> <ul id="navigation"> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> </ul> </div>
Zen Coding的一个特色是容易掌握,因为它基本参照了CSS选择器的思想,如div#name代表一个id为name的div. 而div>ul则为div中包含一个ul元素.完整的语法规则可参看本文最后给出的链接,上边有完整的列表和一个Cheat Sheet表.
阅读全文…
1.新的文本对比和同步卷动功能
新版本的EmEditor允许你方便的对比两个打开的文档.对比结果将用不同的颜色高亮显示,并且并排排列. Diff插件已经开始开始抗议.
对比完成后,二次扫描(Rescan)命令允许你再次对比修改的文档在同一个视图.同步卷动(Synchronize Scrolling)命令允许你同步的卷动参与对比的两个文档.
阅读全文…
什么是许可协议?
当你为你的产品签发许可,就是是在出让你自己的权利,不过,你仍然拥有版权和专利(如果申请了的话),许可的目的是,向使用你产品的人提供 一定的权限。
不管产品是免费向公众分发,还是出售,制定一份许可协议非常有用,否则,对于前者,你相当于放弃了自己所有的权利,任何人都没有义务表明你的原始作 者身份,对于后者,你将不得不花费比开发更多的精力用来逐个处理用户的授权问题。
阅读全文…
包括拥有富客户端以及大量的JavaScript编码等等,从用户角度而言,让页面加载得更快、对用户的操作响应得更及时,能够给用户提供更为友好的体验,这就需要开发人员应提高应用程序的执行效率,以下是关于提高程序执行效率的小技巧。
1.尽量避免使用DOM。
当需要反复使用DOM时,先将对DOM的引用存到JavaScript本地变量里再使用。使用设置innerHTML的方 法来替换document.createElement/appendChild()方 法。
阅读全文…
10个惊人的自由丰富的文本编辑器,将提升你的网站功能。我们收集了5个jQuery和5个JavaScript的编辑器,它们同时具有办公一样的功能。
在线编辑内容的时候,那些基于JavaScript的编辑器帮了我们大忙,这些所见即所得(WYSIWYG)编辑器,给我们提供了类似Office 的操作体验。如今,任何网站内容管理系统(CMS)和博客系统都需要一个这样的编辑器。
MarkitUp – jQuery
markItUp!它不是一个“全功能,乱用”的编辑器。相反,它是一个非常轻量级的,可定制的和灵活的文本编辑器,以满足发展的需要,其主要用在 CMSes、博客、论坛或网站。不是一个WYSIWYG编辑器,它是简易实用的文本编辑器。
◆快速移植和使用; 阅读全文…
◆支持键盘快捷键;
◆支持Ajax的动态预览;
◆兼容的浏览器: IE7, Safari 3.1, Firefox 2, Firefox 3. IE6 and Opera 9+ as-is;
◆许可: MIT/GPL;
◆文件: 便携,节省资源,只有 6.5Kb。
谷歌公司想留在中国么?当然想。否则,它可以彻底废掉“google.cn”的网站,它在华 的合资公司谷翔公司也大可不必再向中国政府申请ICP经营牌照。说到底,在中国法律面前,谷歌最终还是低下了傲慢的头。
不过,谷歌公司似乎并不满意。一面让代理商申请牌照,一面又让自己公司高层发博客文章,宣称 “要确保Google.cn不对搜索结果进行审查的承诺”。于是,全球网络史上从未出现过的奇怪搜索现象出现了,点击“Google.cn”就会有“我们 已移至Google.com.hk”提示,再点一下就到了“Google.com.hk”。
阅读全文…
按照CSS规范,浮动元素(floats)会被移出文档流,不会影响到块状盒子的布局而只会影响内联盒子(通常是文本)的排列。因此当其高度超出包含容器 时,其上级元素一般不会自动伸长以闭合浮动元素。但是有时我们却需要这种自动闭合行为,具体如何处理呢?
有一种做法就是在上级元素最后一个额外的标签,并令其清除浮动(clear)以撑大上级元素.这种方法浏览器兼容性好,没有什么问题,缺点就是需要额外的(而且通常是无语义的)标签。
后来又有了一种新的方式,使用 :after 伪类动态的嵌入一个用于清除浮动的元素,这种方法和上一种原理一样,不同的只是把这个额外的内容用 CSS 生成,但考虑到 IE 不支持 :after 不得不做了不少的 hack。这种方法兼容性一般,但经过各种 hack 也可以应付不同浏览器了,同时又可以保证 html 比较干净,所以用得还是比较多的。
阅读全文…
作为下一代Web开发标准,HTML 5到底能给开发者带来什么?而作为HTML 5的设计者,他们又是如何根据目前互联网的现状对其进行改进,让开发者使用起来更加的简单明了。
HTML 5的新标记
设计者们需要完成的任务是要给HTML 5开发一个更丰富的和更有含义的语义,当然可以想象这种新方案将会是很灵活和很高效的,同时与所有的现代互联网标准相适应。下面就是一些将要在HTML 5里新加入的标记.
阅读全文…
这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。这个针对不同的浏览器写不同的CSS code的过程,就叫CSS hack。
由于不同的浏览器对CSS的支持及解析结果不一样,还由于CSS中的优先级的关系。我们就可以根据这个来针对不同的浏览器来写不同的 CSS。
比如 IE6能识别下划线”_”和星号” * “,IE7能识别星号” * “,但不能识别下划线”_”,而firefox两个都不能认识。等等
书写顺序,一般是将识别能力强的浏览器的CSS写在后面。下面列举常用的CSS hack方法
阅读全文…





