-
前端开发调试利器：IETester
话说搞前端开发的，每天都要被那些不同内核的浏览器折腾得死去活来的，除去使用同一WebKit内核的Safari和Chrome，还有使用Gecko内核的Firefox，最要命的是微软的Internet Explorer系列浏览器，在市场上同时存在三个不同年代的版本，每个版本对WEB标准的支持都各有不同，这简直是要了开发人员的命。
从前年开始微软就说要强制升级用户电脑中的IE6到IE7，结果事实证明这只是个不是愚人节的愚人玩笑而已，直到今天IE6仍在用户桌面浏览器的份额中领先着。
而最为让开发人员头痛的是，一台电脑默认情况下只能装一个版本的IE，所以开发时即使要调试IE浏览器也只能是通过安装绿色版或是其他模拟IE的软件去进行调试，但由于这些软件并不是原生的IE浏览器，所以有些时候开发人员不得不面临在软件里调试正常的页面到了原生的IE下又出现问题的尴尬局面。
IETester则是个很优秀的IE调试软件，可调试的IE版本从IE5.5到IE8，基本上完全覆盖了市面上所存在的IE版本，当然如果还有比IE5.5更老的IE版本的话，那就直接抛弃外加鄙视他吧。
6 条评论 -
网页优化之CSS Sprites
对于访问者来说，网站的页面能够即时的呈现出来，无疑是让人感到很愉快的一件事；而相反的是如果网页打开速度很慢的话，无疑这个网站将损失很多的用户。据许多研究表明：用户最满意的打开网页时间，是在2秒以下；用户能够忍受的最长等待时间的中位数，在6～8秒之间；如果等待12秒以后，网页还是没有载入，那么99%以上的用户会关闭这个网页，不再等待。
网页的呈现速度直接影响到网站的用户访问数量，所以网站优化是网站建设中必不可少的步骤。虽然网页加载过程中的大部分时间是耗在图片及FLASH等元素的加载上，但很多时候，这些图片或是FLASH等元素是网站的建设者很难控制的，所以大部分的网站优化还是从网站的代码优化着手。
减少HTTP请求数则是代码优化中很基础也很重要的一个环节，而一个网页中的所使用到的图片（诸如小图标之类的）往往占有很大部分的HTTP请求，所以将这些图片合并成一张大的背景图时，不但可以减少图片整体的大小外，最重要的还是可以减少HTTP请求数。
-
Flash的层叠顺序问题(z-index)
很多人在写页面代码时都会遇到过这样一个问题，那就是当Flash与页面中的其它HTML结构有重叠的时候，默认情况下Flash总是显示在最上面，从而遮挡住了与它有重叠部分的HTML结构，就算为该Flash或是HTML结构标签定义z-index属性却依然是无效的。
因为默认情况下在网页中添加的Flash在浏览器中是以窗口模式存在的，是独立于浏览器的HTML结构渲染的，所以这种情况下的Flash会遮盖住与它重叠的HTML。
比如这个页面：Flash的层叠顺序（z-index）
在Adobe Flash的发布设置里关于HTML的设置有一项是“窗口模式”，这里面提供了三个选项，分别是：窗口(window)、不透明无窗口(opaque)、透明无窗口(transparent)。
-
解读HTML：关于Profile的只言片语
制作出一个页面其实是很简单的事，但是制作出一个好的页面却是一件挺困难的事，要使一个页面最终能很好的呈现出来，包括在许多未知的环境下都能很好的呈现，这即是一件更困难的事情。在一份基于Web标准的HTML文档中，需要声明很多的规则，比如DOCTYPE声明、xmlns声明等，只有做出了这些声明，网页文档才能更好的在不同的浏览器中最大程度的呈现出一样的效果。
在使用Wordpress程序搭建的博客（其它程序搭建的博客也可能有）的页面代码里会有一句这样的代码：
<head profile=”http://gmpg.org/xfn/11″>
而当我们在博客的后台添加友情链接时如果标注一下链接关系的话，就能得到这样的代码：
<a href=”http://www.etcis.com/” rel=”friend” target=”_blank”>阿猎的SEO博客</a>
-
解读HTML：命名空间与字符编码
在做项目的过程中，我们经常会建立各种各样的规范，以方便团队之间更好的合作更好的完成项目；同样我们也经常会听到各种各样的协议，比如Google的IM软件Gtalk使用的开放的XMPP协议，只要其他IM软件也遵循XMPP协议就能与Gtalk使用互通；而互联网上的信息无以计数，这些信息本身是独立存在的，如何将其串联并呈现在用户眼前，就需要使用到HTTP协议。
同样的道理，因为浏览器们各自的内核不同，对于默认样式的渲染也不尽相同，所以就需要一份各浏览器都遵循的规则来保证同一个网页文档在不同浏览器上呈现出来的样式是一致的，这个规则就是DOCTYPE声明。
因为互联网是互通的，所以任意的两个或者以上的网页文档都可能会涉及到数据交换，而因为XML语言是允许用户自定义标签的，所以任意两个交换的文档就可能会出现相同的标签，从而导致相同标签的冲突，所以就需要一个命名空间以区分开交换文档中可能存在的相同标签。
-
解读HTML：WEB标准从头开始
在较早之前的网页上，我们经常可以看到如下的网页结构代码：
<html>
<head>
<title>这是一个网页</title>
<meta name=”…” content=”…” />
……
</head>
<body>
……
</body>
</html>
