Android Programming (by Chih-Yu Lin) Absolute Centering. Map Icons. Responsive List + Flip effect. AnimateScroll - jQuery Plugin for Animating Scroll. iOS / iPhone / iPad 实现各种各样的cover flow效果代码 iCarousel for Cover Flow - 滚动视图（ScrollView）开源代码 - Code4App.com. 搜索 Cover Flow - iOS Cover Flow相关代码 - Cover Flow开源代码 - Code4App.com. CSS3 Transition | css3教程-css3实例-css3动画 | W3CPlus. 上一节花了大篇幅整理了CSS3中动画属性中的Transform，今天我们接着一起来看CSS3动画属性中的另一个属性Transition。
W3C标准中对css3的transition这是样描述的：“css的transition允许css的属性值在一定的时间区间内平滑地过渡。 这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。” 下面我们同样从其最语法和属性值开始一步一步来学习transition的具体使用 语法: transition ： [<'transition-property'> || <'transition-duration'> || <'transition-timing-function'> || <'transition-delay'> [, [<'transition-property'> || <'transition-duration'> || <'transition-timing-function'> || <'transition-delay'>]]* transition主要包含四个属性值：执行变换的属性：transition-property,变换延续的时间：transition-duration,在延续时间段，变换的速率变化transition-timing-function,变换延迟时间transition-delay。 下面分别来看这四个属性值 一、transition-property: 语法： transition-property ： none | all | [ <IDENT> ] [ ',' <IDENT> ]* transition-property是用来指定当元素其中一个属性改变时执行transition效果，其主要有以下几个值：none(没有属性改变)；all（所有属性改变）这个也是其默认值；indent（元素属性名）。
1、color: 通过红、绿、蓝和透明度组件变换（每个数值处理）如：background-color,border-color,color,outline-color等css属性； 4、integer离散步骤（整个数字），在真实的数字空间，以及使用floor()转换为整数时发生 如：outline-offset,z-index等属性； 取值： 其他几个属性的示意图： Easings. CSS参考手册v4.0.1_web前端开发参考手册系列. UIKit ，媲美 Bootstrap 的強大前端框架 | Asika Lab 飛鳥實驗室. UIKit 是一套全新的前端框架，建立在 Normalize.css 之上，相較於 Yahoo Pure 專注在純 CSS 框架，UIKit 則專注在成為 Bootstrap 的加強版。 他是由 Joomla! 知名佈景設計商 YOOTheme 所開發的，也是內置在他們最新的模版引擎 Warp7 中的標準框架。 為了要能夠與 Joomla! 3 內建的 Bootstrap 樣式相容，UIKit 大多數的 Component 與 Bootstrap 非常接近，但更為簡潔，更為清爽，功能也更加強大。 例如 Bootstrap 所沒有的垂直置中，或是三四倍以上數量能縮放大小的的Icon等等。 值得一提的是，UIKit本身提供三組風格: Default, Almost-Flat 與 Gradient，分別是原始純扁平化設計、半扁平化設計(比較類似 Google 風格)以及漸層立體風格。 Customizer 不過也有些美中不足的缺點，例如各元素的顏色不像 Bootstrap 有六七種那麼豐富，UIKit 只有紅綠藍白四種顏色，單調了些，但命名與 Bootstrap 是差不多的(更新: 1.0.1 以後也加上了Warning的黃色)。
官網： Default Almost-Flat Gradient Grid 系統 Panel Article 垂直置中 折疊式選單 導覽列 Off Canvas Menu 表單 數量超多的 icons 可縮放大小的 icon 圖片 Overlay 標準的按鈕與下拉功能 UIKit 官網： Tuts+ Premium | The best way to learn creative and technical skills. Learn Mobile Development | Mobile Development Tutorials, Videos, and Classes. Learn Web Design, Web Development, and More | Treehouse. Tappier | 輕鬆觸控，精采生活！ 36氪 | 关注互联网创业.