一起CSS

当前位置:一起CSS

说说CSS Hack和向后兼容

日期:2010-05-19 分类:CSS

人一旦习惯了某些东西就很难去改,以及各种各样的原因,新的浏览器越来越多,而老的总淘汰不了。增长总是快于消亡导致了浏览器兼容是成了谈不完的话题。说 到浏览器兼容,CSS HACK自然而然地被我们想起。今天,我们通常都有一个团队或者将有一个团队的人在一个公司里面做相同的事,需要我们有统一的规范来进行Coding,以 方便维护。而解决兼容的方法就是(必须是,因为这才最容易有问题的)其中一个最重要的、要解决的规范之一。

CSS Hack

在解决兼容方法上,想定出一个统一的规范,个人认为应该以下面3点为基本原则:

  1. 权衡成本:在浏览器被淘汰后,如何快速清理掉无用代码
  2. 可维护:在资源成本和完美间平衡的向后兼容
  3. 可读:省力、易记

这里把成本放在了第一位,并不是说我们不愿意追求完美,而只是,太刻意追求完美有时候可能会阻碍我们前进;在成本后,应该是可维护和可读,这点对于团队的合作来说至关重要,而最终结果也是为了减少成本。

先把这三个原则存起来,来看看我们平时解决兼容的写法(后面会附详细的Hack方法列表):

阅读全文 >

查看:245 评论:没有评论 标签:

IE9平台预览第二版发布 支持HTML5 GPU加速

日期:2010-05-6 分类:浏览器

美国时间5月5日上午,IE 开发组发布了此前承诺的新版 Internet Explorer 9 平台预览版第二版。

IE9平台预览第二版界面图片

相较于第一次发布的技术预览版本,该版本具有众多的改进。重点改进性能、大屏幕显示器的支持、Web标准的兼容、开发工具也有很大提升、特别是实现了 HTML5 的 GPU 硬件加速。同时,微软也更新了 Test Drive 官网,用户可以通过下载 IE9 平台预览版2来测试和体验 IE9 浏览器的新变化。

由于 IE9 很多特性还未定型,“平台预览版”这个名称表明该版本仅(主要针对网页开发人员)展示新 IE 在速度、HTML5、CSS3、图形渲染等方面的改进,并没有包含完整的浏览器功能,也不能说明正式版的IE9就是什么样子。

下载:IE9 平台预览第二版

查看:340 评论:5 标签:

IE的市场份额下降到历史最低

日期:2010-05-5 分类:浏览器

微软的 IE 浏览器抵挡不住来自 Firefox 和 Google Chrome 的凶猛攻势。Net Applications 的统计显示,IE 的浏览器市场份额 11 年来首次低于 60%。IE 在2010年4月的市场份额为 59.95%,比前一月下降了 0.9%,降至了1999年初 IE5 发布之初的水平。Firefox 上涨了 0.07% 至 24.59%,Chrome 增加了 0.6 个百分点,达到了 6.73%,Safari 为 4.72%,Opera 失去了 0.07% 至 2.30%,Opera Min 则为 0.79%。

2010年4月主流浏览器市场份额占有率图片

相比之下,StatCounter 的统计显示,IE 的市场份额为 51.42%,Firefox 占 32.62%, Chrome 占 8.82%,Safari 为 4.27%,Opera 为 1.99%。

Net Applications 同时发布了操作系统市场调查数据。据悉,操作系统市场份额并没有明显变化。WindowsXP依旧以63%的份额占据首位。

2010年4月操作系统市场份额占有率图片

查看:263 评论:3 标签:

jQuery EasyUI

日期:2010-03-31 分类:未分类

你见过 ExtJs 界面的漂亮吧,想应用它,却嫌它庞大、臃肿?没关系,你现在可以选择 jQuery EasyUI 。jQuery 是公认的轻量级 JS 框架(虽然不是最小),jQuery EasyUI 系出名门,虽然体积小,但功能却不简单,它为网页开发提供了一些列的 UI 组件,能为开发者节约大量的时间。看几张效果图把:

ExtJs 和 jQuery EasyUI 对比。

jQuery EasyUI 树形菜单、表格应用、弹出窗口等。

jQuery EasyUI 弹出对话框。

jQuery EasyUI 遮罩弹出窗口。

怎么样?不错吧。那就赶快去体验吧!

jQuery EasyUI 的官方地址是:http://jquery-easyui.wikidot.com/

查看:2,400 评论:4 标签:

css hack

日期:2009-11-9 分类:CSS

css hack 是个很有争议的东西,一开始我也很讨厌,因为我觉得可以饶过 css hack,通过另外的方法解决问题。但是,随着工作中的不断实践,改变了我的观点,css hack 虽然不能通过 w3c 标准认证,但适当是使用很有可能会使你的 HTML 结构更紧凑、有效的减少无语义标签或带来其他好处。

在公司,电脑里的浏览器是 ie6,除了开发部和技术部外,其他部门的同事很少装其他浏览器(不过有小部分可能会升级到 ie7/ie8)。而开发部和技术虽然会装 ff,但装好之后一般不会升级,因为他们不一定是前端开发人员,他们装 ff 的目的也只是看看自己做的东西在 ff 下是否正常,所以这就导致了公司里有各个版本的 ie 和 ff 都有。其实这不是最严重的,因为我做的东西除了在 op 下可能会有些差异外,在上面所有浏览器和 sa 、ch 下都表现的很好。最严重的是之前的有些东西他们做的时候可能只考虑到 ie6,所以如果要修复的话,会把我给郁闷坏,因为我不仅要针对浏览器修复,还有可能要针对浏览器版本修复。如果是你的话,你会头疼吗?所以我收集了一些我认为是比较简单方便的 css hack,一来是自己在工作可能需要,二来算是分享吧。这些 css hack 注意顺序一起使用,能区分不同的浏览器和版本。当然,如果你没必要考虑这么复杂的情况,就挑选需要的用咯。通过实例来体现吧。

html 代码

<body>
	<p>您的浏览器是</p>
</body>

阅读全文 >

查看:2,496 评论:19 标签:

© Copyright 2010 一起CSS All Rights Reserved