转一篇被GFW了的文章，原文地址在Blogspot.主要是和渐进式jpg,交错式GIF等等有关，最近刚好看到相关的东西，值得研究一下。交错式GIF的例子可以看看http://www.qiannei.com的那张图。另外，最好是使用IrfanView查看图片信息，它还可以把图片保存成那2种格式。
关于JPG,GIF以及PNG
网际网路上目前被广泛使用的图档格是大概就是这三种，而其中又以JPG以及GIF被使用的最为广泛，但是这三种档案格是彼此之间的差别，却会让初次接触网页设计的人不知作何选择。我们在切割网页用图档的时候该如何正确选择符合我们需求的格式？又该如何做最有效的图档最佳化？ Read more...
HttpWatch又是一个IE下的强劲插件，HttpWatch最主要的功能就是对通过浏览器进行网络通讯的数据进行监控和分析，当你在浏览器的地址栏 上请求一个URL或者提交一份表单时，HttpWatch帮你分析http请求的head信息，访问页面的cookie信息，Get和Post的详细数据包分析，Catch内容分析，QueryString分析。想知道GMail或者是任何一个AJAX网页时如何和服务器进行数据交互的吗？用这个插件就可以一览无余了。
从别人博客上看到这个软件，试用了一下免费版，发现它的功能类似于Firefox下的YSlow，主要是用来分析网页载入的元素，速度，对网站开发很有用。于是Google了一下，找到一个专业版的Lisence。比较郁闷的问题就是这个插件和微软的IE Developer Toolbar有冲突，2者只能运行一个。不知道能不能找到解决方法。目前已经可以和谐共处了，随便使用哪个都没问题。环境：WinXP SP2+IE6。
官方原版下载：http://httpwatch.com/download/
注册文件(By TEAM YAG)：HttpWatch Professional 5.1.23专业版 License
看完了《DOM Scripting》这本书好多天了，但是很少动手写代码。今天下午做一个城市列表的时候，实在懒得手动去复制粘贴，就边翻书边乱写，整出了下面一段代码，实现了想要的功能,记录在这里，免得以后忘记。 Read more...
根据加速图片显示和53个CSS-不可或缺的技巧这2篇文章总结的一点东西。
以前做网页是，一个按钮的状态切换一般是通过设置不同背景图片来实现，但是这种方法存在一个问题：当浏览者的网速不那么快时，鼠标移动到按钮上，这时候要向服务器再请求另外一张背景图，某些情况下会出现中间卡壳的现象。根据千鸟的说法，把多种状态合并成一张图，再利用背景图技术模拟动态效果，这个就是标题里的“单图转滚”。 Read more...
网站底部有个广告图片区域，用的是li排列，里面插入的img标签，CSS里设置了ul,li,img的高度都统一，在firefox里很完美，图片紧贴着外边框。但是在IE里图片的下边很明显可以看到几px的间距，造成了高度增加，这样左右底部就不对齐了，影响美观。搜索了一下，发现了在li标签里加img的问题，进而找到蓝色理想的一篇帖子：IE图片下空隙问题解决方法集合，知道了几种解决方法.
1.设置img的display为block
2.设置img的vertical-align为top
3.设置img父容器的font-size为0
4.设置img 的margin-bottom为负值，同时针对FF设置margin-bottom为0
慢慢积累日常写代码时的错误。1.定义数组要写Array,array是错的。2.length写成lenth。3.getElementsByTagName里Elements多了一个s，跟getElementById不同。4.script在头部调用和直接把代码复制到网页里效果不同。