Skip navigation.

踩 IE

I hate IE forever.

Posts tagged with "Webstandards"

第一届北京CSSer网页标准聚会

应该说,这也是中国第一届网页标准主题聚会。

流程:
  • happydesignerlukhnos 简单介绍了他们这个组织以及推广web标准的计划和心得。
  • 阿捷上台作演讲,我们的现状、所遇到的困难、将来的发展规划等等,翻译网站重构的背景,建一个WEB标准人才库,还提议可以定期来类似的聚会,结果大家一致响应。
  • 大家自由踊跃发言,电子工业出版社的冰冰表示将来还会出类似的书,期待啊。最后大家分成了小组讨论。直到各自散去。

参加聚会的不只有WEB标准的爱好者,还包括了一些从事UE和产品人员,通过交流,大家遇到的问题基本都是差不多的。WEB标准现阶段还是比较理想化的东西,从构建到实施需要付出很大的代价,其中

  • 学习的成本,用阿捷的话说,一个勤奋好学的设计师至少需要一个月时间来适应这种新模式。
  • 推广的成本,如何说服公司的领导层支持标准?光有水平和口才恐怕还不够,如果老板只认前期效率和成本那你就死心吧。
  • 沟通的成本,你不能指望公司所有参与项目的人都懂标准,为了代码的尽善尽美和合理规划,你需要和设计师以及程序员做很多的沟通工作。

目前来讲,还没有一个科学且适用范围较广的模式供参考,大家都在实践中摸索。现在,技术已经不是问题,如何推广这个理念才是首先要面对的问题。

其实,这样的聚会真应该多办办,通过聚会大家相互交流学习,增强信心和知识面,如果能引起业内一些大人物的注意就更好了,无论如何,老板们不重视和支持我们,那我们永没有出头之日。P:

ETC:
  • 很荣幸能见到阿捷并和他交流,真人和网上一样和蔼可亲,下次一定带着我那本《网站重构》找他签名。
  • 有的人发言声音不大,以后可以考虑准备一个话筒。
  • 电子工业出版社的冰冰很漂亮。
  • 这次算是bokee的主场,又见到了不少老同事。怀念怀念~

总结一下中国网站、设计师的“七宗罪”,请对号入座

1 恶心的marquee标签

总有自作聪明的设计师以为要在有限的区域内放入大量的内容这个marquee标签是最佳选择之一,先不说它有多么的晃眼,浏览者经常因为某部分内容没看清而不得不紧盯着这个愚蠢的滚动效果再循环一次甚至更多,如果想复制里面的文本更是难上加难。CSS属性overflow: auto才是正确、富有亲和力的做法。

2 “方便”的Webdings字体

font face="Webdings",无数的设计师喜欢使用这种字体修饰页面,大概是因为“方便”吧。结果就是大量的font标签填充页面浪费了流量(钱!)和下载时间,而非IE浏览器更是根本不认这种东西,拜托,不要偷懒了,为了你的网站非IE浏览者不再困惑,多切几个图吧,累不死你的。

3 滥用dhtml

拜托了,不要用那些垃圾软件和垃圾网站提供的垃圾dhtml代码了,尤其是不要让它来控制内容和导航的显示,除非你不想让每一个浏览者都能正确获得你网站提供的内容。非用不可的话,请多花一点时间做做多浏览器测试。

4 盲目追随“韩流”

填满页面的大量修饰图片不仅会让浏览者彻底失去耐心,也会让你累死在未来的页面维护工作上。

5 无力的“加密”

网页是基于客户端的,任何“加密”手段都是防君子不防小人的做法,这样做除了让你网站的忠实浏览者感到不便外没有任何好处,如果你不想别人抄袭你的文章和设计,最好的方法是不要把它们放在网上。

6 IE正常就OK?

即使是在D版Windows横行的中国,使用非IE浏览器的用户也是越来越多,可能的话努力学习Web Standards,注意浏览器兼容性不仅会帮助你拉到更多忠实用户,也会让你在未来职场竞争中立于不败之地。

7 target="_blank"?

99%的浏览者都知道浏览器有后退、前进、新窗口打开链接的功能。请把选择权交给用户,尽量不要强迫他们,更不要妄图改变他们的浏览习惯,否则你将失去他们。

谈谈微软、浏览器和WEB标准技术的推广问题

首先,我要说微软就是tmd的阻挠web技术发展的大毒瘤!!

为什么这么说?随着web技术的发展浏览器已经越来越不能满足需要,为了顶住Firefox的压力千呼万唤始出来的IE7居然最低支持WindowsXP SP2,其实我不应该感到奇怪,现在微软那些招牌产品的最新版本几乎都不支持win2000了,wmp,msn等等。win2000有多少用户微软不是不知道,这么做完全是只为了尽可能突出XP和Vista系统的“先进性”,逼你升级windows。要说其他产品倒也无所谓,但作为其浏览器占有率占绝对优势的开发商,微软有义务做到IE7各平台通用,不仅是为了方便用户,也是为了web技术健康正常的发展——IE5和IE6对CSS的支持实在是太落后了,BUG实在是太多了。CSS2标准制定了这么多年,到现在还有很多特性得不到广泛应用,完全是为了照顾IE这个“大爷”。现在IE7不支持2000,那么我以后写网页还是要照顾那可怜的IE6甚至IE5,很多CSS2的特性还是不敢随便使用...

所有的一切完全是为了微软自己的商业利益。或许有的朋友要笑了,人家微软本来就是商人,这么做天经地义,你作技术的别太理想化了。对,说得没错,我这篇文完全就是从一个web技术爱好者角度来写的,如果你自认眼光长远瞧不起做技术的崇尚微软商业模式的话那么你可以看到这里停止了,道不同不相为谋。

再说IE那超强的“纠错性”,IE的纠错性强到什么地步?错误拼写的标签它有时都能“正确识别”,明明是id该干的事IE可以用name来代替。对,表面上看是方便了开发者,但长期下去只会培养开发者不良的编码习惯和加大标准推广的难度。如果一个老师放任自己的学生写错字只会给高分,那么最终只会害了这个学生。也许这就是微软的最终目的,让大家都习惯他的浏览器和各种私有特性,尽可能的不让用户中途转向其他浏览器以保持它的垄断地位。

结果推广web标准的人遇到最多的呼声就是:

用了CSS我的网页在IE的不同版本下表现不一样,在其他浏览器又是一个样!太难了,我还是先不学了!

虽然有很多方法解决这些兼容性问题,但无疑这会消耗大量的时间和精力,提高了CSS的学习门槛,影响了技术的推广,一个原本很好的技术如果连推广都不力的话还谈何发展?

作为用户,我一点也不期待IE7,因为从目前公布的新特性中,IE7没有超越任何其他现代浏览器的地方,甚至某些功能稍弱。我没有理由抛弃Opera和Firefox换回IE。

作为web开发者,我稍微期待一点点,只有一点点,因为毕竟是对CSS支持多一些了。至少用XP和Vista的用户可以得到更好的浏览体验了。

说到Opera和Firefox,我也顺便写一点自己的评价,不仅是作为一个用户,还作为一个前台开发者,从技术角度来比较它们。比较版本:Opera 8.5,Firefox 1.07,只比较那些看得见摸得着的地方,类似于稳定性之类看RP的地方略过不谈。

Opera较强的:

内存占用、页面渲染速度、界面亲切度、裸体安装的功能,几乎是公认的强项,我也就懒得说明了。

Firefox较强的:

渲染页面细节表现、对CSS的正确支持、几乎无限的扩展性。

渲染页面的细节表现在表单组件的外观上比较明显,贴几张图看看:

Firefox
Firefox
Opera
Opera

然后是对CSS的正确支持,今天刚发现的Opera BUG,列表前面的点跑右边去了,最新的9也没有修正这个BUG。看图:

Firefox
Firefox
Opera
Opera
HTML代码:
<div id="container">
<h2><span><a href="#">more</a></span>大话新闻</h2>
<ul>
<li><span>[2005-9-28]</span><a href="#">标题标题标题标题标题标题标题标题标题标题标题</a></li>
<li><span>[2005-9-28]</span><a href="#">标题标题标题标题标题标题标题标题标题标题标题</a></li>
<li><span>[2005-9-28]</span><a href="#">标题标题标题标题标题标题标题标题标题标题标题</a></li>
<li><span>[2005-9-28]</span><a href="#">标题标题标题标题标题标题标题标题标题标题标题</a></li>
<li><span>[2005-9-28]</span><a href="#">标题标题标题标题标题标题标题标题标题标题标题</a></li>
<li><span>[2005-9-28]</span><a href="#">标题标题标题标题标题标题标题标题标题标题标题</a></li>
<li><span>[2005-9-28]</span><a href="#">标题标题标题标题标题标题标题标题标题标题标题</a></li>
<li><span>[2005-9-28]</span><a href="#">标题标题标题标题标题标题标题标题标题标题标题</a></li>
<li><span>[2005-9-28]</span><a href="#">标题标题标题标题标题标题标题标题标题标题标题</a></li>
<li><span>[2005-9-28]</span><a href="#">标题标题标题标题标题标题标题标题标题标题标题</a></li>
</ul>
</div>
CSS代码:
#container ul {
border: 1px dotted #000;
border-top: 0;
padding: 12px 20px;
list-style: square;
color: #5B5BA7;
margin-bottom: 12px;
}
#container ul a:hover { color: #0C4B2C; }
#container ul span {
color: #646464;
float: right;
}

扩展性就不用说了,大家都清楚。

我现在是主要用Opera的,因为快,毕竟上网主要还是看字,“快”就是王道。

当然我也非常喜欢Firefox,我认为它的发展潜力是无限的,有这么多fans的支持,又是开源项目,相信过不了太久一定会解决资源占用问题。

最重要的是,没有Firefox就没有IE7的开发计划,Opera也不会成为免费软件,它对浏览器发展做出的贡献是看得见摸得着的。也许它现在还有这样那样的不足,但如果要我在3大浏览器选一个最终的胜利者,我会选Firefox(好吧,我承认我是在YY,IE的捆绑是无敌的-v-)。

December 2009
S M T W T F S
November 2009January 2010
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31