雷人的“五星大旅社”

2010-07-30 分类: 网站建设 浏览: 121 次 评论: 0

一所简简单单的客房,配上各色人物具有代表性的瞬间,演绎出社会百态,请欣赏:

1.办证版

五星大旅社

阅读全文…

快速编码 – Zen Coding 在EmEditor上的实现

2010-07-10 分类: JavaScript 浏览: 1124 次 评论: 0

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表.

阅读全文…

EmEditor Professinal 10 的十大新增功能

2010-07-9 分类: 网站建设 浏览: 1372 次 评论: 0

1.新的文本对比同步卷动功能

新版本的EmEditor允许你方便的对比两个打开的文档.对比结果将用不同的颜色高亮显示,并且并排排列. Diff插件已经开始开始抗议.

对比完成后,二次扫描(Rescan)命令允许你再次对比修改的文档在同一个视图.同步卷动(Synchronize Scrolling)命令允许你同步的卷动参与对比的两个文档.

阅读全文…

开源界的5大开源许可协议

2010-07-8 分类: wordpress 浏览: 147 次 评论: 0
越来越多的开发者与设计者希望将自己的产品开源,以便其他人可以在他们的代码基础上做更多事,开源社区也因此充满生机。在我们所能想到的应用领域,都有开源软件存在(如 WordPress,Drupal 这些开源CMS)。然而很多人对开源许可并不了解,本文介绍开源领域常用的几种许可协议以及它们之间的区别。

什么是许可协议?

当你为你的产品签发许可,就是是在出让你自己的权利,不过,你仍然拥有版权和专利(如果申请了的话),许可的目的是,向使用你产品的人提供 一定的权限

不管产品是免费向公众分发,还是出售,制定一份许可协议非常有用,否则,对于前者,你相当于放弃了自己所有的权利,任何人都没有义务表明你的原始作 者身份,对于后者,你将不得不花费比开发更多的精力用来逐个处理用户的授权问题。

阅读全文…

提高Web程序执行效率 – 一些技巧

2010-07-8 分类: CSS 浏览: 157 次 评论: 0
目前的Web应用程序都趋于复杂化,从用户的角度而言,如何提高用户操作的响应速度,加快程序的执行效率,是Web开发人员应考虑的问题。

包括拥有富客户端以及大量的JavaScript编码等等,从用户角度而言,让页面加载得更快、对用户的操作响应得更及时,能够给用户提供更为友好的体验,这就需要开发人员应提高应用程序的执行效率,以下是关于提高程序执行效率的小技巧。

1.尽量避免使用DOM。

当需要反复使用DOM时,先将对DOM的引用存到JavaScript本地变量里再使用。使用设置innerHTML的方 法来替换document.createElement/appendChild()方 法。

阅读全文…

10个自由丰富的jQuery或JavaScript编辑器

2010-07-6 分类: JavaScript 浏览: 199 次 评论: 0

10个惊人的自由丰富的文本编辑器,将提升你的网站功能。我们收集了5个jQuery和5个JavaScript的编辑器,它们同时具有办公一样的功能。

在线编辑内容的时候,那些基于JavaScript的编辑器帮了我们大忙,这些所见即所得(WYSIWYG)编辑器,给我们提供了类似Office 的操作体验。如今,任何网站内容管理系统(CMS)和博客系统都需要一个这样的编辑器。

MarkitUp – jQuery

MarkitUp

markItUp!它不是一个“全功能,乱用”的编辑器。相反,它是一个非常轻量级的,可定制的和灵活的文本编辑器,以满足发展的需要,其主要用在 CMSes、博客、论坛或网站。不是一个WYSIWYG编辑器,它是简易实用的文本编辑器。

◆快速移植和使用;
◆支持键盘快捷键;
◆支持Ajax的动态预览;
◆兼容的浏览器: IE7, Safari 3.1, Firefox 2, Firefox 3. IE6 and Opera 9+ as-is;
◆许可: MIT/GPL;
◆文件: 便携,节省资源,只有 6.5Kb。

阅读全文…

谷歌向中国法律低头 网民对其已不耐烦(转)

2010-07-2 分类: 看社会 浏览: 172 次 评论: 1

谷歌公司想留在中国么?当然想。否则,它可以彻底废掉“google.cn”的网站,它在华 的合资公司谷翔公司也大可不必再向中国政府申请ICP经营牌照。说到底,在中国法律面前,谷歌最终还是低下了傲慢的头。

不过,谷歌公司似乎并不满意。一面让代理商申请牌照,一面又让自己公司高层发博客文章,宣称 “要确保Google.cn不对搜索结果进行审查的承诺”。于是,全球网络史上从未出现过的奇怪搜索现象出现了,点击“Google.cn”就会有“我们 已移至Google.com.hk”提示,再点一下就到了“Google.com.hk”。

阅读全文…

CSS中如何闭合浮动元素?

2010-07-2 分类: CSS 浏览: 165 次 评论: 0

按照CSS规范,浮动元素(floats)会被移出文档流,不会影响到块状盒子的布局而只会影响内联盒子(通常是文本)的排列。因此当其高度超出包含容器 时,其上级元素一般不会自动伸长以闭合浮动元素。但是有时我们却需要这种自动闭合行为,具体如何处理呢?

有一种做法就是在上级元素最后一个额外的标签,并令其清除浮动(clear)以撑大上级元素.这种方法浏览器兼容性好,没有什么问题,缺点就是需要额外的(而且通常是无语义的)标签。

后来又有了一种新的方式,使用 :after 伪类动态的嵌入一个用于清除浮动的元素,这种方法和上一种原理一样,不同的只是把这个额外的内容用 CSS 生成,但考虑到 IE 不支持 :after 不得不做了不少的 hack。这种方法兼容性一般,但经过各种 hack 也可以应付不同浏览器了,同时又可以保证 html 比较干净,所以用得还是比较多的。

阅读全文…

解读HTML 5新语法 提高语义价值

2010-07-2 分类: 网站建设 浏览: 159 次 评论: 0

作为下一代Web开发标准,HTML 5到底能给开发者带来什么?而作为HTML 5的设计者,他们又是如何根据目前互联网的现状对其进行改进,让开发者使用起来更加的简单明了。

HTML 5的新标记

设计者们需要完成的任务是要给HTML 5开发一个更丰富的和更有含义的语义,当然可以想象这种新方案将会是很灵活和很高效的,同时与所有的现代互联网标准相适应。下面就是一些将要在HTML 5里新加入的标记.

阅读全文…

CSS Hack的一些书写规则总结

2010-07-2 分类: CSS 浏览: 177 次 评论: 0
不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。这里我们就需要注意CSS书写技巧了。

这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。这个针对不同的浏览器写不同的CSS code的过程,就叫CSS hack。

由于不同的浏览器对CSS的支持及解析结果不一样,还由于CSS中的优先级的关系。我们就可以根据这个来针对不同的浏览器来写不同的 CSS。

比如 IE6能识别下划线”_”和星号” * “,IE7能识别星号” * “,但不能识别下划线”_”,而firefox两个都不能认识。等等

书写顺序,一般是将识别能力强的浏览器的CSS写在后面。下面列举常用的CSS hack方法

阅读全文…