现在web技术不断发展，视图与数据渲染更多由前端呈现，后台更多与数据打交道。于是，我们会经常看到这样的交互场景。页面加载，看到一个框框里面有个菊花在转，然后内容呈现；或者点击个按钮，菊花在转，然后列表动态加载呈现。
确实，功能上OK，有菊花，用户也愿意等。但是，大家有没有觉得所有交互，出现菊花→出现内容，都是“砰砰砰”很生硬的感觉，尤其当内容是动态，高度不确定的时候。我们使用一些比较好的手机APP(如微信)的时候一定不会有这样的感觉，整个交互流程都是很流畅的，就像山涧的泉水，涓涓细流到山脚，而不是巨人在峡谷走路的感觉。
所以，如果菊花的呈现到内容的展示能够通过自然的动画过渡呈现，势必会增强用户体验。
而本文就将分享，我是如何渐进处理，让动画过渡呈现更自然的…… 必须的，demo，截图，源代码展示一个不少，希望本文的内容能够对您的学习有所帮助。
对SVG有所关注的同行应该都知道，IE8-以及Android 2.3默认浏览器是不支持SVG的，实际项目，这些浏览器，至少IE8浏览器还没有到不管不问的时候，因此，在使用视网膜显示友好的SVG同时，我们还要做一点优雅降级，使IE8等考古价值浏览器也能手染余香。
本文在介绍一种新的SVG降级技术的同时，同时把以前css-tricks中提到的技术又总结了一遍。大集合什么的我做喜欢了，以后不要找来找去，因此，这里，我按照个人的理解，配合自己的一些实际测试，分享下。
demo, 截图、表格、源代码什么的应有尽有，希望本文的内容能够对您的学习有所帮助。
一个名叫“阿贾克斯”的屌丝男在名为“客户端”的学校上学，为了追女神，下狠心，借了高利贷给女神买Mac. 结果，期限已到，要债的找上门，没办法，只能向身在“服务器端”的父母要钱。但是，要钱是要一定的过程和时间的。他必须想办法向要债的表明，钱正在过来的过程中，否则，可能要债的会认为你在忽悠，直接使大招——”Ctrl+W”，瞬间灭了你，眼不见心不烦。
如果告知钱正在过来的过程中呢？
有人可能如下处理，弄个转转转的小图片告诉要债的，看，我在原地不停地转……
网络上那些色色的照片都是.jpg格式的（“色色”指的是色彩斑斓的意思）。
不知诸位有没有注意到，这些jpg格式的图片在呈现的时候，有两种方式，一种是自上而下扫描式的，还有一种就是先是全部的模糊图片，然后逐渐清晰(就像GIF格式的交错显示)，例如下面的示意……
虽然现代浏览器支持CSS3，但是一些过往的版本或是目前有些CSS3属性的应用还是离不开前缀的。像box-shadow, border-radius这类属性，目前较新版本的浏览器都是不需要前缀的（包括IE9），但是，有些CSS3属性，例如渐变，oh,my GEE GEE，前缀少不了，于是每次应用都像是建大楼一样。比楼高是很傻逼的一件事情，所以如此霸气侧漏的CSS大楼反而让人伤不起，我们总希望跟这些前缀说“顾德白”。有此想法的前端er们想必大有人在，于是，一些牛逼且执着于web技术且乐于分享的仁兄就搞了个名叫prefixfree.js的东西……然后又弄了个Animatable的东西……
本文主要将如果借助JS即保证IE9浏览器以及FireFox等浏览器可以使用很简单的标签使用CSS3下的圆角，盒阴影效果，又能保证IE6/IE7/IE8浏览器下有兼容性的同样效果。这可以是一种比较新颖的做法，有别于传统为了兼容性牺牲CSS3的做法，也不是当下一些JavaScript CSS3库的做法。
作为观点式的文章，必定有效果良好的demo，有源代码展示，还有必要的截图。总之希望本文的内容能够对您的学习有所帮助。
本文介绍CSS3动画相关的几个属性是：transition, transform, animation，分别理解为过渡，变换，动画。虽然目前很多浏览器还没有完全支持这些属性，但是，在渐进增强的原则下，其高效的动画实现方式还是有很实际的应用价值的。本文实例当先（共14个），依次展示transition属性，transform属性，animation属性，而后三者结合展示一些更实际的效果与应用。
本文demo页面非常详细，提高必要的源代码展示，和截图供参考。希望能对您的学习有所帮助。
昨天的CSS峰会上一些优秀的人才就CSS一些尖端的问题发表了他们的看法。有大量的非常有用的信息，总共有8部分的内容，有Denise Jacobs – CSS高级故障排除；Chris Eppstein – 使用Sass和Compass创作样式；Jason Cranford Teague – 2010网页字体年；Zoe Gillenwater – CSS3下的有效&有效率的设计；Estelle Weyl – CSS3 & iPhone；Stephanie Rewis – CSS3 & 渐进增强；David McFarland – CSS3 Animations；Nicole Sullivan – CSS肿胀!
虽都不是什么惊世之作，但是，对于帮助我们开阔视野，增加一个技术知识还是很有帮助的。能力有限，难免会有翻译不准确，或是表述不恰当的地方，欢迎指正。
本文是我CSS理论方面又一篇重磅的文章。文中提出了CSS页面重构一个非常新颖的“门派”观点，主要指出了当下CSS页面重构两种主要的“流派”，并通过大量的实例与图片对此观点进行了说明与验证。
对于CSS页面重构的“门派”之分，其实自己的思考还不是很成熟，借此文顺便梳理了下自己的思考。这里，我特别想汲取其他同行的一些观点与看法，以帮助自己进一步地成长。所以非常欢迎指出您觉得表达不准确的地方，也欢迎提出您自己的一些观点。
本文最最重要的内容其实不是讲rgba，而是介绍如何在IE下也能实现半透明的背景效果。RGBA实现半透明背景很简单，直接一个半透明参数就可以了，但是IE浏览器下，就目前而言，需要使用滤镜，这个滤镜不是半透明滤镜，而是渐变滤镜，IE渐变滤镜支持半透明渐变背景色。
本文就将展示如何实现兼容性飞半透明背景效果，并列举一些实际应用。本文虽然截图不是很丰富，但是必要的都提供了，提供必要的代码展示与demo页面，希望能对您有所帮助。
我的应用
我的应用