`
zhifubao
  • 浏览: 2486 次
  • 来自: 上海
最近访客 更多访客>>
社区版块
存档分类
最新评论

css3很绚丽但是请慎用

阅读更多
css3随着html5技术的发展而不断的受到广大开发者的欢迎,当然哪种技术狂热者肯定是非常痴迷css3的新技术了。
       在这里我只是说说在项目中或者是网站中应该怎么样取选择新的技术,这些技术不仅仅是包括后台的技术,后台技术的好换,一般的用户看不到深处东西,更重要的时前段的UI技术,因为他们是第一用户。
       最近在工作中,我看到好多的同事都在不停的学习css3,而且好像不管是什么新技术出来,马上一哄而上的学习起来,书是一本一本的接着买。看得我都蠢蠢欲动也想买几本搞个心理安慰
    不然就out了。当然学习是好事情,但是又可能你这种盲目的学习会让你得不偿失,
      然后在实际的web项目中,开始运用这些新技术,就拿css来说吧,有人在实际的项目中就开始用css3了。我很疑问,问起为什么要用css3技术,他们说技术新,用css2太out了
      。 我一听,真想当面反驳一把,那你觉得乔丹帅,是不是也准备买一个放到家里呢?在项目开发中,不是怎么技术先进就用什么,而是什么合适用什么?技术再先进,你驾驭的不好,然而会让你前功尽弃的。
      名誉扫地。再说css3现在市面有多少浏览器支持呢?又有多少人天天去升级浏览器,下载firfox高级版本,chrome,ie10,或者是oper高级版本?一般的人只要不是技术狂热者,觉得够用一般就不会轻易去升级。
      因为他们担心一升级系统就挂了。难到我用的系统还得去重新升级浏览器?不然用不了?qiangjian用户的意愿,最后用户也远离你。
      最后说到网站,在一般的企业级的we网站中 ,你用css3,我觉得倒是可以原谅,为什么?因为一般的企业级应用的网站都是特殊的用户,比如说一些企业级的管理系统
      它面对的用户是有限的,但是一旦你的网站是面向网名的。那么css3我建议你暂时还是搁置起来吧。再等等吧。
      互联网最大的特点就是多样性的存在,差异化的网速,千奇百怪的浏览器,各式各样的网名,淘宝应该技术靠前的,但是taobao应该不会轻易采用css3吧,不是技术不行,而是实践出真知。
      他们明白,强劲的适应性应该比之兼容部分浏览器的效果要更好。所以在我的网站中 bushere.com 我采用浏览器最兼容的css技术 ,尽管css3让我很心动,但是这种心动只是暂时,还无法让我行动,因为现在的css技术足够让你的网站看起来很不错。
      所以,用css3的时候,多站在用户的角度考虑下,是否大多数浏览器支持,是否在不经意间违背了用户的意愿。
0
5
分享到:
评论
3 楼 zhifubao 2012-07-22  
时代是前进 但有些东西是要环境的。就像你不能再一个很穷的国家去宣扬高度的精神主义一样
别人的肚子还没有解决,何来精神。
2 楼 启明星辰12 2012-07-21  
切,要跟着时代走
1 楼 pch272215690 2012-07-20  
你在为ie呐喊吗?

相关推荐

    css3 炫丽按钮例子

    单纯css3做的各种炫丽按钮,特效按钮,会呼吸的按钮,颜色渐变, 直接通过css3绘制出特殊效果,使用css的动画技术实现的简单例子

    jQuery和CSS3超绚丽的3D星空动画特效

    在本项目中,"jQuery和CSS3超绚丽的3D星空动画特效"是一个结合了前沿Web技术,旨在创建一个引人入胜的视觉体验。这个特效利用了jQuery库的动态功能以及CSS3的新特性,尤其是3D转换和动画,来实现一个仿佛置身于深邃...

    Three.js前端3D开发:使用CSS3DRenderer渲染全景图

    通过将3D对象映射到2D的CSS3元素上,我们可以用CSS3的translate3d()、rotate3d()等方法来处理3D变换,从而在网页上创建出逼真的三维视觉效果。 要使用 CSS3DRenderer 渲染全景图,我们需要遵循以下步骤: 1. **...

    css3.0参考手册 css3.0参考手册

    css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css...

    纯css3炫酷粒子动画特效

    【CSS3炫酷粒子动画特效】是一种利用现代浏览器对CSS3特性的支持,通过编程方式创建出视觉上引人入胜的动态效果。这个特效主要依赖于CSS3的动画(Animations)和转换(Transforms)特性,以及可能的伪元素(Pseudo-...

    19种html5+CSS3绚丽的弹出窗口动画过渡效果.rar

    19种html5+CSS3绚丽的弹出窗口动画过渡效果.rar 19种html5+CSS3绚丽的弹出窗口动画过渡效果.rar 19种html5+CSS3绚丽的弹出窗口动画过渡效果.rar 19种html5+CSS3绚丽的弹出窗口动画过渡效果.rar 19种html5+CSS3绚丽的...

    19种html5 CSS3绚丽的弹出窗口动画过渡效果.zip

    19种html5 CSS3绚丽的弹出窗口动画过渡效果

    css3做的滚动卷轴

    css3做的滚动卷轴样式的菜单栏,效果绚丽,富有创意

    CSS权威指南 css彻底设计研究 HTML5和CSS3实战 HTML5与CSS3设计模式

    此外,通过实际案例,读者将学习如何结合CSS3的新功能,如多列布局、渐变、阴影、边框半径、转换和动画,以提升网页的视觉效果和用户体验。 最后,"HTML5与CSS3设计模式"关注的是这两种技术的创新设计思路。设计...

    纯css3绚丽圆点背景动画特效

    【纯CSS3绚丽圆点背景动画特效】是一种利用CSS3的强大功能来创建视觉吸引人的动态背景效果的方法。这种效果通常由一系列大小不一、颜色各异的圆点组成,它们通过改变颜色、大小、位置或者透明度等属性,形成富有节奏...

    炫酷绚丽的CSS3 SVG文字边框动画特效

    本文将详细解析"炫酷绚丽的CSS3 SVG文字边框动画特效",并探讨如何利用这两种技术实现这样的效果。 首先,CSS3(Cascading Style Sheets Level 3)是CSS的最新版本,提供了丰富的样式控制和动画功能。在这个特效中...

    Web前端HTML5 CSS3初学者零基础入门全套学习笔记.zip

    Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门...

    CSS和CSS3思维导图(xmind版)

     一个css与css3都有效的code,如果浏览器不支持css3,那么只会以css的样式显示。最常见的就是圆弧角。一个只在css3中有效的code,如果浏览器不支持css3,那么其显示效果就不会出现。 css3和css,在编写code的时候,...

    《CSS3实用指南》源码

    《CSS3实用指南》源码是一份非常宝贵的资源,它涵盖了从第二章到第七章的全部CSS3实际应用示例。这份源码旨在帮助开发者深入理解CSS3的新特性,提升网页设计与布局的能力。以下是对这些章节中涉及的CSS3知识点的详细...

    HTML5 CSS3实现3D感极强的彩色立体文字.rar

    HTML5 CSS3实现3D感极强的彩色立体文字源码,这个效果超赞啊,这种三维风格我很喜欢,而且颜色很鲜艳,当然了,字符的颜色可以自己定义,具体请参见HTML演示文件,文字内容的自定义也很方便,在HTML中输入文字内容...

    css3 chm 手册

    css3 chm 手册css3 chm 手册css3 chm 手册css3 chm 手册css3 chm 手册css3 chm 手册

    CSS3 烟花升空爆炸炫丽动画效果源码.rar

    由html5 CSS3 jquery生成的烟花动画效果,烟花升空爆炸炫丽动画源码,烟花的数量、大孝高度都随机,且烟花散开的效果五颜六色,很漂亮噢。烟花爆炸一瞬间的动画效果很逼真,很自然,全屏查看效果,更棒。  代码中...

    CSS3 绚丽多彩的丝带特效.rar

    【CSS3 绚丽多彩的丝带特效】是一种在网页设计中常见的动态视觉效果,它利用了CSS3的强大力量来实现丝带的动态缠绕和变换,为网页增添动感与活力。在这个主题中,我们可以深入探讨以下几个关键知识点: 1. CSS3选择...

    css3-弹出窗口弹出效果

    在IT领域,CSS3是一种强大的样式表语言,用于定义网页的布局、颜色、字体等视觉效果。本主题聚焦于“css3-弹出窗口弹出效果”,这涉及到网页交互设计中的一个重要方面,即如何通过CSS3实现吸引用户的动态提示或信息...

    CSS3按钮发光动画 绚丽多彩

    今天分享一款基于纯CSS3的发光按钮,多种色彩的按钮排列在网页上,伴随着闪闪发光的效果,CSS3的...也许这么绚丽的CSS3按钮应用不那么广泛,但是在一些需要特效的网页中用来做提交表单按钮或者菜单项,那就非常方便了。

Global site tag (gtag.js) - Google Analytics