多背一公斤公益活动
多背一公斤是一种旅行方式。它以一种轻松快乐的方式,让旅行者在旅途中探访乡村学校,传递爱心和知识,同时为自己的旅程增添意义。
多背一公斤由”传递—交流—分享”三个步骤组成:
传递 - 出行时多背一公斤,为乡村学校带去需要的物资。
交流 - 在学校中与孩子们共同游戏和活动,传播知识,分享快乐。
分享 - 归来后在1KG.org网站分享信息,方便更多人参与。
多背一公斤公益网站地址:http://1kg.org/
多背一公斤是一种旅行方式。它以一种轻松快乐的方式,让旅行者在旅途中探访乡村学校,传递爱心和知识,同时为自己的旅程增添意义。
多背一公斤由”传递—交流—分享”三个步骤组成:
传递 - 出行时多背一公斤,为乡村学校带去需要的物资。
交流 - 在学校中与孩子们共同游戏和活动,传播知识,分享快乐。
分享 - 归来后在1KG.org网站分享信息,方便更多人参与。
多背一公斤公益网站地址:http://1kg.org/
鼠标移到input后GOOGLE的图片会消失,鼠标移走后又显示
演示:http://wlog.com.cn/code/javascript/google-input/google-input.html
<style type="text/css">
.input{ background:url(http://wlog.com.cn/code/javascript/google-input/google_custom_search_watermark.gif) no-repeat}
input {margin:0; padding:0;}
</style>
<script type="text/javascript">
window.onload = function (){
var oInput = document.getElementById("textfield");
var bf=0
oInput.onmouseout = function(){
if (this.value==''&& bf==0)this.className='input';
}
oInput.onblur= function(){bf=0;if (this.value=='')this.className='input';}
oInput.onfocus= function(){bf=1;this.className='';}
}
</script>
<input type="text" name="textfield" id="textfield" class="input" />
web标准很重要的一点也是最烦的一点就是需要兼容各版本浏览器,随着微软IE7的推出,标准设计师需要考虑兼容IE7前面的IE5/IE5.5/IE6 版本,之前一直没有找到好的方法,最近终于找到IE版本合集软件包Multiple_IE。严重推荐给大家,大家升级到IE7后也可方便测试网页的兼容性。
官方网站:http://tredosoft.com/Multiple_IE
官方下载:http://tredosoft.com/files/multi-ie/multiple-ie-setup.exe
Multiple IE(支持 XP下IE3 到IE6多版本共存) 相信很多朋友都用过,但其不支持 Vista,最大的问题是该软件已经很久未更新,集成的 IE 版本都过老,不适应现在浏览器测试的需求。
IETester 支持 Vista 和 XP 下IE8 beta 1, IE7,IE 6 和IE5.5 版本共存。
最新版本:v0.2.1 下载 中文包 (加入Languages 文件夹,默认在 C:Program FilesCore ServicesIETester )
最小需求:Windows Vista 或者 Windows XP 安装 IE7 版本( 如果安装的 IE6 版本 ,则Windows XP 下的 IE6 有一些小问题,并且在这个配置下 IE7/IE8 版本不能运行 )
不过任何软件都有不完美之处——
IETester 目前已知的问题有:
1. 当窗口大小改变的时候,页面内容可能会消失(作者改进中);
2. 上一页/下一页功能不正常;
3. Focus功能不正常;
4. Java apple不能运行;
5. Flash不能在IE6下正常运行。
官方网址:http://www.my-debugbar.com/wiki/IETester/HomePage
下载地址:>http://www.my-debugbar.com/ietester/install-ietester-v0.3.exe
CSS的简单在于它易学,CSS的困难在于寻找更好的解决方案。在CSS的世界里,似乎没有完美这种说法。所以,现在介绍的CSS绝对底部,只是目前个人见过的方案中比较完美的吧。
先说我们为什么会使用到这个CSS底部布局解决方案:
当做一个页面时,如果页面内容很少,不足于填充一屏的窗口区域,按普通的布局,就会出现下面图片中的样子(也就是底部内容并没有位于窗口的底部,而留下了大量空白。
对于追未完美的设计师来说,这是不美观的。网上有一些解决方案,但会出现当改变窗口高度时,底部和正文重叠的BUG。尽管没有多少人会有事没事儿的去改变窗口高度,但设计嘛,追求的就是尽善尽美。
一、密码长度:
二、字母:
三、数字:
四、符号:
五、奖励:
最后的评分标准:
| 1. 尽可能的减少 HTTP 的请求数 | [content] |
| 2. 使用 CDN(Content Delivery Network) | [server] |
| 3. 添加 Expires 头(或者 Cache-control ) | [server] |
| 4. Gzip 组件 | [server] |
| 5. 将 CSS 样式放在页面的上方 | [css] |
| 6. 将脚本移动到底部(包括内联的) | [javascript] |
| 7. 避免使用 CSS 中的 Expressions | [css] |
| 8. 将 JavaScript 和 CSS 独立成外部文件 | [javascript] [css] |
| 9. 减少 DNS 查询 | [content] |
| 10. 压缩 JavaScript 和 CSS (包括内联的) | [javascript] [css] |
| 11. 避免重定向 | [server] |
| 12. 移除重复的脚本 | [javascript] |
| 13. 配置实体标签(ETags) | [css] |
| 14. 使 AJAX 缓存 | [content] |
详细请看:Best Practices for Speeding Up Your Web Site
如果具体想看下你网站在这14条规则下的表现,可以用 Yahoo 开发的 YSlow 工具(Firefox 下 FireBug 的插件)。
-----------------
最近 Yahoo! Exceptional Performance 在 《优化网站性能的 14 条规则》的基础上又增加了 20 条新的规则。
| 1. 尽早清除缓冲区 | [server] |
| 2. AJAX 请求使用“GET”方法 | [server] |
| 3. 延迟加载组件 | [content] |
| 4. 预加载组件 | [content] |
| 5. 减少 DOM 元素的数量 | [content] |
| 6. 跨域分离组件 | [content] |
| 7. 减少 iframes 的数量 | [content] |
| 8. 不出现 404 | [content] |
| 9. 减小 cookie 的体积 | [cookie] |
| 10. 为组件使用 cookie-free 的域名 | [cookie] |
| 11.减少访问 DOM 的次数 | [javascript] |
| 12. 开发巧妙的事件处理程序 | [javascript] |
| 13. 优先选择使用 <link> 而非 @import | [css] |
| 14. 避免使用 filters | [css] |
| 15. 优化图片 | [images] |
| 16. 优化 CSS sprites | [images] |
| 17. 不要在 HTML 中缩放图片 | [images] |
| 18. 减小 favicon.ico 的体积并缓存 | [images] |
| 19. 保持组件在 25K 以下 | [mobile] |
| 20. 将组件分拆到多个文档中 | [mobile] |
更详细具体的介绍内容可看 Stoyan Stefanov 的 PPT:《High Performance Web Pages》
一. HTTP压缩概述
HTTP压缩是在Web服务器和浏览器间传输压缩文本内容的方法。HTTP压缩采用通用的压缩算法如gzip等压缩HTML、JavaScript或CSS文件。压缩的最大好处就是降低了网络传输的数据量,从而提高客户端浏览器的访问速度。当然,同时也会增加一点点服务器的负担。Gzip是比较常见的一种HTTP压缩算法。
本文介绍的HTTP压缩方式,采用的是Windows系统设置的方式,优点是效率较高。
二. HTTP压缩工作原理
Web服务器处理HTTP压缩的工作原理如下:
Web服务器接收到浏览器的HTTP请求后,检查浏览器是否支持HTTP压缩;
如果浏览器支持HTTP压缩,Web服务器检查请求文件的后缀名;
如果请求文件是HTML、CSS等静态文件,Web服务器到压缩缓冲目录中检查是否已经存在请求文件的最新压缩文件;
如果请求文件的压缩文件不存在,Web服务器向浏览器返回未压缩的请求文件,并在压缩缓冲目录中存放请求文件的压缩文件;
如果请求文件的最新压缩文件已经存在,则直接返回请求文件的压缩文件;
如果请求文件是ASPX等动态文件,Web服务器动态压缩内容并返回浏览器,压缩内容不存放到压缩缓存目录中。
三. IIS 6.0中配置HTTP Gzip压缩的步骤:
1) 打开Internet信息服务(IIS)管理器,右击”网站”->”属性”,选择”服务”。在”HTTP压缩”框中选中”压缩应用程序文件”和”压缩静态文件”,按需要设置”临时目录”和”临时目录的最大限制”;
2) 在Internet信息服务(IIS)管理器,右击”Web服务扩展”->”增加一个新的Web服务扩展…”,在”新建Web服务扩展”框中输入扩展名”HTTPCompression”,添加”要求的文件”为C:\WINDOWS\system32\inetsrv\gzip.dll,其中Windows系统目录根据您的安装可能有所不同,选中”设置扩展状态为允许”;
3) 使用文本编辑器打开C:\Windows\System32\inetsrv\MetaBase.xml(建议先备份),找到Location =”/LM/W3SVC/Filters/Compression/gzip”,如果需要压缩动态文件,则将HcDoDynamicCompression设置为”TRUE”,并在HcScriptFileExtensions中增加您要压缩的动态文件后缀名,如aspx;如果需要压缩静态文件,则将HcDoStaticCompression和HcDoOnDemandCompression设置为”TRUE”,并在HcFileExtensions中增加您需要压缩的静态文件后缀名,如xml、css等;HcDynamicCompressionLevel和HcOnDemandCompLevel表示需要的压缩率,数字越小压缩率越低;
4) 编辑完毕后保存MetaBase.xml文件;如果文件无法保存,则可能IIS正在使用该文件。打开”开始”->”管理工具”->”服务”,停止”IIS Admin Service”后,即可保存;
5) 最后,重新启动IIS。可以到HTTP压缩测试网站验证结果。