CSS3 Gradient 分为 linear-gradient（线性渐变）和radial-gradient（径向渐变） 。而我们今天主要是针对线性渐变来剖析其具体的用法。为了更好的应用 CSS3 Gradient，我们需要先了解一下目前的几种现代浏览器的内核，主要有 Mozilla（Firefox，Flock等）、WebKit（Safari、Chrome等）、Opera（Opera浏览器）、Tr...
分类：
Web程序 时间：
2014-09-12 17:22:54
阅读次数：
219
上篇文章介绍了 CSS3 线性渐变（linear-gradient），这篇文章向大家介绍 radial-gradient（径向渐变）以及重复渐变（线性重复、径向重复）。在以前，渐变效果和阴影、圆角效果一样都是做成图片，现在 CSS3 可以直接编写 CSS 代码来实现。
CSS3 径向渐变和线性渐变是很相似的，我们首先来看其语法：
.代码
-moz-radia...
分类：
Web程序 时间：
2014-09-12 17:21:57
阅读次数：
330
web开发分为前后，作为一个后端工程师，或者是前端小白，前端的开发可能会很头疼。
一路走来，坎坎坷坷，好在升级打怪还是会遗留一些经验的，记录下现代前端开发的经验。
黑暗时代的前端开发
在这个时代，前端开发的流程可能是这样的:UI前端框架最新力作！有奖试读！
.代码
* 写各种html、css、js
* 跑到各种前端模块网站上手动下载各种库
...
分类：
其他好文 时间：
2014-09-12 17:13:14
阅读次数：
192
响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念可以说是是为移动互联网而生的！
Responsive Web Design可以为不同终端的用户提供更加舒适的界面和更好的用户体验，而且随着目前大屏幕移动设备的普及，用大势所趋来形容也不为过。随着越来越多的设计师采用这个技术，我们不仅看到...
分类：
其他好文 时间：
2014-09-11 17:27:22
阅读次数：
1188
响应式网页设计（Responsive Web Design）这个概念在2000年的时候就有人提出来了，其实我更喜欢将其翻译为自适应网页设计，阮一峰关于Responsive Web Design的一篇文章就是翻译为自适应网页设计，但是国内都采用了响应式网页设计这一生硬的翻译（你能第一次看到响应式网页设计这种称呼而联想到他的具体含义吗？）。既然这种二流翻译已经是主流，我也采用响应式网页设计这一说法。
...
分类：
Web程序 时间：
2014-09-11 17:27:02
阅读次数：
326
Transform：对元素进行变形；Transition：对元素某个属性或多个属性的变化，进行控制（时间等），类似flash的补间动画。但只有两个关键贞。开始，结束。Animation：对元素某个属性或多个属性的变化，进行控制（时间等），类似flash的补间动画。可以设置多个关键贞。精心开发5年的UI前端框架！ Transition与Animation:transition需要触发一个事件 ,而a...
分类：
Web程序 时间：
2014-09-11 17:22:52
阅读次数：
239
CSS3 Gradient 分为 linear-gradient（线性渐变） 和 radial-gradient（径向渐变）。记住渐变并不是CSS3的一个属性，而是一个属性的值，虽然在CSS3中没有专门注明渐变是针对background的，但是目前我所了解到的是只有background才会应用渐变属性（background-image也可以）。
我们先直接通过两个实例来说明这两种渐变的基本用...
分类：
Web程序 时间：
2014-09-11 17:22:32
阅读次数：
229
最近在研究响应式web设计，发现其实这东西其实挺难的，Media Queries和Viewport这两个概念就让人非常头疼，到底是只用其中一种就行，还是两者必须配合起来用，正在困惑的时候，发现了以下这篇文章，虽然没有全懂，但是似乎了解又更近一步了。
前言
现在使用移动设备人越来越多，移动版的Website随之也越来越重要；但是移动端设备的大小不一，屏幕分辨率各不相同，我们不可能为Bla...
分类：
Web程序 时间：
2014-09-11 15:23:12
阅读次数：
280
市面上我们常常会看到各种各样的设计模式书籍，Java设计模式、C#设计模式、Ruby设计模式等等。在众多的语言设计模式中我唯独找不到关于CSS设计模式的资料，即使在网上找到类似内容，细细一看之下才发觉是南辕北辙。经过浩瀚文章搜索发掘下依旧一无所获之后，直接导致了我萌生一股写一篇CSS设计模式的冲动，至此写下这篇文章，其中叙述如有不当之处，也恳请各位提出意见，分享出您宝贵的经验。
在写页面...
分类：
Web程序 时间：
2014-09-10 15:58:30
阅读次数：
185
这篇教程中，我将给大家展示表单元素下拉选择框select的CSS替代方案。该方法采用css来实现，看上去非常简单。我们用radio标签列表来模拟下拉列表，选择一个radio可以很好的模拟出select中选择一个元素的效果。
一：HTML
下面是我们在form表单里面用到的html代码：
.代码
"radio-container">
"...
分类：
Web程序 时间：
2014-09-10 15:56:50
阅读次数：
329
