2009-02-27
哈哈，说来好笑，我在KDUED上发这个帖子时想到要是被和谐那咋整，所以对一些字眼进行了修改，下午的这个交流会主要是围绕IE8的新特性来讨论，之所以不在去年BETA1时开始整，就是因为觉得，他离正式版太远，没啥意义，bug多，但现在已经发布了RTM，说明离正式的版本已经灰常的接近了，所以进行了一次交流，希望大家都能得到一点点东西。这个PPT在kdued.com已经发表过，如果这里访问不稳定，大家也可以移步到那去看。
Posted in Web Standard 3 Comments »
2009-02-25
晚上整了会，部署了一些文件，让窝支持了Web Slices 和 Activity。
使用IE8的同学将能够在右边的最新日志上使用web slices。
安装了右边的搜索框下的cnscorpio activity加速器后随便选取一段字，可以使用加速器。。
什么是：Web Slices,Activity
Posted in Web Standard No Comments »
2009-02-22
最近观察IE8的一些东东，陆续会有其他动作。一下是看到的一个令人那啥的字：
http://msdn.microsoft.com/zh-cn/library/cc304082(en-us,VS.85).aspx
其中的：
The hasLayout functionality has been removed in Internet Explorer 8，Following are some of the fixed issues:
Cleared elements don't clear other nested floats when they don't share a parent
Cleared elements after floats have doubled top padding
Posted in Web Standard No Comments »
2009-01-22
2008年一年下来，做了很多群发会员邮件的小项目，对HTML邮件是爱恨交加，爱的是它能很快的将我们想表达的信息直接推到会员面前，恨的是，各大邮箱系统的兼容性问题。这类帖子在行内不少UED BLOG上都有朋友写过了，大部分也是我碰到过的，我这里写点我的个人感受吧。
本帖同时发布在KDUED.com,如果小窝不稳定，可移步查看
1.邮件兼容性问题
1.1 table布局比较靠谱
div布局在部分变态邮箱里没法看，因为这部分邮箱会默认对某些标签添加自有的样式,如sina.com的邮箱和hotmail.com的邮箱。甚至这些邮箱有BUG的话，会出现一些莫名奇妙的问题，如：QQ邮箱会在某些情况下（至今未知）自动给图片的格式后缀再多加一个“点”，a.jpg会变成a..jpg,-_-!!
而table布局在这个时候就很强势，很兼容，很可靠，很强大了，根据多次测试，table布局的可靠率达到90%以上，像QQ邮箱，网易邮箱，都是将邮件的主体内容放在一个iframe中，QQ邮箱就在iframe中设定了默认图片display:inline;的样式，这些样式如果你不注意，等你百思不得其解为何你的邮件中图片乱七八糟的时候，就应该看看这个了。
1.2 尽量少用图片
很多邮箱默认下，是不会下载图片的，例如live mail,也就是hotmail,gmail默认状态下也是不会下载背景图片和img的，只会提示你是否要显示，是否以后都信任这个地址的邮件，这个主要是处于安全性上的考虑。而不用图片了，如果又需要有视觉上的变化那怎么办呢，可以用色块（background-color），如果要用圆角，可以用很多的标签去拼凑(-_-!，是很变态)，图片方面，一般来说大家有过seo习惯的话都会加上alt属性，这里也最好给图片加上，避免图片无法显示的时候，可以显示alt内容。
1.3 编码要注意
尽量用utf-8的编码，可以避免某些（注意，是某些）邮箱出现乱码情况。
Posted in Web Standard No Comments »
2009-01-16
有很多时候，需要对某个元素进行负的margin，做一些特定的效果，和布局，如果刚好这个应用了负margin的元素也设置了background，那就会有点点麻烦，这个主要是在IE6下。
代码如下：
test margin-bg
#shit{width:500px;height:500px;margin:0 auto;border:#333 1px solid;}
#shitAgain{width:100px;height:100px;margin:0 0 0 -50px;background:#900;}
解决也很简单，那就是应用position:relative。
test margin-bg
#shit{width:500px;height:500px;margin:0 auto;border:#333 1px solid;}
#shitAgain{width:100px;height:100px;_position:relative;margin:0 0 0 -50px;background:#900;}
这个bug应该属于无法获得layout的问题，很久之前发现的bug，哈哈，存在bug库了好长时间了，偶然发现了。。
Posted in Web Standard 4 Comments »