• CSS3 线性渐变(linear-gradient)

    CSS3 Gradient 分为 linear-gradient(线性渐变)和 radial-gradient(径向渐变)。而我们今天主要是针对线性渐变来剖析其具体的用法。为了更好的应用 CSS3 Gradient,我们需要先了解一下目前的几种现代浏览器的内核,主要有 Mozilla(Firefox,Flock等)、W

    13-06-23
  • CSS3的背景渐变gradient

    CSS3 Gradient 分为 linear-gradient(线性渐变)和 radial-gradient(径向渐变)。记住渐变并不是CSS3的一个属性,而是一个属性的值,虽然在CSS3中没有专门注明渐变是针对background的,但是目前我所了解到的是只有background才会应用渐变属性( background

    13-06-23
  • CSS3 --一句话概括Transform,Transition,Animation区别

    Transform:对元素进行变形; Transition:对元素某个属性或多个属性的变化,进行控制(时间等),类似flash的补间动画。但只有两个关键贞。开始,结束。 Animation:对元素某个属性或多个属性的变化,进行控制(时间等),类似flash的补间动画。可以设置多

    13-06-23
  • 响应式布局的5种模式以及不用响应式布局的理由

    响应式布局是 Ethan Marcotte在2010年5月份提出的一个概念 ,简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念可以说是是为移动互联网而生的! Responsive Web Design可以为不同终端的用户提供更加舒适的界面和更好的

    13-06-18
  • 响应式Web设计:Media Queries和Viewport的困惑

    最近在研究响应式web设计,发现其实这东西其实挺难的,Media Queries和Viewport这两个概念就让人非常头疼,到底是只用其中一种就行,还是两者必须配合起来用,正在困惑的时候,发现了以下这篇文章,虽然没有全懂,但是似乎了解又更近一步了。原文如下: ----

    13-06-18
  • 响应式网页设计入门

    响应式网页设计(Responsive Web Design)这个概念在2000年的时候就有人提出来了,其实我更喜欢将其翻译为自适应网页设计,阮一峰关于Responsive Web Design的一篇文章就是翻译为自适应网页设计,但是国内都采用了响应式网页设计这一生硬的翻译(你能第一次

    13-06-17
  • CSS3 target伪类简介,以实现tab效果为例子

    CSS3 target伪类 是众多实用的CSS3特性中的一个。它用来匹配文档(页面)的URI中某个标志符的目标元素。具体来说,URI中的标志符通常会包含一个”#”字符,然后后面带有一个标志符名称,比如#respond,target就是用来匹配ID为respond的元素的。 现在在页面中,

    13-06-17
  • CSS3动画属性Transition

    今天我们接着一起来看CSS3动画属性中的一个属性Transition。 W3C标准中对css3的transition这是样描述的:“css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画

    13-06-05
  • Firefox OS应用开发指南之预备知识

    这篇文章介绍了Firefox OS应用开发的第一步需要知道的知识

    13-06-03
  • 现代浏览器中内置的可以等效替代jQuery的功能

    jQuery的体积在不断的增大。新功能要不断增加,这是必然结果。虽然从版本1.8.3开始的瘦身效果明显,但不可否认的是,对于移动手机端的网 页开发,它仍然是不可接受的。当然,jQuery不是铁板一块,你可以对它进行定制,只打包进你想要的组件,但其中的一些用

    13-05-27
  • 介绍一个html5做的网站,以及article标签的用法

    ​这是一个介绍html5相关技术的工具网站,网站本身就是有html5|css3写成,虽然对于电脑配置差点的同学来说浏览起来有点卡,但是还是值得学习的,毕竟html5才是今后的主流技术。

    13-04-07
  • HTML5 placeholder实际应用经验分享及拓展

    一、HTML5 placeholder介绍 placeholder 在英汉词典中解释成了“占位符”。我们不妨将 placeholder 来个临时拆分:place + hold + er. placeholder 指的就是:“足以镇住这块区占据位置的字符。无论是传统软件或是web应用中, placeholder 都是相当常见的。

    13-04-07
  • HTML5本地存储之Database Storage篇

    在上一篇 《HTML5本地存储之Web Storage篇》 中,简单介绍了如何利用localStorage实现本地存储;实际上,除了sessionStorage和localStorage外,HTML5还支持通过本地数据库进行本地数据存储,HTML5采用的是SQLite这种文件型数据库,该数据库多集中在嵌入式设

    13-04-05
  • html5 中的 article 和 section 元素

    HTML5带出了一系列新元素,并且将在未来被广泛应用。然而,有一些元素在使用时易被混淆,包括以下两个新元素: article 和 section 。 最常被问起的问题是:在什么情况下我们应该使用这些元素?以及我们应该如何正确的使用这些元素? Article元素 从名字上,

    13-04-03
  • HTML5/CSS3教程:使用SVG图片

    在我们开始使用SVG前,让我们先了解一下 SVG,并且解释一下为什么使用SVG。 SVG全称是Scalable Vector Graphics,如果你使用过adobe Illustrator的话,相信你对这种适量格式的图片并不陌生! 为什么使用SVG? 文件非常小 能够无损失的缩放尺寸 在Retina显示

    13-04-02
56文