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
问题:
由于android的WebView等相关类没有提供解析html网页内容的接口,我们想要获取网页的内容并解析出我们想要的元素内容,用android的固有API是没办法了。
这里我提供两种解析html思路:第一种,使用第三方解析html库;第二种,使用JAVA与JS回调,通过JS解析html。
之前研究了一下htmlparser这个开源...
分类:
移动开发 时间:
2014-09-12 17:08:23
阅读次数:
234
1、前端性能优化、前端技术架构、调试、前端安全性问题、前端兼容性问题、nodejs、移动端开发、HTML5/CSS3、正则表达式、web前端的瓶颈(兼容性、组件(框架)不够完善等);2、getElementByTagName返回一个伪数组:HTMLCollection;3、getElementByI...
分类:
其他好文 时间:
2014-09-12 11:42:53
阅读次数:
546
1.vivo官网左右全屏动画焦点图vivo官网左右全屏动画焦点图是一款基于jquery+html5实现的步步高vivo官网图片切换动画效果代码。在线演示源码下载2.多种类型自定义对话框插件jDialog多种类型自定义对话框插件jDialog是一款基于jquery实现的轻量级多种类型的自定义对话框插件...
分类:
Web程序 时间:
2014-09-12 11:27:03
阅读次数:
259
响应式布局是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