摘要：
Reroute Email模块可以帮助你进行邮件发送的测试。 This module intercepts all outgoing emails from a Drupal site and reroutes them to a predefined configurable email address. This is useful in case where you do not want email sent from a Drupal site to reach the users. For example, if you copy a live site to a te... 阅读全文
posted @ 2011-12-23 14:02
ChaunceyHao
阅读(223)
评论(0)
推荐(0)
摘要：
table的cellpadding和cellpadding我们经常会用如下的方式来清除默认样式： Example Source Code [www.52css.com] <tablecellspacing="0"cellpadding="0"></table> 很多朋友会说表现在结构中，这样不符合标准，那如何将这个表现拿出来，有些朋友或许很迷惑。我们可以用table的border- collapse:collapse;属性来代替cellspacing="0"，用th,td的padding:0;属性来代替 cel 阅读全文
posted @ 2011-12-23 13:59
ChaunceyHao
阅读(1303)
评论(0)
推荐(0)
摘要：
边界叠加是一个相当简单的概念。但是，在实践中对网页进行布局时，它会造成许多混淆。简单地说，当两个垂直边界相遇时，它们将形成一个边界。这个边界的高度等于两个发生叠加的边界的高度中的较大者。 当一个元素出现在另一个元素上面时，第一个元素的底边界与第二个元素的顶边界发生叠加，见图： 元素的顶边界与前面元素的底边界发生叠加 当一个元素包含在另一个元素中时（假设没有填充或边框将边界分隔开），它们的顶和/或底边界也发生叠加，见图： 元素的顶边界与父元素的顶边界发生叠加 尽管初看上去有点儿奇怪，但是边界甚至可以与本身发生叠加。假设有一个空元素，它有边界，但是没有边框或填充。在这种情况下，顶边界与底边界... 阅读全文
posted @ 2011-12-23 13:58
ChaunceyHao
阅读(382)
评论(0)
推荐(0)
摘要：
在Flash IDE里编译使用了robotleges的项目，运行时总是报null（无法访问空对象⋯⋯）的错误。以前一直都只在FDT里编译就没这种问题，我纳闷地 把DocumentClass用FDT编译了一下，居然没任何问题。仅仅是在Flash IDE里编译就会运行时报错。分析原因可能是注入失败，因为报错的都是Inject的变量。 最终原因是Flash编译时候忽略了[Inject]这个Metadata导致的。 解决方法 方法1：只要把发布设置里的“发布SWC”打钩，就可以强制Flash编译器让所有Metadata生效。 方法2：增加编译器参数 -keep-as3-metadata+=I... 阅读全文
posted @ 2011-12-23 10:49
ChaunceyHao
阅读(204)
评论(0)
推荐(0)
摘要：
Known Issues with Adobe products on Mac OS 10.7 Lion : http://kb2.adobe.com/cps/905/cpsid_90508.html 我用的CS5.5，影响不大，主要是FlashPlayer的问题稍微严重点：硬件加速，硬件鼠标动画等等。期待Adobe早打补丁，另外期待Adobe加入对Versions的支持。 苹果真难伺候 我看Adobe的这个文档 感觉就像是看一个小姑娘被欺负了似的。 另外，没了Rosetta，魔兽争霸3、星际争霸1、模拟城市4什么的都成为历史了。 阅读全文
posted @ 2011-12-23 10:48
ChaunceyHao
阅读(133)
评论(0)
推荐(0)
摘要：
W3C提供了一个文本的TextRectangle 对象，这个对象是对文本区域的一个解释。这里的文本区域只针对inline 元素，比如：a, span, em这类标签元素，例如这样的一个页面表现： id为temp中有个span元素，那么我们可以通过getClientRects方法取得这样3个TextRectangle对象（红框）： TextRectangle的组成为键值对，主要有包括： { top : (number) bottom: (number) left: (number) right: (number) width: (number) height: (number) } 查看de.. 阅读全文
posted @ 2011-12-23 10:47
ChaunceyHao
阅读(484)
评论(0)
推荐(0)
摘要：
关于工具： 实现各个浏览器中具备良好的透明特性的效果，IE中使用私有滤镜filter，高端浏览器使用CSS3中的rgba属性。 输入十六进制的颜色值以及透明度，自动在IE的过渡滤镜以及CSS3中的rgba属性之间进行十六进制与十进制的换算。 说明： 1.样式名选项，例如：.rgba，填样式名选项后会自动导出IE9的兼容方案，不填样式名直接输出样式属性，请自己写IE9的hack 单独把 IE9 的 filter 变成透明度为 0 即可。高级浏览器大部分支持 :root 伪类，但不支持 filter 属性，而 IE 只有 IE9 支持，所以我们可以这样写。代码如下： :root .rgba{fi. 阅读全文
posted @ 2011-12-23 10:46
ChaunceyHao
阅读(298)
评论(0)
推荐(0)
摘要：
jQuery doTimeout插件是延迟执行代码的插件，主要包括延迟，阻止重复执行，支持jQuery的链式调用。 插件主页：http://benalman.com/projects/jquery-dotimeout-plugin/ 照着写了几个例子：http://www.css88.com/demo/dotimeout/ 阅读全文
posted @ 2011-12-23 10:46
ChaunceyHao
阅读(295)
评论(0)
推荐(0)
摘要：
今天在做页面的时候无意中发现静态页面中小图标和文本对的很齐的，在线上的页面却小图标和文本没有对齐。同事啄木鸟找出的原因是静态页面和线上的页 面的htmlDOCTYPE不一样，静态页面为html5，线上的页面xhtml 1.0；一直以为xhtml和html5表现上是一样的，只是DOCTYPE不一样！ 经过同事啄木鸟多番测试终于找出了差异的问题所在，那就是行内元素的vertical-align:middle样式。详细看demo1 (DOCTYPE为HTML 5)和demo2 (DOCTYPE为XHTML 1.0)。 注： 以上demo只测试了firefox 7和chrome，ie各个版本没有测试. 阅读全文
posted @ 2011-12-23 10:45
ChaunceyHao
阅读(181)
评论(0)
推荐(0)
摘要：
jQuery的animate方法对颜色无法做动画效果，例如有个test元素： 1<div id="test" style="border: 3px solid #CDCDCD; width: 500px; height: 500px; background-color: #FFFFFF"> 测试元素</div> 我们写一行这样的代码： 1$("#test").animate({"backgroundColor":"#FF3300","height":2 阅读全文
posted @ 2011-12-23 10:05
ChaunceyHao
阅读(903)
评论(0)
推荐(0)
摘要：
江湖横出一道概念新颖的浏览器-Raven. 我能感受到的第一体验是: 1.内置了app,各种主流的社会化服务,如G+,Twitter,Instapaper,Hulu等等.这些应用被放置在软件的左侧边栏处. 2.正常浏览状态下可以进行的操作有–刷新,添加新标签页,读取收藏夹,添加为星号(收藏),切换mobile浏览界面—在右上方的工具栏处调用. 3.添加为星号的功能分 Favorite和Bookmark.其中前者服务于日常应用中,后者对地址栏输入时的建议产生作用. 4.调用被添加星号的网页时可采取Text Only模式—即readability. 5.Raven内置的是Safari浏览器的功.. 阅读全文
posted @ 2011-12-23 09:59
ChaunceyHao
阅读(199)
评论(0)
推荐(0)
摘要：
1. 新的Doctype 尽管使用<!DOCTYPE html>，即使浏览器不懂这句话也会按照标准模式去渲染 2. Figure元素 用<figure>和<figcaption>来语义化地表示带标题的图片 <figure> <img src="path/to/image" alt="About image" /> <figcaption> <p>This is an image of something interesting. </p> </figca 阅读全文
posted @ 2011-12-23 09:50
ChaunceyHao
阅读(178)
评论(0)
推荐(0)
摘要：
animate.css 是提供炫酷，有趣，跨浏览器css3动画的网站，你可以在高级项目中使用这些效果，为高级浏览器用户提供更好的交互体验。动画效果包括强调突出，滑块，淡 入淡出，放大缩小等等。你也可以结合jQuery一起使用，例如$(‘.bouncy’).addClass(‘bounceInDown’); 项目主页：http://daneden.me/animate/git地址：https://github.com/daneden/animate.css 阅读全文
posted @ 2011-12-23 09:47
ChaunceyHao
阅读(291)
评论(0)
推荐(0)
摘要：
Underscore一个非常实用的JavaScript库，提供许多编程功能的支持，就像你期望Prototype.js(或者Ruby), 有这些功能且不扩展任何JavaScript的原生对象。有函数式编程的风格，还支持链式调用。主要涉及对Collection、Object、Array、Function的操作，还有一些实用方法。可以说是写JavaScript程序的必用类库。 Underscore.js Version (1.2.3) 中文文档：http://www.css88.com/doc/underscore/ 注：Collections和Functions翻译来自http://wangjia 阅读全文
posted @ 2011-12-23 09:45
ChaunceyHao
阅读(3216)
评论(0)
推荐(0)
摘要：
jQuery 本身的动画只有停止的功能，一但停止(stop)后就无法自动接着做未做完的动画内容。 因此Pause插件扩充了animate() 的功能，让它可以支持暂停(pause)及恢复(resume)动画。 这个插件覆盖jQuery的默认的animate()方法，任何加载了这个插件的动画都将支持Pause暂停。两个新的不带任何参数的方法被添加到每一个jQuery对象：pause()和resume()。 例如： $box.hover(function() { $box.pause(); }, function() { $box.resume(); }); demo演示地址：http://tob 阅读全文
posted @ 2011-12-23 09:43
ChaunceyHao
阅读(701)
评论(0)
推荐(0)
摘要：
SeaJS 是由玉伯开发的一个遵循 CommonJS 规范的模块加载框架，可用来轻松愉悦地加载任意 JavaScript 模块和css模块样式。SeaJS非常小巧，小巧在于压缩和gzip后体积只有4K,而且接口和方法也非常少，SeaJS 就两个核心：模块定义和 模块的加载及依赖关系。SeaJS非常强大，SeaJS可以加载任意 JavaScript 模块和css模块样式，SeaJS会保证你在使用一个模块时,已经将所依赖的其他模块载入到脚本运行环境中。玉伯的说法，SeaJS可以让你享受写代码的 乐趣，不用去管那些加载的问题。你是否厌倦了如此多的js和css引用,我数了一下我们公司网站的个人主... 阅读全文
posted @ 2011-12-23 09:43
ChaunceyHao
阅读(470)
评论(0)
推荐(0)
摘要：
向大家推荐丸子开发的Chrome扩展：Run Selected HTML 这个扩展对于平常爱学习的同学还是比较有用的，至少我是这样感觉的哈哈，安装完扩展后，当你在阅读一些前端技术博客的时候，就可以选中页面上的html代码，然后右键点“Run Selected Code”就可以查看代码效果啦。 01< !DOCTYPE html>02<html>03<head>04<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />05&l 阅读全文
posted @ 2011-12-23 09:34
ChaunceyHao
阅读(207)
评论(0)
推荐(0)
摘要：
每次在写脚本的时候拼装字符串是个头痛的事情，主要是双引号，单引号，还有一堆变量，一不小心就搞错了，而且可读性非常差。这里推荐一个小工具：http://www.html-js.com/my-js/version0.0.1/tool/html2string.html这个工具可以将复杂的字符串转换成js的字符串。至少解决的了手动拼装的的问题，但是变量的话还是非常难受。比如一个列表： 《愚人码头》 – 熊天平《富士山下》 -陈奕迅《假如》 – 信乐团… 通常如果是异步的请求，后端一般返回回来的是一个json： 1[2{"song":"愚人码头","so 阅读全文
posted @ 2011-12-23 09:33
ChaunceyHao
阅读(242)
评论(0)
推荐(0)
摘要：
首先您可以看一下《JavaScript本地存储实践（html5的localStorage和ie的userData）》 sessionStorage和上文中提到的localStorage非常相识，方法也几乎一样： 非常通俗易懂的接口: sessionStorage.getItem(key):获取指定key本地存储的值sessionStorage.setItem(key,value)：将value存储到key字段sessionStorage.removeItem(key):删除指定key本地存储的值sessionStorage.length是sessionStorage的项目数 直接上demo：h 阅读全文
posted @ 2011-12-23 09:32
ChaunceyHao
阅读(11287)
评论(0)
推荐(2)
摘要：
本地存储解决方案很多，比如Flash SharedObject、Google Gears、Cookie、DOM Storage、User Data、window.name、Silverlight、Open Database等。 借用网上的一张图来看下目前主流的本地存储方案： Cookie： 在web中得到广泛应用，但局限性非常明显，容量太小，有些站点会因为出于安全的考虑而禁用cookie，cookie没有想象中的那么安全，Cookie 的内容会随着页面请求一并发往服务器。Flash SharedObject： 使用的是kissy的 store模块来调用Flash SharedObject。F. 阅读全文
posted @ 2011-12-23 09:28
ChaunceyHao
阅读(557)
评论(0)
推荐(0)
浙公网安备 33010602011771号