初识CSS3,先不论新的语法标准是怎样,首先要关注的自然是它能给我们带来什么。
总的来说CSS3主要拥有以下几个新的亮点:高级选择器,圆角,多背景,@font-face,动画与渐变,渐变色,Box 阴影,RGBa - 加入透明色,文字阴影,图形化边界 。
其中比较重要的是,新的选择器,以往大量通过JS进行的工作都可以在CSS中完成了,比如在一个表格中让单数行和双数行有不同的背景色。另外使用@font-face可以在页面中外联一个自己指定的字体,从而使得网页设计可以更随心所欲,而不用总是把特别字体的文字给做成图片(就是不知道要怎么处理字体的版权问题就是了)。而文字阴影和渐变色等的实现也都能省下不少的PS活儿。
不过反过来说,这些新的功能也都不是以现在的技术无法实现的问题,无非是用CSS3之后能够更加简便而已。同时还有一个比较棘手的是,各个浏览器对于CSS3的支持明显是不同的,要保证不同用户同样的用户体验那就是个更头痛的问题了。
从这里大家可以看看CSS3的一些效果,推荐浏览器Safari 4+, Google Chrome
http://www.webdesignerwall.com/trends/47-amazing-css3-animation-demos/
而当CSS3以及HTML5开始涉足JS的地盘,JS本身却在向Flash靠近,正所谓长江后浪推前浪,这个被推的前浪也只能推更前面的浪了。JS做出的效果已经能让人误以为是Flash效果了,而且JS也可以实现从前Flash在实现的东西,例如网页游戏,RIA,它和Flash相比,在可访问性上更有优势。
已经 10 年没有升级的 JavaScript 在去年迎来了它的一次重要升级,这似乎都预示JS将重点移向Web应用方面。一旦浏览器厂商们吸纳了这些标准,Web 开发者们将拥有更强大工具来创建 Web 应用。
而在CSS越来越庞大的同时,我们也可以看到,就目前来说IE仍然没有支持CSS3,现阶段不同的浏览器都使用各自不同的标签,于是同样的效果,要用不同标签写3遍,当然这个是由于正式的标准没有推出的缘故。但是就这样的状况看来,用在自己的小网站是没有问题,想要在正式的网站中使用就不得不面对比较多的顾虑了。尤其,在国人连IE6都还远远没有淘汰的情况下,更是如此了。
yangzhen 前端技术 CSS3
如今YouTube,Vimeo等网站已经开通了HTML5的支持,越来越多的目光开始聚焦在HTML5+CSS3所构筑的未来蓝图上,虽然它们还没有正式到来,但已经有不少浏览器支持了部分功能,微软也表示IE 9浏览器将更广泛支持HTML5。
HTML5 虽然进展缓慢,但必将改变我们描述页面的方式,成为通往语义 Web 的重要阶梯,为 Web 带来真正的本地多媒体支持,并改善我们同 Web 内容的沟通。
而与此同时,大家应该不会忘记还有一路大军同样虎视眈眈。就在大约3年前微软推出了Silverlight ,欲与Flash一决高下,然而尽管微软的推广力度不可谓不强,结果却始终没有撼动Flash的霸主地位。
日前informationweek.com 召集微软和 Adobe 就 Flash,Silverlight 和 HTML5 做了一番辩论。以下是辩论赛的录音,现场包括 Techweb 的内容总编 David Berlind ,本人 ,Dr. Dobbs 主编 Jon Erickson, 微软开发平台市场主管 Brian Goldfarb 以及 Adobe 的技术战略主管 Anup Murarka.
http://i.cmpnet.com/infoweek/audio/FritzAndDavidShow201004FlashVsSilverlight.mp3
如果说 Silverlight 的推出让 Adobe 感到棘手,那么现在,双方都应该对 HTML5 感到棘手,HTML5 的使命是让富 Internet 应用成为 HTML 标准(Dr Dobbs report)。不过,双方都不承认 HTML5 对他们的威胁,相反,他们表示,要与 HTML5 和平共处,让 Flash 和 Silverlight 在 HTML5 下工作,并在他们的工具中对 HTML5 提供支持。他们同时提到,HTML5 前面还有很长的路,目前只是万里长征的第一步,前面还充满变数,与此同时,不管是 Flash 还是 Silverlight 都有属于自己的市场,即使在 HTML5 已经成熟的时候(Gartner 的 Ray Valdes 有一篇文章,将 HTML5, Flash 和 Silverlight 做了详细对比)。
人们对 HTML5 的最大期待还是它将让富媒体更容易搜索。微软和 Adobe 都谈到了他们为使 Silverlight 和 Flash 变得容易搜索而做的努力。
http://www.informationweek.com/news/mobility/business/showArticle.jhtml?articleID=223101717&pgno=1&queryText=&isPrev=
姑且不论那些主管们怎么辩论,实际上未来的结果也根本不是辩论能决定的。只是比较有意思的是,也有消息指出,Adobe也正在开发HTML5的编辑工具,似乎大有无论最后你用什么,还是得买我家工具的意思,其心不可谓不险恶。
事实上,现在谈论哪一家会做大似乎还为时尚早,HTML5本身也还有很长远的路可走,不过就我个人看来,HTML5的诞生我觉得很大程度上是浏览器大佬们的一场阴谋。既然Flash做到的事,为什么浏览器本身却不行,非要用你的插件不可呢?长此以往岂不是大家都没得混,只有Flash独大了?那就只有先下手为强了,无论Flash如何漂亮,优秀,可是又怎么超过它运行的浏览器本身呢?随着 HTML5 的逐渐普及,当你通过一个 <video> 标签就可以播放高清网络视频,当你通过一个 <canvas> 标签就可以渲染出相当靓丽的网页动画,当 WebGL 让你网页硬件加速,运行出不次于《魔兽世界》的 3D 效果,当 WebSQL 让你在浏览器中保存数据就像操作桌面应用那么简单,当 WebSocket 轻而易举地实现浏览器与服务器端通讯之际,谁还会关心什么 swf ,谁还会记得什么 Flash 。而对于Silverlight来说境况也是相差无几,谁让HTML5天生就有优势呢?新体系的建立往往就是旧有体系末日。正如同现在有谁还记得人类历史上第一个运行在浏览器之上的交互式应用,本来就是 Java Applet,而非Flash一样。
yangzhen 前端技术